/* ============================================
   HEADER & FOOTER — Psychonautika custom CSS
   Nahraj na FTP do: /userfiles/custom-header-footer.css
   ============================================ */

/* --- 1. LOGO A VÝŠKA ZÁHLAVÍ --- */
@media (min-width: 992px) {
  .site-name img, .logo img, #header .site-name img {
    max-width: 300px !important;
    height: auto !important;
  }
  .header-bottom { padding-bottom: 13px !important; }
}

@media (max-width: 991px) {
  .header-bottom {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    height: auto !important;
  }
  #header { margin-bottom: 0px !important; }

  .site-name img, .logo img, #header .site-name img {
    max-width: 180px !important;
    height: auto !important;
  }
}

.header-top { padding-bottom: 0px !important; }
.header-bottom { padding-top: 0px !important; }


/* --- 2. BÍLÉ IKONY A KOŠÍK --- */
#header .navigation-buttons a,
#header .navigation-buttons i,
#header .cart-count,
.menu-helper,
.navbar-toggler i {
    color: #ffffff !important;
    fill: #ffffff !important;
    opacity: 1 !important;
}


/* --- 3. MOBILNÍ MENU: BÍLÉ POZADÍ A ŠEDÝ PODTEXT V ŘÁDKU --- */
@media (max-width: 991px) {
    #navigation, .navigation-in, #menu, .menu-level-1 {
        background-color: #ffffff !important;
    }
    #navigation .menu-level-1 li a,
    .navigationActions a,
    .navigationActions span,
    .login-title,
    .currency-selector-title,
    #topNavigationDropdown,
    #topNavigationDropdown .caret {
        color: #000000 !important;
    }

    #navigation .navigation-in ul.menu-level-1 > li > a.has-subtitle {
        display: block !important;
        white-space: nowrap !important;
    }

    #navigation .navigation-in ul.menu-level-1 > li > a.has-subtitle .menu-subtitle {
        display: inline-block !important;
        font-size: 11px !important;
        color: #888888 !important;
        font-weight: normal !important;
        margin-left: 12px !important;
        text-transform: none !important;
    }
}


/* --- 4. DESKTOP: ČERNÉ TEXTY A ČERNÁ MĚNA --- */
@media (min-width: 992px) {
    #navigation .navigation-in ul.menu-level-1 > li > a,
    #topNavigationDropdown,
    #topNavigationDropdown span,
    #topNavigationDropdown .caret,
    .navigation-tools span {
        color: #000000 !important;
    }
    #navigation .navigation-in ul.menu-level-1 > li > a.has-subtitle {
        display: block;
        line-height: 1.1;
    }
    #navigation .navigation-in ul.menu-level-1 > li > a.has-subtitle .menu-subtitle {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        opacity: 0.75;
        color: #888888 !important;
    }
}


/* --- 5. SVĚTLÁ PATIČKA --- */
footer, #footer, .footer-bottom, .footer-top {
    background-color: #EEEDED !important;
    color: #333333 !important;
}
footer a, #footer a, footer .footer-title, footer .footer-text {
    color: #000000 !important;
}


/* --- 6. SKRYTÍ POSLEDNÍCH KOMENTÁŘŮ NA HP --- */
.homepage-latest-contribution-full-width {
    display: none;
}


/* --- 7. Z-INDEX NAVIGACE PŘI SCROLLU --- */
.window-scrolled .navigation-bar {
    z-index: 9000 !important;
}


/* --- 8. TLAČÍTKO ZPĚT NAHORU --- */
#return-to-top {
    bottom: 90px;
}