/*
 * ============================================================
 *  02 – HLAVIČKA, MENU & NAVIGACE
 *  Původní soubory: primakoupelny.css, casovyudajutelefonu.css,
 *                   primakoupelny5.css, menu-oprava.css
 *  Optimalizace: sloučení redundantních media queries,
 *                logičtější pořadí sekcí, oprava specificity
 * ============================================================
 */


/* =============================================================
   HLAVNÍ MENU – barva pozadí a textu (desktop)
   ============================================================= */

@media screen and (min-width: 768px) {
  #header::after {
    background-color: #d6f1fd;
  }

  .navigation-in {
    background-color: transparent;
  }

  .navigation-in > ul > li > a,
  .submenu-arrow::after,
  .menu-helper::after {
    color: var(--color-text, #24242E);
  }
}

/* Větší padding položek menu na wide */
@media screen and (min-width: 1200px) {
  .navigation-in > ul > li > a {
    padding: 25px 32px;
  }
}


/* =============================================================
   HORNÍ LIŠTA – flex poměry sloupců
   Poznámka: definováno dříve, aby neovlivnilo specifičtější styly níže
   ============================================================= */

@media screen and (min-width: 768px) {
  .top-navigation-menu     { flex: 1 1 33% !important; }
  .top-navigation-contacts { flex: 1 1 40% !important; }
  .top-navigation-tools    { flex: 1 1 27% !important; }
}


/* =============================================================
   HORNÍ LIŠTA – telefon a e-mail: váha a velikost textu (768px+)
   Sloučeno z původních dvou duplicitních bloků
   ============================================================= */

@media screen and (min-width: 768px) {
  .project-email,
  .project-phone {
    font-weight: 400 !important;
    font-size: 14px !important;
  }
}


/* =============================================================
   HORNÍ LIŠTA – provozní doba telefonu
   ============================================================= */

@media screen and (min-width: 768px) {
  .top-navigation-bar .project-phone::after {
    content: " (Po - Pá 8:00 - 17:00)" !important;
  }
}

@media screen and (min-width: 992px) {
  .top-navigation-bar .project-phone::after {
    color: var(--color-text-muted, #A3A3A3);
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
    display: inline-block;
  }
}


/* =============================================================
   HORNÍ LIŠTA – e-mail v hlavičce
   ============================================================= */

/* Desktop: plná zobrazení s textem */
@media screen and (min-width: 1200px) {
  .top-navigation-bar .project-email {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 24px;
    color: var(--color-primary, #00a8ee);
  }

  a.project-email::before {
    content: '\e910';
    font-size: 16px;
  }
}

/* Mobil: jen ikona, text skryt */
@media screen and (min-width: 360px) and (max-width: 767px) {
  .top-navigation-contacts {
    display: block !important;
  }

  .top-navigation-contacts .project-phone {
    display: none !important;
  }

  .top-navigation-contacts .project-email {
    display: block !important;
    position: absolute;
    right: 164px;
    top: 15px;
    color: #A3A3AF;
  }

  a.project-email::before {
    content: '\e910';
  }

  .top-navigation-contacts .project-email span {
    display: none;
  }
}


/* =============================================================
   MEGA-MENU – specifická úprava položky #9828
   ============================================================= */

@media (min-width: 768px) {
  .navigation-in > ul > .menu-item-9828.ext > ul > li > div > ul {
    height: 220px !important;
  }
}


/* =============================================================
   OPRAVENÉ PRODUKTY V "RELATED" SEKCI
   ============================================================= */

/* Desktop: skrýt původní related wrapper, ukázat správný */
.mjs-products-related { display: none; }
.mjs-related > .product { display: block !important; }
.mjs-related-expand { display: none; }

/* Mobil: rozbalovací tlačítko, od 5. produktu skrýt */
@media (max-width: 768px) {
  .mjs-related-expand {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: -50px;
  }

  .mjs-related > .product:nth-child(n+5) {
    display: none !important;
  }

  .mjs-related.mjs-related-full > .product {
    display: block !important;
  }
}


/* =============================================================
   FILTR – category hover panel
   ============================================================= */

#category-filter-hover.visible {
  display: flex;
  flex-direction: column;
}