/* =========================================================
   KOMIKSAN STEP 16 REPLACE
   Mobile header: větší logo, bez bílé linky, bezpečná výška hlavičky
   Soubor: komiksan-step16-replace-mobile-header-logo-safe-height.css
   FTP: /upload/komiksan-step16-replace-mobile-header-logo-safe-height.css
   WEB: /user/documents/upload/komiksan-step16-replace-mobile-header-logo-safe-height.css

   Nahrazuje:
   komiksan-step16-mobile-header-logo-bigger-no-white-gap.css

   Pozn.:
   - Platí pouze pro mobil do 767px.
   - Desktop nechává beze změny.
   - Opravuje problém, kdy větší logo/header ořezává košík nebo náhled košíku nahoře.
   ========================================================= */

@media (max-width: 767px) {
  /* Header nesmí ořezávat logo ani dropdown košíku */
  #header,
  .header,
  #header .header-in,
  .header .header-in,
  #header .header-top,
  .header .header-top,
  #header .header-bottom,
  .header .header-bottom,
  #header .container,
  .header .container,
  .navigation-buttons,
  .navigation-wrapper,
  .navigation-in {
    overflow: visible !important;
  }

  /* Modrá plocha hlavičky dostane jistou výšku pro větší logo */
  #header .header-in,
  .header .header-in,
  #header .header-top,
  .header .header-top {
    min-height: 96px !important;
  }

  /* Odstranit bílou linku / mezeru mezi modrou hlavičkou a bannerem */
  #header,
  .header,
  #header .header-in,
  .header .header-in,
  #header .header-top,
  .header .header-top,
  #header .header-bottom,
  .header .header-bottom,
  #header .container,
  .header .container,
  .navigation-wrapper,
  .navigation-in,
  #navigation,
  .menu-helper {
    border-bottom: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
  }

  #header::before,
  #header::after,
  .header::before,
  .header::after,
  #header .header-in::before,
  #header .header-in::after,
  .header .header-in::before,
  .header .header-in::after,
  .navigation-wrapper::before,
  .navigation-wrapper::after,
  .navigation-in::before,
  .navigation-in::after {
    border: 0 !important;
    box-shadow: none !important;
  }

  body.in-index .content-wrapper,
  .in-index .content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.in-index .content-wrapper::before,
  .in-index .content-wrapper::before {
    margin-top: 0 !important;
    border-top: 0 !important;
  }

  /* Větší mobilní logo, ale bezpečně vůči ikonám vpravo */
  #header .site-name,
  #header .site-name-wrapper,
  #header .logo,
  .header .site-name,
  .header .site-name-wrapper,
  .header .logo {
    width: 235px !important;
    max-width: 56vw !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  #header .site-name a,
  #header .site-name-wrapper a,
  #header .logo a,
  .header .site-name a,
  .header .site-name-wrapper a,
  .header .logo a {
    display: inline-block !important;
    width: 235px !important;
    max-width: 56vw !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  #header .site-name img,
  #header .site-name a img,
  #header .site-name-wrapper img,
  #header .site-name-wrapper a img,
  #header .logo img,
  #header .logo a img,
  #header img[alt*="KOMIKSAN"],
  #header img[alt*="Komiksan"],
  #header img[alt*="Můj e-shop"],
  .header .site-name img,
  .header .site-name a img,
  .header .site-name-wrapper img,
  .header .site-name-wrapper a img,
  .header .logo img,
  .header .logo a img {
    width: 235px !important;
    max-width: 56vw !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: 82px !important;
    object-fit: contain !important;
  }

  /* Košík a objednávka: dát obsahu prostor pod vyšším mobilním headerem */
  body.type-cart .content-wrapper,
  body.type-cart #content,
  body.type-cart .content,
  body.type-cart .content-inner,
  body.ordering-process .content-wrapper,
  body.ordering-process #content,
  body.ordering-process .content,
  body.ordering-process .content-inner {
    padding-top: 52px !important;
  }

  /* Náhled / dropdown košíku - posunout níž a nedovolit ořez nahoře */
  .cart-window,
  .cart-widget-window,
  .cart-widget-content,
  .cart-widget,
  #cart-widget,
  .cart-preview,
  .cart-tooltip,
  .dropdown-cart {
    z-index: 999999 !important;
    overflow: visible !important;
  }

  .cart-window,
  .cart-widget-window,
  .cart-widget-content,
  .cart-preview,
  .cart-tooltip,
  .dropdown-cart {
    margin-top: 22px !important;
    max-height: calc(100vh - 175px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* Extra úzké mobily - logo pořád větší, ale bezpečnější kvůli ikonám */
@media (max-width: 380px) {
  #header .site-name,
  #header .site-name-wrapper,
  #header .logo,
  .header .site-name,
  .header .site-name-wrapper,
  .header .logo,
  #header .site-name a,
  #header .site-name-wrapper a,
  #header .logo a,
  .header .site-name a,
  .header .site-name-wrapper a,
  .header .logo a,
  #header .site-name img,
  #header .site-name a img,
  #header .site-name-wrapper img,
  #header .site-name-wrapper a img,
  #header .logo img,
  #header .logo a img,
  .header .site-name img,
  .header .site-name a img,
  .header .site-name-wrapper img,
  .header .site-name-wrapper a img,
  .header .logo img,
  .header .logo a img {
    width: 205px !important;
    max-width: 52vw !important;
  }
}