/* Noxium SK: štýly z Pätičky a hide-category-header_SK.js (zlúčené 30. 9. 2026)
 * Načítava sa v Pätičke. Sem nepatria štýly viditeľné hneď po načítaní (hlavička),
 * tie drž v Hlavičke, inak na chvíľu prebliknú. */

/* 1. Z Pätičky: farba hlavičky a horného menu */
/* --- HLAVIČKA --- */
  #header,
  .top-navigation-bar {
    background-color: #292929!important;
  }
  @media (min-width: 768px) {
    .top-navigation-bar {
      background-color: var(--header-bg) !important;
    }
  }

  /* --- HORNE MENU LINKY --- */
  .top-navigation-bar .top-navigation-bar-menu li a,
  .top-navigation-bar .top-navigation-menu-trigger {
    color: #cccccc !important;
    transition: color 0.2s ease-in;
  }
  .top-navigation-bar .top-navigation-bar-menu li a:hover,
  .top-navigation-bar .top-navigation-menu-trigger:hover {
    color: #ffffff !important;
  }

/* 2. Z Pätičky: galéria produktu jg-media (premenné) */
:root {
    --gallery-radius: 12px;
    --gallery-arrow-opacity: .8;
    --gallery-arrow-background: #fff;
    --gallery-arrow-color: #000;

    --gallery-main-border-color: transparent;
    --gallery-thumbnail-border-color: transparent;
    --gallery-thumbnail-border-color-active: #000;

    --gallery-lightbox-background: rgba(0, 0, 0, 0.7);
}

/* 3. Z Pätičky: mobil, šípky hlavného bannera vždy biele */
@media (max-width: 767px) {
  /* Udrž biele šípky stále, aj po kliknutí alebo hoveri */
  .carousel-control-prev,
  .carousel-control-next {
    background-color: transparent !important;
    border: none !important;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    filter: brightness(0) invert(1) !important; /* vždy biele SVG */
  }

  /* Uisti sa, že po kliknutí neprebliknú */
  .carousel-control-prev:active,
  .carousel-control-next:active,
  .carousel-control-prev:focus,
  .carousel-control-next:focus,
  .carousel-control-prev:hover,
  .carousel-control-next:hover {
    background-color: transparent !important;
    filter: brightness(0) invert(1) !important;
    outline: none !important;
  }
  /* Odstráň tieň / efekt kliknutia, ktorý Apollo pridáva */
  .carousel-control-prev,
  .carousel-control-next {
    box-shadow: none !important;
  }
}

/* 4. Z Pätičky: mobil, zľavový štítok v bloku Často kupované spolu */
@media (max-width: 767px){

  .products-alternative-block .flags .flag.flag-discount{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    min-width: 66px !important;
    padding: 8px 10px !important;
    line-height: 1 !important;

    transform: translate(10px, 1px) !important; /* +1px doprava, +1px dole */
  }

  .products-alternative-block .flags .flag.flag-discount .price-save{
    white-space: nowrap !important;
  }
}

/* 5. Z hide-category-header_SK.js: skrytý popis kategórie, na mobile skryté filtre */
#category-header{display:none!important}
@media(max-width:767px){#filters{display:none!important}}