/* [VŠUDE]*/
/* štítky pryč pro B2b*/

body[fv-customer-status="b2b"] .flags.flags-extra {
  display: none;
}

/*skrytí výprodejového štítku všude - skrývá se aby se mohl scriptem zobrazovat pro adminy*/
.flag.flag-vyprodej {
  display: none;
}

/*Zborazení výprodej pro vybrané adminy*/

body.vyprodej-zvyrazneni-show .product .flag.flag-vyprodej,
body.vyprodej-zvyrazneni-show .product.lb-product .flag.flag-custom1 {
  display: flex !important;
}

body.vyprodej-zvyrazneni-show .product:has(.flag.flag-vyprodej),
body.vyprodej-zvyrazneni-show .product.lb-product:has(.flag.flag-custom1) {
  background: rgba(255, 255, 0, 0.25);
}

/*ad hoc úprav štítku masakr cen*/
span.flag.flag-masakr-cen {
    background-color: #f9eb58 !important;
    border: 2px solid #772813 !important;
    color: #772813 !important;
}

/* [KOŠÍK]*/

/* K-Styl pro informační panel v košíku*/
#additional-info-panel {
    background-color: #e3f6f5;
    padding: 24px 12px;
    border-radius: 6px;
    text-align: center;
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #000;
    border: none;
}

#additional-info-panel p {
    margin: 0;                                 /* Odstraní výchozí odsazení odstavce */
}

/* [TITULKA]*/
/*skrytí slider tlačítek caroseul na mobilu*/ 

@media (max-width: 991.98px) {
  #carousel.carousel.slide[data-editorid="carousel"] 
    .carousel-inner.slick-initialized.slick-slider.slick-dotted button.slick-prev.slick-arrow,
  #carousel.carousel.slide[data-editorid="carousel"] 
    .carousel-inner.slick-initialized.slick-slider.slick-dotted button.slick-next.slick-arrow {
      display: none !important;
  }
}

/* ===== Layout wrapper (GRID) ===== */
.sova-article-wrapper {
  display: grid !important;                /* přebije inline display:flex */
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 20px;
  align-items: start;
}

/* Obsah článku – kritické pro "100%" chování uvnitř */
.sova-article-content {
  min-width: 0;
}
.sova-article-content * {
  max-width: 100%;
  box-sizing: border-box;
}

/* Sticky sidebar */
.sova-article-sidebar {
  position: sticky;
  top: 20px;
  width: 280px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 0.5rem;
}

/* Headline šířka (ponechávám) */
h1[itemprop="headline"][data-testid="textArticleTitle"] {
  display: block;
  max-width: 1040px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* ===== Bannery ===== */
.sova-article-sidebar-banner-wrapper {
  overflow: hidden;
  border-radius: 5px;
}
.sova-article-sidebar-banner {
  margin-bottom: 15px;
  transition: transform 0.3s;
}
.sova-article-sidebar-banner:hover { transform: scale(1.05); }
.sova-article-sidebar-banner img {
  width: 100%;
  display: block;
  border-radius: 5px;
}

/* ===== Tlačítka v sidebaru (budoucí použití) ===== */
.sova-article-sidebar-buttons {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sova-article-sidebar-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #00aba7;
  border-radius: 5px;
  background-color: #00aba7;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
  transition: background-color 0.3s, color 0.3s;
}
.sova-article-sidebar-button img {
  flex: 0 0 auto;
  width: 24px;
  height: auto;
  margin-right: 8px;
}
.sova-article-sidebar-button span {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.4;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}
.sova-article-sidebar-button:hover { background-color: #008a87; color: #fff; }

/* ===== Responsivity ===== */
@media (max-width: 1400px) {
  .sova-article-wrapper {
    display: block !important;              /* obsah přes celou šířku */
  }
  .sova-article-sidebar {
    display: none;
  }
}

.sova-smBtnList{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
  }
  
  .sova-smBtn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
  
    background: transparent;
    border: 1px solid #00aba7;
    color: #00aba7;
    font-size: 13px;
    font-weight: 600;
  
    padding: 2px 10px;
    border-radius: 12px;
  
    cursor: pointer;
    transition: all 0.2s;
  
    text-decoration: none !important;;
  }
  
  .sova-smBtn:hover,
  .sova-smBtn:focus-visible{
    background: #00aba7;
    color: #fff;
    text-decoration: none !important;;
  }


.descGrade{
  display:flex;
  align-items:stretch;
  gap:0;
  border:1px solid #bfe9e6;
  border-radius:18px;
  overflow:hidden;
  background:#f5f8f8;
  color:#2f3437;
  font-family:inherit;
  line-height:1.2;
}

.descGrade__badge{
  flex:0 0 92px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  background:linear-gradient(180deg,#14c1bc 0%, #08a7a3 100%);
  color:#fff;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.14);
}

.descGrade__badge span{
  font-size:56px;
  line-height:1;
  font-weight:800;
  letter-spacing:-1px;
}

.descGrade__body{
  min-width:0;
  flex:1;
  padding:10px 14px;
  background:linear-gradient(180deg,#f8fbfb 0%, #f1f8f7 100%);
  border-left:1px solid #bfe9e6;
}

.descGrade__header{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 10px;
  margin-bottom:4px;
}

.descGrade__label{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#0d9f9b;
}

.descGrade__highlight{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  background:#0db1ac;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  margin-left:auto;
}

.descGrade__title{
  font-size:17px;
  font-weight:800;
  color:#273033;
  margin:0 0 3px;
}

.descGrade__text{
  font-size:13px;
  color:#566064;
  margin:0;
}

.descGrade__text a{
  color:#0b928d;
  font-weight:700;
  text-decoration:none;
}

.descGrade__text a:hover{
  text-decoration:underline;
}

@media (max-width:640px){
  .descGrade{
    align-items:flex-start;
  }

  .descGrade__badge{
    flex-basis:68px;
    padding:10px 8px;
  }

  .descGrade__badge span{
    font-size:42px;
  }

  .descGrade__body{
    padding:9px 11px;
  }

  .descGrade__title{
    font-size:15px;
  }

  .descGrade__text{
    font-size:12.5px;
  }

  .descGrade__highlight{
    margin-left:0;
  }
}