/* =========================================================
   KOMIKSAN STEP 09
   Desktop logo: zvětšení loga bez změny pozice
   Soubor: komiksan-step09-desktop-logo-bigger-same-position.css
   FTP: /upload/komiksan-step09-desktop-logo-bigger-same-position.css
   WEB: /user/documents/upload/komiksan-step09-desktop-logo-bigger-same-position.css

   Pozn.:
   - Step 07 a Step 08 necháváme vynechané.
   - Logo zůstává v původní pozici vlevo.
   - 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: 205px !important;
    max-width: 205px !important;
    min-width: 205px !important;
    height: auto !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: 205px !important;
    max-width: 205px !important;
    height: auto !important;
  }

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

/* Menší notebooky - pořád větší než původní, ale bezpečnější */
@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-wrapper img,
  #header .logo img,
  .header .site-name img,
  .header .site-name-wrapper img,
  .header .logo img {
    width: 185px !important;
    max-width: 185px !important;
    min-width: 185px !important;
  }
}