/* =========================================================
   KOMIKSAN STEP 10
   Desktop logo: výraznější zvětšení loga bez změny pozice
   Soubor: komiksan-step10-desktop-logo-larger-same-position.css
   FTP: /upload/komiksan-step10-desktop-logo-larger-same-position.css
   WEB: /user/documents/upload/komiksan-step10-desktop-logo-larger-same-position.css

   Pozn.:
   - Navazuje na step09 a přebíjí ho.
   - Logo zůstává vlevo ve stejné pozici.
   - Nesahá na search, košík, menu, podmenu, hero ani footer.
   - Platí pouze pro desktop/tablet od 768px.
   ========================================================= */

@media (min-width: 768px) {
  #header .site-name,
  #header .site-name-wrapper,
  #header .logo,
  .header .site-name,
  .header .site-name-wrapper,
  .header .logo {
    width: 260px !important;
    max-width: 260px !important;
    min-width: 260px !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: 260px !important;
    max-width: 260px !important;
    min-width: 260px !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: 260px !important;
    max-width: 260px !important;
    min-width: 260px !important;
    height: auto !important;
    max-height: 96px !important;
    object-fit: contain !important;
  }
}

/* Menší notebooky: větší než step09, ale bezpečnější kvůli search baru */
@media (min-width: 768px) and (max-width: 1199px) {
  #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: 230px !important;
    max-width: 230px !important;
    min-width: 230px !important;
  }
}