/* hlavicka-sk-2026-10-02.css - julivan.sk, spolocne CSS do HLAVICKY (jeden <link>)
   Nahradza: skrytie-breadcrumbs-2026-06-05.css + objednavka-doprava-platba.css
   + <style> promo listy zo zapatia (to tam sposobovalo poskakovanie stranky, CLS ~0,7).
   Verzovanie nazvom suboru - pri zmene novy datum v nazve + zmenit <link>. */

/* ---- promo lista (Informacny pruzok) ---- */
/* Prebije Shoptet template-13: position:fixed + width:94px + line-height:150% */
.site-msg.information{
  position:static !important; width:auto !important; min-width:0 !important; max-width:none !important;
  left:auto !important; right:auto !important; bottom:auto !important; margin:0 !important;
  background:#c0392b !important; box-shadow:0 1px 3px rgba(0,0,0,.2);
  line-height:1.4 !important; text-align:center !important; padding:0 !important;
  user-select:none; -webkit-user-select:none;
}
.site-msg.information.is-clickable:hover .text{ text-decoration:underline; }
@media(min-width:992px){
  .site-msg.information{ position:sticky !important; top:0; z-index:1001; }
}
.site-msg.information .container{
  max-width:1180px; margin:0 auto; width:auto !important; position:relative;
  padding:4px 40px !important;
  display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
}
.site-msg.information .text{
  display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:center;
  color:#fff !important; font-size:16px; font-weight:600; line-height:1.4;
  padding:0 !important; text-align:center;
}
.site-msg.information .text a{
  display:inline-block; background:#aacf24; color:#fff !important; text-decoration:none;
  font-weight:700; font-size:13px; line-height:1; padding:4px 13px; border-radius:5px; white-space:nowrap;
}
.site-msg.information .text a:hover{ background:#96b81e; text-decoration:none; }
.site-msg.information.is-clickable{ cursor:pointer; }
.site-msg.information .close.js-close-information-msg{
  position:absolute !important; right:8px; top:50%; transform:translateY(-50%);
  margin:0 !important; cursor:pointer; filter:brightness(0) invert(1); opacity:.85;
}
@media(max-width:767px){
  .site-msg.information .container{ padding:4px 34px 4px 10px !important; gap:6px; }
  .site-msg.information .text{ font-size:14px; gap:6px; }
  .site-msg.information .text a{ font-size:12px; padding:3px 10px; }
  .site-msg.information .close.js-close-information-msg{ right:6px; }
}

/* ---- skrytie posledneho breadcrumbu (nazov produktu) ---- */
.breadcrumbs [itemprop="itemListElement"]:last-of-type {
    display: none !important;
}

.breadcrumbs [itemprop="itemListElement"]:nth-last-of-type(2) .navigation-bullet {
    display: none !important;
}

/* ---- objednavka: zvyraznenie dopravy/platby + datum dorucenia ---- */
.radio-wrapper:has(input[name="shippingId"]),
.radio-wrapper:has(input[name="billingId"]) {
  border: 2px solid transparent;
  border-radius: 10px;
  transition: border-color .15s ease, background-color .15s ease;
}
.radio-wrapper:has(input[name="shippingId"]:checked),
.radio-wrapper:has(input[name="billingId"]:checked) {
  border-color: #C3AFE1;
  background-color: #F6F2FB;
}
.cart-delivery-date {
  display: block;
  margin-top: 3px;
  color: #2e8b1e;
  font-weight: 600;
  font-size: 13px;
}

/* ---- hero rad na PC uz pred spustenim skriptu (2.10.2026) ----
   homepage-sekcia stavia z karuselu rad 3 dlazdic (.hpx-hero-dt), ale az po nacitani
   stranky. Dovtedy Shoptet ukazal karusel ako stvorec cez celu sirku (1178x1178 px).
   CZ ma karusel v .col-sm-8 a bocne bannery v .col-sm-4: tie skript presuva pod 1. rad
   produktov, preto sa tu dovtedy skryju.
   Toto rozlozi natívny karusel rovno do tych istych 3 dlazdic, skript ho potom len vymeni.
   Rozmery musia sediet s .hpx-hero-dt a breakpointmi 747/972/1178/1418 v homepage-sekcia. */
@media (min-width:768px){
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel){
    margin:0 auto !important; padding:0 15px; box-sizing:border-box; max-width:747px; display:block;
  }
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) > .wide-carousel,
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) > .col-sm-8{width:100%;padding:0;margin:0;float:none}
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) > .col-sm-4{display:none}
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel{margin:0}
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel .carousel-inner{display:flex;gap:14px;overflow:hidden;width:100%}
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel .carousel-inner > .item{
    display:block !important; position:relative !important; left:auto !important; transform:none !important;
    flex:0 0 calc((100% - 28px)/3); aspect-ratio:1/1; border-radius:10px; overflow:hidden;
  }
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel .item img{width:100% !important;height:100% !important;object-fit:cover;display:block}
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel .carousel-control,
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel) #carousel .carousel-indicators{display:none}
}
@media (min-width:768px) and (max-width:991px){
  body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel){
    max-width:none !important; width:auto !important;
    margin-left:calc((100% - 100vw)/2 + 15px) !important; margin-right:calc((100% - 100vw)/2 + 15px) !important;
  }
}
@media (min-width:992px){ body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel){max-width:972px} }
@media (min-width:1200px){ body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel){max-width:1178px} }
@media (min-width:1440px){ body.in-index #content > .row.banners-row:not(.footer-banners):has(#carousel){max-width:1418px} }