/* Globális stílusok */
* {
    background-color: black !important; /* Globális fekete háttér */
    color: yellow !important; /* Szöveg sárga */
    border-color: yellow !important; /* Sárga szegélyek */
    box-shadow: none !important; /* Árnyékok eltávolítása */
  }
  
  /* Oldal alapértelmezett stílusai */
  html, body {
    background-color: black !important; /* Teljes oldal fekete */
    color: yellow !important;
    font-size: 18px;
    line-height: 1.8;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Navigációs sáv és menük */
  .navbar, .dropdown-menu, .nav-item, .nav-link, .navbar-expand-lg {
    background-color: black !important; /* Navbar fekete */
    color: yellow !important; /* Szöveg sárga */
    border: none !important; /* Szegély eltávolítása */
    
  }
  
  .navbar .nav-link:hover {
    color: white !important; /* Kiemelés fehér szöveggel */
  }
  
  /* Speciális konténerek vagy szekciók */
  div, section, header, footer, main, aside {
    background-color: black !important; /* Teljes fekete háttér minden konténeren */
    color: yellow !important;
  }
  
  /* Táblázatok */
  table {
    background-color: black !important;
    color: yellow !important;
    border-collapse: collapse;
  }
  
  th, td {
    border: 1px solid yellow !important; /* Táblázat szegélyek */
    padding: 10px;
    text-align: left;
  }
  
  th {
    background-color: yellow !important;
    color: black !important;
  }
  
  td:hover {
    background-color: white !important;
    color: black !important;
  }
  
  /* Speciális osztályok */
  .bg-primary, .text-primary, .navbar-primary, .footer-primary {
    background-color: black !important;
    color: yellow !important;
  }
  
  /* Cookie banner és más értesítések */
  .cookie-banner, .modal, .popup {
    background-color: black !important;
    color: yellow !important;
  }
/* Az összes .bg-primary elem háttere fekete lesz */
.bg-primary {
    background-color: black !important;
  }
  
  /* Az összes .text-white elem szövegének színe sárga lesz */
  .text-white {
    color: yellow !important;
  }
  
  /* Ha további margin vagy padding van, eltüntetheted */
  .bg-primary.text-white {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important; /* Árnyék eltávolítása */
  }
  .grey-bg {
    background-color: black !important; /* Fekete háttér */
    color: yellow !important; /* Sárga szöveg */
    border: none !important; /* Szegélyek eltávolítása */
    box-shadow: none !important; /* Árnyékok eltávolítása */
    margin: 0 !important; /* Margók eltávolítása */
    padding: 0 !important; /* Padding eltávolítása */
  }
  nav.navbar.bg-dark {
    background-color: black !important;
    color: yellow !important;
  }
  nav[style] {
    background-color: black !important;
    color: yellow !important;
  }
  .navbar.bg-dark, .grey-bg {
    background-color: black !important;
    color: yellow !important;
  }
  .navbar, .grey-bg {
    margin: 0 !important;
    padding: 0 !important;
  }
/* Inline stílusú elemek */
div[style], section[style] {
    background-color: black !important;
    color: yellow !important;
  }
  
  .cookie-banner, .modal {
    margin: 0 !important; /* Margók eltávolítása */
    padding: 0 !important; /* Belső térköz eltávolítása */
    width: 100% !important; /* Teljes szélesség */
  }
  
  .cookie-banner p, .modal p {
    margin: 0 !important; /* Külső margók eltávolítása */
    padding: 0 !important; /* Belső térköz eltávolítása */
    line-height: 1.4 !important; /* Tömörebb sorok */
    font-size: 18px !important; /* Nagyobb betűméret */
  }
  
  /* Ha más szöveges elem is okoz térközt (pl. span, div) */
  .cookie-banner * {
    margin: 0 !important; /* Minden gyermekelem margójának eltávolítása */
    padding: 0 !important; /* Minden gyermekelem belső térközének eltávolítása */
    font-size: 18px !important; /* Nagyobb betűméret */
  }
  
  .modal * {
   
    font-size: 18px !important; /* Nagyobb betűméret */
    
  }
  
  
  /* Átlátszatlanság kezelése (opacity) */
  .modal {
    opacity: 1 !important; /* Teljesen átlátszatlan */
    filter: none !important; /* Színező szűrők kikapcsolása */
    background-color: black !important; /* Fekete háttér */
    color: yellow !important; /* Sárga szöveg */
    
    
  }
  
  /* Modal tartalom (modal-content) */
  .modal-content {
    background-color: black !important; /* Tartalom fekete */
    color: yellow !important; /* Szöveg sárga */
    border-radius: 0 !important; /* Lekerekítés eltávolítása */
    padding: 20px !important; /* Kényelmes belső térköz */
    box-shadow: none !important; /* Árnyék eltávolítása */
  }
  
  /* Close gomb (span.close) */
  span.close {
    color: yellow !important; /* Sárga "X" gomb */
    font-size: 24px !important; /* Nagyobb méret */
    cursor: pointer !important; /* Kéz ikon mutatás hover-re */
  }
  
  span.close:hover {
    color: white !important; /* Hover állapot fehér */
  }
  
  /* Szöveg igazítása a modalban */
  .modal-content p, .modal-content span {
    color: yellow !important; /* Minden szöveg sárga */
    margin: 0 !important; /* Margók eltüntetése */
    padding: 10px !important; /* Belső térköz */
  }
  
  /* Interaktív modal viselkedés (active, hover állapot) */
  #modal1:focus, #modal1:hover, #modal1:active {
    background-color: black !important; /* Fekete háttér */
    color: yellow !important; /* Sárga szöveg */
  }
