/**
 * Casino Hydra - Mobile Minimal Margins
 * Мінімальні відступи ПО КРАЯХ ЕКРАНУ (між блоками і краями екрану)
 * Version: 2.0
 */

/* ================================================================
   ГОЛОВНЕ ПРАВИЛО - Мінімальні ЗОВНІШНІ відступи від країв екрану
   ================================================================ */

@media (max-width: 480px) {
  
  /* Всі головні контейнери блоків */
  .casino-block-slotstyle,
  .uac-wrapper,
  .uac-card,
  .hydra-card {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Блоки які мають margin: auto */
  .uac-methods,
  .uac-providers,
  .uac-pros-cons {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* CDP Header - всі 17 стилів */
  .cdp-header {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* CDP Info Grid - 10 стилів */
  .cdp-info-grid-1,
  .cdp-info-grid-2,
  .cdp-info-grid-3,
  .cdp-info-grid-4,
  .cdp-info-grid-5,
  .cdp-info-grid-6,
  .cdp-info-grid-7,
  .cdp-info-grid-8,
  .cdp-info-grid-9,
  .cdp-info-grid-10 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Top Block - 10 стилів */
  .hydra-top-1,
  .hydra-top-2,
  .hydra-top-3,
  .hydra-top-4,
  .hydra-top-5,
  .hydra-top-6,
  .hydra-top-7,
  .hydra-top-8,
  .hydra-top-9,
  .hydra-top-10 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Info Grid - 20 стилів */
  .infogrid-style-1,
  .infogrid-style-2,
  .infogrid-style-3,
  .infogrid-style-4,
  .infogrid-style-5,
  .infogrid-style-6,
  .infogrid-style-7,
  .infogrid-style-8,
  .infogrid-style-9,
  .infogrid-style-10,
  .infogrid-style-11,
  .infogrid-style-12,
  .infogrid-style-13,
  .infogrid-style-14,
  .infogrid-style-15,
  .infogrid-style-16,
  .infogrid-style-17,
  .infogrid-style-18,
  .infogrid-style-19,
  .infogrid-style-20 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Pros & Cons - 16 стилів */
  .pc-style-1,
  .pc-style-2,
  .pc-style-3,
  .pc-style-4,
  .pc-style-5,
  .pc-style-6,
  .pc-style-7,
  .pc-style-8,
  .pc-style-9,
  .pc-style-10,
  .pc-style-11,
  .pc-style-12,
  .pc-style-13,
  .pc-style-14,
  .pc-style-15,
  .pc-style-16,
  .uac-pros-cons {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Security Index - 7 стилів */
  .si-style-1,
  .si-style-2,
  .si-style-3,
  .si-style-4,
  .si-style-5,
  .si-style-6,
  .si-style-7 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Payment Methods - CDP 10 стилів */
  .cdp-payments-1,
  .cdp-payments-2,
  .cdp-payments-3,
  .cdp-payments-4,
  .cdp-payments-5,
  .cdp-payments-6,
  .cdp-payments-7,
  .cdp-payments-8,
  .cdp-payments-9,
  .cdp-payments-10 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Game Types - CDP 10 стилів */
  .cdp-games-1,
  .cdp-games-2,
  .cdp-games-3,
  .cdp-games-4,
  .cdp-games-5,
  .cdp-games-6,
  .cdp-games-7,
  .cdp-games-8,
  .cdp-games-9,
  .cdp-games-10 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Detailed Metrics - CDP 10 стилів */
  .cdp-metrics-1,
  .cdp-metrics-2,
  .cdp-metrics-3,
  .cdp-metrics-4,
  .cdp-metrics-5,
  .cdp-metrics-6,
  .cdp-metrics-7,
  .cdp-metrics-8,
  .cdp-metrics-9,
  .cdp-metrics-10 {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Reviews Block */
  .hydra-reviews,
  .reviews-container {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Screenshots Block */
  .hydra-scr,
  .screenshots-container {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Content Blocks */
  .hydra-content-section {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Providers Block */
  .providers-container,
  .providers-grid,
  .providers-block {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Bonus Block */
  .hydra-bonus,
  .bonus-block {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Detailed Ratings */
  .detailed-ratings,
  .ratings-block {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
  /* Responsive Container */
  .responsive-container {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  
}

/* ================================================================
   ЩЕ МЕНШІ ВІДСТУПИ - для дуже малих екранів (≤360px)
   ================================================================ */

@media (max-width: 360px) {
  
  .casino-block-slotstyle,
  .uac-wrapper,
  .uac-card,
  .hydra-card,
  .uac-methods,
  .uac-providers,
  .uac-pros-cons,
  .cdp-header,
  .cdp-info-grid-1, .cdp-info-grid-2, .cdp-info-grid-3, .cdp-info-grid-4, .cdp-info-grid-5,
  .cdp-info-grid-6, .cdp-info-grid-7, .cdp-info-grid-8, .cdp-info-grid-9, .cdp-info-grid-10,
  .hydra-top-1, .hydra-top-2, .hydra-top-3, .hydra-top-4, .hydra-top-5,
  .hydra-top-6, .hydra-top-7, .hydra-top-8, .hydra-top-9, .hydra-top-10,
  .infogrid-style-1, .infogrid-style-2, .infogrid-style-3, .infogrid-style-4,
  .infogrid-style-5, .infogrid-style-6, .infogrid-style-7, .infogrid-style-8,
  .infogrid-style-9, .infogrid-style-10, .infogrid-style-11, .infogrid-style-12,
  .infogrid-style-13, .infogrid-style-14, .infogrid-style-15, .infogrid-style-16,
  .infogrid-style-17, .infogrid-style-18, .infogrid-style-19, .infogrid-style-20,
  .pc-style-1, .pc-style-2, .pc-style-3, .pc-style-4, .pc-style-5,
  .pc-style-6, .pc-style-7, .pc-style-8, .pc-style-9, .pc-style-10,
  .pc-style-11, .pc-style-12, .pc-style-13, .pc-style-14, .pc-style-15, .pc-style-16,
  .si-style-1, .si-style-2, .si-style-3, .si-style-4, .si-style-5, .si-style-6, .si-style-7,
  .cdp-payments-1, .cdp-payments-2, .cdp-payments-3, .cdp-payments-4, .cdp-payments-5,
  .cdp-payments-6, .cdp-payments-7, .cdp-payments-8, .cdp-payments-9, .cdp-payments-10,
  .cdp-games-1, .cdp-games-2, .cdp-games-3, .cdp-games-4, .cdp-games-5,
  .cdp-games-6, .cdp-games-7, .cdp-games-8, .cdp-games-9, .cdp-games-10,
  .cdp-metrics-1, .cdp-metrics-2, .cdp-metrics-3, .cdp-metrics-4, .cdp-metrics-5,
  .cdp-metrics-6, .cdp-metrics-7, .cdp-metrics-8, .cdp-metrics-9, .cdp-metrics-10,
  .hydra-reviews,
  .reviews-container,
  .hydra-scr,
  .screenshots-container,
  .hydra-content-section,
  .providers-container,
  .providers-grid,
  .providers-block,
  .hydra-bonus,
  .bonus-block,
  .detailed-ratings,
  .ratings-block,
  .responsive-container {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  
}

/* ================================================================
   ПОВНА ШИРИНА - для дуже маленьких екранів (≤320px)
   Відступи 0 - блоки впритул до країв екрану
   ================================================================ */

@media (max-width: 320px) {
  
  .casino-block-slotstyle,
  .uac-wrapper,
  .uac-card,
  .hydra-card,
  .uac-methods,
  .uac-providers,
  .uac-pros-cons {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
}