/* ============================================================
   Fermato.cz — vlastní CSS úpravy (radim_upravy)
   ------------------------------------------------------------
   Servírováno z CDN:
     https://cdn.myshoptet.com/usr/www.fermato.cz/user/documents/radim_upravy/css/upravy.css
   Načítáno přes <link> loader v Shoptet adminu (Nastavení > HTML kódy > Zápatí).
   Cache busting: ?v=N v loaderu — při změně tohoto souboru zvyš číslo v adminu.
   Deploy: shoptet-template/scripts/sftp_push_upravy.py
   ============================================================ */

/* ------------------------------------------------------------
   [1] Informační proužek (.site-msg.information)
       - Desktop: kompaktní tenčí proužek (34px)
       - CTA tlačítko "Využít" (pill)
       - Mobil: proužek roste do 2 řádků (kvůli tlačítku), nepřekrývá křížek
   ------------------------------------------------------------ */
/* Desktop: kompaktní proužek + menší font */
.site-msg.information { height: 34px !important; line-height: 34px !important; }
.site-msg.information .text { font-size: 14px !important; line-height: 1.2 !important; display: inline-flex; align-items: center; flex-wrap: wrap; }

/* CTA tlačítko "Využít" */
.site-msg.information .info-bar-cta {
  display: inline-block;
  margin-left: 14px;
  padding: 3px 14px;
  background: #fff;
  color: #121212;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .02em;
  text-decoration: none;
  vertical-align: middle;
  transition: opacity .15s;
  cursor: pointer;
}
.site-msg.information .info-bar-cta:hover { opacity: .85; }

/* Mobil ≤768px: proužek roste do auto-výšky, obsah vycentrovaný, místo pro křížek */
@media (max-width: 768px) {
  .site-msg.information {
    height: auto !important;
    min-height: 34px;
    line-height: 1.4 !important;
    padding: 5px 6px !important;
  }
  .site-msg.information .container {
    height: auto !important;
    padding-left: 38px !important;   /* místo pro zavírací křížek */
    padding-right: 38px !important;
    box-sizing: border-box;
  }
  .site-msg.information .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px 0;
    text-align: center;
    line-height: 1.4;
    font-size: 13px !important;
  }
  .site-msg.information .info-bar-cta { margin-left: 10px; padding: 2px 12px; line-height: 1.5; }
}

/* ------------------------------------------------------------
   [2] Sticky mobilní ATC — tlačítko "do košíku" viditelné po celou dobu
       (ne až na scroll)
   ------------------------------------------------------------ */
@media (max-width: 991px) {
  .sticky-mobile {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.type-product { padding-bottom: 74px; }                 /* obsah nezakrytý lištou */
  #daktela-web .dw-button, .dw-button { bottom: 84px !important; }  /* chat nad lištu */
}

/* ------------------------------------------------------------
   [3] Produktová galerie na mobilu
       - hero (6 lahví) vyplní šířku, ostatní obrázky neořezané
   ------------------------------------------------------------ */
@media (max-width: 991px) {
  .type-product .mime-product-gallery {
    height: auto !important;
    max-height: none !important;
  }
  .type-product .mime-product-gallery .flickity-viewport,
  .type-product .mime-product-gallery__slide,
  .type-product .mime-product-gallery .p-thumbnail {
    height: 250px !important;
    max-height: 250px !important;
    width: 100% !important;
  }
  /* výchozí: neořezávat (čtvercové galerie) */
  .type-product .mime-product-gallery img {
    width: 100% !important;
    height: 250px !important;
    max-height: 250px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  /* jen hero (6 lahví): vyplnit šířku */
  .type-product .mime-product-gallery img[src*="hero-6zalivek"] {
    object-fit: cover !important;
    object-position: center 45% !important;
  }
  .type-product .mime-product-gallery .flickity-page-dots {
    position: static !important; top: auto !important; bottom: auto !important;
    margin: 2px 0 0 !important; line-height: 1 !important;
  }
}

/* ------------------------------------------------------------
   [4] Skrýt mrtvý odkaz "Více info" u krátkého popisu produktu
   ------------------------------------------------------------ */
.p-short-description a[href="#description"] { display: none !important; }