/*
 * ALUTEC KK – menu-fixes.css
 * Opravuje URL cesty z core.css pro WordPress prostředí
 * a doplňuje WordPress-specific menu třídy
 * =====================================================
 */

/* ── 1. FONTAWESOME (nahrazuje CDN odkaz v core.css) ── */
@font-face {
  font-family: FontAwesome;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2') format('woff2'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff')  format('woff'),
       url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf')   format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

/* ── 2. CORE.CSS URL OPRAVY ─────────────────────────
   core.css odkazuje na ../images/icon/... protože je v assets/css/
   V WP je core.css na assets/css/core.css, cesty fungují.
   Přepisujeme jen ty selektory které používají absolutní / CDN cesty. */

/* Slider šipky (byly cdn.solidpixels.com) */
.slider-btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z' fill='%23fff'/%3E%3C/svg%3E");
}
.slider-btn-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Fancybox blank overlay (byl CDN) */
.fancybox-nav {
  background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") !important;
}

/* ── 3. HEADER VÝŠKA A STÍNOVÁNÍ ─────────────────────
   Originál má header 66px na desktopu */
.header {
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
}
@media (min-width: 641px) {
  .header .row-main {
    height: 66px;
    display: flex;
    align-items: stretch;
  }
  .menubar {
    display: flex !important;
    align-items: stretch;
    height: 66px;
    margin: 0;
    width: 100%;
  }
  .menubar-cell {
    display: flex !important;
    align-items: center;
  }
}

/* ── 4. LOGO – přesná šířka jako originál ────────────
   .menubar-header { width: 234px } je v core.css */

/* ── 5. PRIMÁRNÍ NAV – WordPress menu přizpůsobení ───
   wp_nav_menu() generuje <ul class="nav__list"> s <li class="nav__item">
   a případnými class="menu-item-has-children" */