/* A teljes box (text-box) háttere legyen fekete */
.text-box {
    background-color: black !important; /* Fekete háttér */
    color: yellow !important; /* Szöveg sárga */
    border: none !important; /* Szegélyek eltüntetése */
    box-shadow: none !important; /* Árnyék eltávolítása */
    padding: 20px !important; /* Belső térköz */
  }
  
  /* Ha a boxok belül osztályokat tartalmaznak */
  .text-box p, .text-box span, .text-box h1, .text-box h2, .text-box h3 {
    color: yellow !important; /* A boxon belüli szövegek legyenek sárgák */
    margin: 0 !important; /* Margók eltüntetése */
    padding: 10px !important; /* Kényelmes belső térköz */
  }
  
  /* Egyedi stílus a box shadow kezelésére */
  .text-box.rounded.shadow {
    background-color: black !important; /* Teljesen fekete háttér */
    box-shadow: none !important; /* Árnyék eltávolítása */
    border-radius: 0 !important; /* Sarok lekerekítés eltávolítása */
  }
  
  /* Megnyitás állapotban (ha interaktívak) */
  #box1:focus, #box1:hover, #box1:active {
    background-color: black !important; /* Fekete háttér */
    color: yellow !important; /* Sárga szöveg */
  }

  .card.gyogyszertarak .card-header {
    background: black !important; /* Teljesen fekete háttér, a shorthand-tulajdonság felülírása */
    color: yellow !important; /* Sárga szöveg */
    border: none !important; /* Szegély eltávolítása */
    box-shadow: none !important; /* Árnyék eltávolítása */
    padding: 15px !important; /* Belül térköz */
    text-align: center !important; /* Szöveg középre igazítása */
  }
  .card.kapcsolat .card-header {
    background: black !important; /* Teljesen fekete háttér, a shorthand-tulajdonság felülírása */
    color: yellow !important; /* Sárga szöveg */
    border: none !important; /* Szegély eltávolítása */
    box-shadow: none !important; /* Árnyék eltávolítása */
    padding: 15px !important; /* Belül térköz */
    text-align: center !important; /* Szöveg középre igazítása */
  }
  .card.kapcsolatfelvetel .card-header {
    background: black !important; /* Teljesen fekete háttér, a shorthand-tulajdonság felülírása */
    color: yellow !important; /* Sárga szöveg */
    border: none !important; /* Szegély eltávolítása */
    box-shadow: none !important; /* Árnyék eltávolítása */
    padding: 15px !important; /* Belül térköz */
    text-align: center !important; /* Szöveg középre igazítása */
  }
  nav {
    background: black !important; /* Teljesen fekete háttér */
    color: yellow !important; /* Sárga szöveg az akadálymentes módhoz */
    padding: 10px 0 !important; /* Padding megtartása */
  }
.box {
    width: 260px !important; /* Nagyobb szélesség */
    height: 350px !important; /* Nagyobb magasság */
    padding: 20px !important;
}

.btn-primary {
    background-color: black !important;
    color: yellow !important;
    font-size: 1.2em !important;
}
@keyframes fadeIn {
    0%,
    100% {
        opacity: 1 !important;
        transform: none !important;
    }
}