/* Položky s potomky mají šipku dolů – stejně jako link-products */
@media (min-width: 641px) {
  .menubar-primary .nav__list li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    padding-right: 30px;
  }
  .menubar-primary .nav__list li.menu-item-has-children > a::after {
    content: '';
    display: block;
    margin-left: 10px;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #1a4784;
    transition: transform 150ms, border-color 150ms;
    flex-shrink: 0;
  }

  /* Hover – modré pozadí, bílý text, šipka otočená dolů */
  .menubar-primary .nav__list li.menu-item-has-children:hover > a {
    color: #fff;
  }
  .menubar-primary .nav__list li.menu-item-has-children:hover > a::after {
    border-color: transparent transparent transparent #fff;
    transform: rotate(90deg);
  }
  .menubar-primary .nav__list li.menu-item-has-children:hover {
    background-color: #1a4784;
  }
  /* Zelená linka nahoře při hover */
  .menubar-primary .nav__list li.menu-item-has-children:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #41b63b;
  }

  /* Aktivní stav (current-menu-item) */
  .menubar-primary .nav__list li.current-menu-item,
  .menubar-primary .nav__list li.current-menu-ancestor {
    background-color: rgba(26,71,132,.8);
  }
  .menubar-primary .nav__list li.current-menu-item > a,
  .menubar-primary .nav__list li.current-menu-ancestor > a {
    color: #fff;
  }

  /* ── Desktop mega-submenu (generuje WordPress jako ul.sub-menu) ── */
  .menubar-primary > .nav-primary > ul > li > .sub-menu {
    /* Mapujeme .sub-menu na .submenu styly z core.css */
    position: fixed;
    left: 0;
    top: 66px;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 0;
    background: linear-gradient(to bottom, #fff 60%, #dfdfdf 100%);
    opacity: 0;
    pointer-events: none;
    list-style: none;
    margin: 0;
    transition: opacity 150ms;
    z-index: 200;
    /* vertikální zelená linka dole */
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu::after {
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    background-color: #41b63b;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu::before {
    /* vnitřní ul wrapper */
    display: none;
  }

  /* Zobrazit submenu při hoveru */
  .menubar-primary > .nav-primary > ul > li:hover > .sub-menu {
    opacity: 1;
    pointer-events: all;
  }

  /* Vnitřní layout submenu – 3 sloupce */
  .menubar-primary > .nav-primary > ul > li > .sub-menu {
    display: flex;
    flex-wrap: wrap;
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 75px;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li {
    width: 33.333333%;
    position: relative;
  }
  /* Svislé dělící čáry */
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li:nth-child(3n+1)::before,
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li:nth-child(3n+2)::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #bfbfbf;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li:nth-child(3n+2)::after {
    right: -1px;
  }

  /* Odkaz v submenu */
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > a {
    display: block;
    padding: 0;
    margin: 20px 40px;
    font-weight: 500;
    font-size: 17px;
    color: #3d3d3d;
    text-decoration: none;
    font-family: Rubik, Arial, sans-serif;
    background-image: none !important;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > a:hover {
    color: #0b4588;
  }

  /* Pod-submenu (2. úroveň) uvnitř mega-menu */
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > .sub-menu {
    position: static;
    opacity: 1;
    pointer-events: all;
    background: transparent;
    padding: 0 0 0 60px;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > .sub-menu::after {
    display: none;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > .sub-menu > li {
    display: inline-block;
    margin-bottom: 20px;
    width: auto;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > .sub-menu > li > a {
    font-size: 15px;
    display: flex !important;
    align-items: center;
    margin: 4px 14px;
    color: #3d3d3d;
  }
  .menubar-primary > .nav-primary > ul > li > .sub-menu > li > .sub-menu > li > a::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #41b63b;
    margin-right: 5px;
    flex-shrink: 0;
  }
}

/* ── 6. MOBILNÍ MENU PŘIZPŮSOBENÍ ───────────────────
   Na mobilu wp_nav_menu přidává sub-menu class, ne .submenu */
@media (max-width: 640px) {
  /* Nastavíme .sub-menu stejně jako .submenu v core.css */
  .nav .sub-menu {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
  }
  .nav .sub-menu.is-open,
  .nav li.is-opened > .sub-menu {
    height: auto;
  }
  .nav .sub-menu a {
    display: block;
    padding: 8px 14px;
    color: #9d9d9d !important;
    font-size: 90%;
    text-decoration: none;
    background: none !important;
  }
  .nav .sub-menu a::before {
    content: '- ';
    padding-right: .3em;
  }

  /* Toggle tlačítko pro sub-menu na mobilu */
  .nav .nav__item.menu-item-has-children {
    position: relative;
  }
  .nav .nav__item .submenu-trigger,
  .nav .nav__item .sub-menu-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    color: #1a4784;
    font-size: 16px;
  }

  /* Vyhledávací toggle na mobilu je skrytý – viz core.css */
  .header .menubar-search-toggle {
    display: none;
  }
}

/* ── 7. WORDPRESS MENU ITEM CLASSES ─────────────────
   WordPress přidává: current-menu-item, current-menu-parent,
   current-menu-ancestor, menu-item-has-children */

/* Aktivní odkaz */
.nav__list .current-menu-item > .nav__link,
.nav__list .current-menu-ancestor > .nav__link,
.nav__list .current_page_item > .nav__link {
  color: #3fb645;
}

/* ── 8. JAZYKOVÝ PŘEPÍNAČ – SUBMENU OPRAVA ──────────
   .language-switcher-dropdown .submenu má být zobrazena po kliknutí */
.language-switcher-dropdown.is-opened > .submenu,
.language-switcher-dropdown.is-opened > div {
  top: 100%;
  left: 0;
  position: absolute;
  z-index: 300;
  background: #fff;
  min-width: 60px;
  padding: 8px 4px;
  list-style: none;
  margin: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}

/* ── 9. VYHLEDÁVACÍ BOX – oprava šířky na WP ─────── */
.menubar-search {
  box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
.menubar-search .row {
  border-bottom: 3px solid #41b63b;
}
.menubar-search .field-control:focus {
  border-color: #1a4784;
  outline: none;
}

/* ── 10. FIXED HEADER OFFSET – kompenzace pro obsah ─
   .js .use-header-fixed .main { padding-top: 66px } (v core.css je 42px) */
@media (min-width: 641px) {
  .js.use-header-fixed .main,
  .js .use-header-fixed .main {
    padding-top: 66px !important;
  }
}

/* ── 11. SUBMENU PŘECHOD – jemnější animace ──────── */
@media (min-width: 641px) {
  .menubar-primary > .nav-primary > ul > li > .sub-menu {
    transition: opacity 200ms ease-in-out;
  }
}

/* ── 12. WP NAV MENU – odstranit ul margin/padding ──
   WordPress přidává výchozí list styly na .sub-menu */
.menubar-primary .sub-menu,
.menubar-primary .sub-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Submenu v patičce (language switcher) */
.language-switcher-dropdown .submenu ul,
.language-switcher-dropdown .sub-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.language-switcher-dropdown .submenu a,
.language-switcher-dropdown .sub-menu a {
  display: block;
  padding: 6px 14px;
  font-size: 15px;
  color: #1a4784;
  text-decoration: none;
}
.language-switcher-dropdown .submenu a:hover,
.language-switcher-dropdown .sub-menu a:hover {
  color: #3fb645;
}