/* 100licky.sk – spoločné vlastné úpravy vzhľadu
   Verzia: 2026-08-24
   Súbor neobsahuje JavaScript ani kód vlastného bloku recenzií. */

/* Širšie rozloženie na veľkých obrazovkách */
@media screen and (min-width: 1200px) {
  .top-navigation-bar > .container,
  #header > .container,
  .navigation-wrapper > .container,
  .content-wrapper.container,
  #footer > .container,
  .footer-links-icons.container,
  .footer-bottom.container {
    width: calc(100% - 40px) !important;
    max-width: 1500px !important;
  }

  .homepage-reviews-section {
    max-width: 1460px;
  }
}

/* Ponechať iba vlastný automaticky aktualizovaný blok recenzií */
body .hodnoceni {
  display: none !important;
}

/* Pätička – logo, Instagram a hodnotenia v troch stĺpcoch */
@media screen and (min-width: 1200px) {
  #footer .footer-rows {
    display: flex;
    align-items: center;
    min-height: 260px;
    padding: 35px 40px;
    box-sizing: border-box;
  }

  #footer .footer-rows .site-name {
    display: block;
    position: static;
    flex: 0 0 220px;
    max-width: none;
    text-align: center;
  }

  #footer .footer-rows .site-name img {
    width: 180px !important;
    max-width: 180px !important;
    max-height: none;
    height: auto;
  }

  #footer .custom-footer.elements-1 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 0;
    border-top: 0;
  }

  #footer .custom-footer__instagram {
    flex: 0 0 180px;
    text-align: center;
  }

  #footer .instagram-widget.columns-2 {
    width: 125px !important;
    max-width: 125px !important;
    margin-left: auto;
    margin-right: auto;
  }

  #footer .instagram-follow-btn {
    width: 100%;
    text-align: center;
  }

  #footer .instagram-follow-btn span,
  #footer .instagram-follow-btn a {
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap;
  }

  #footer .footer-rows .site-name::after {
    content: "...v stoličkách a kreslách sme doma...";
    display: block;
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #333;
  }

  #footer #trust-badges-wrapper {
    position: relative;
  }

  #footer #trust-badges-wrapper::before {
    content: "OVERENÝ OBCHOD";
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
  }

  #footer #trust-badges-wrapper a[href*="biano"] img {
    width: auto !important;
    height: 130px !important;
    max-width: 100px !important;
    max-height: 130px !important;
    object-fit: contain;
  }
}

/* Produktové karty – odstránenie prázdneho priestoru po chýbajúcom hodnotení */
#products.products-page .ratings-wrapper:has(> .stars-placeholder) {
  min-height: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Zľava a označenie Akcia */
.flag.flag-discount {
  background-color: #5b8500 !important;
  color: #fff !important;
}

.flag.flag-discount .price-standard,
.flag.flag-discount .price-save {
  color: #fff !important;
}

.flag.flag-action {
  background-color: #ff6600 !important;
  color: #fff !important;
}

@media screen and (min-width: 768px) {
  .products-block .flags-extra .flag.flag-discount {
    font-size: 14px !important;
    line-height: 1.2;
  }

  .products-block .flags-extra .flag.flag-discount .price-standard {
    font-size: 13px !important;
    line-height: 1.2;
  }

  .products-block .flags-extra .flag.flag-discount .price-save {
    font-size: 15px !important;
    line-height: 1.2;
  }
}

/* Názov produktu */
.products-block.products .p .name {
  color: #5b8500 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

.products-block.products .p .name:hover {
  color: #3f6200 !important;
}

/* Tlačidlo Detail */
.products-block .p-bottom .p-tools .btn {
  background: #ff922b !important;
  border-color: #ff922b !important;
  color: #2b2100 !important;
  font-weight: 700;
}

.products-block .p-bottom .p-tools .btn:hover {
  background: #ff7a00 !important;
  border-color: #ff7a00 !important;
  color: #fff !important;
}

/* Detail produktu – nákupný blok */
.p-detail-inner .add-to-cart-button {
  min-height: 46px !important;
  padding: 12px 24px !important;
  background: #ff922b !important;
  border-color: #ff922b !important;
  color: #2b2100 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.p-detail-inner .add-to-cart-button:hover,
.p-detail-inner .add-to-cart-button:focus {
  background: #ff7a00 !important;
  border-color: #ff7a00 !important;
  color: #fff !important;
}

.p-detail-inner .quantity .amount,
.p-detail-inner .add-to-cart .quantity input {
  min-height: 46px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.type-product .p-short-description,
.type-product .p-short-description p,
.p-detail .p-short-description,
.p-detail .p-short-description p,
.p-detail-inner .p-short-description,
.p-detail-inner .p-short-description p {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.type-product .p-info-wrapper .p-short-description {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Detail produktu – cena a zľava */
.p-detail-inner .p-final-price-wrapper .price-final,
.p-detail-inner .price-final {
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.p-detail-inner .p-final-price-wrapper .price-standard,
.p-detail-inner .price-standard {
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.p-detail-inner .p-final-price-wrapper .price-save,
.p-detail-inner .price-save {
  color: #ff7a00 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.type-product .flags-extra .flag.flag-discount,
.p-detail .flags-extra .flag.flag-discount,
.p-detail-inner .flags-extra .flag.flag-discount {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.type-product .flags-extra .flag.flag-discount .price-standard,
.p-detail .flags-extra .flag.flag-discount .price-standard,
.p-detail-inner .flags-extra .flag.flag-discount .price-standard {
  font-size: 15px !important;
  line-height: 1.15 !important;
}

.type-product .flags-extra .flag.flag-discount .price-save,
.p-detail .flags-extra .flag.flag-discount .price-save,
.p-detail-inner .flags-extra .flag.flag-discount .price-save {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
}

/* Detail produktu – obrázkové varianty a ich názvy */
.p-detail-inner .advanced-parameter,
.p-detail-inner .variant-list .variant {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-height: 78px !important;
  margin-bottom: 8px !important;
  vertical-align: top;
}

.p-detail-inner .advanced-parameter-inner,
.p-detail-inner .variant-list .variant label {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 58px;
  min-height: 74px !important;
  height: auto !important;
}

.p-detail-inner .variant-list {
  margin-bottom: 12px !important;
}

.type-product .variant-list-title,
.p-detail .variant-list-title,
.p-detail-inner .variant-list-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.p-detail-inner .variant-list th,
.p-detail-inner .variant-label {
  font-size: 14px !important;
  font-weight: 600 !important;
}

.type-product .p-info-wrapper .choose-variant.default-variant {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Detail produktu – záložky, podrobný popis a parametre */
.type-product .p-detail-tabs-wrapper,
.type-product .p-detail-tabs-wrapper p,
.type-product .p-detail-tabs-wrapper li,
.type-product .p-detail-tabs-wrapper td,
.type-product .p-detail-tabs-wrapper th,
.type-product .p-detail-tabs-wrapper .detail-parameters,
.type-product .p-detail-tabs-wrapper .description-inner {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.type-product .p-detail-tabs-wrapper h2,
.type-product .p-detail-tabs-wrapper h3 {
  font-size: 18px !important;
  line-height: 1.35 !important;
}

.type-product .p-detail-tabs-wrapper .shp-tabs-row a,
.type-product .p-detail-tabs-wrapper .tab-link {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.type-product .p-detail-tabs-wrapper ul,
.type-product .p-detail-tabs-wrapper ol {
  margin-top: 10px;
  margin-bottom: 14px;
}

.p-detail-inner .advanced-parameter img,
.p-detail-inner .variant-list .variant img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain;
}

.p-detail-inner .variant-color-name {
  display: block;
  max-width: 76px;
  color: #333;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

/* Farebné varianty produktu */
.products-block .widget-parameter-wrapper[data-parameter-name="Farba"]::before {
  content: "Vyberte v detaile:";
  display: block;
  margin: 0 6px 0 0;
  color: #333;
  font-size: 13px;
  font-weight: 600;
}

.products-block .widget-parameter-wrapper[data-parameter-name="Farba"] .widget-parameter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.products-block .widget-parameter-wrapper[data-parameter-name="Farba"] .widget-parameter-value {
  margin: 0 !important;
}

.products-block .widget-parameter-wrapper[data-parameter-name="Farba"] .widget-parameter-value a {
  display: inline-block;
  padding: 4px 9px;
  border: 1px solid #5b8500;
  border-radius: 3px;
  background-color: #fff;
  color: #5b8500 !important;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.products-block .widget-parameter-wrapper[data-parameter-name="Farba"] .widget-parameter-value a:hover {
  background-color: #5b8500;
  color: #fff !important;
}

/* Mobil – zreteľnejšie oddelenie jednotlivých produktov */
@media screen and (max-width: 767px) {
  #footer .custom-footer__instagram {
    text-align: center;
  }

  #footer .instagram-widget.columns-2 {
    width: 130px !important;
    max-width: 130px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #footer .instagram-follow-btn {
    width: 100%;
    text-align: center;
  }

  #footer #trust-badges-wrapper {
    position: relative;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    column-gap: 18px;
    row-gap: 0;
    margin-top: 24px;
    padding-top: 0;
  }

  #footer #trust-badges-wrapper::before {
    content: "OVERENÝ OBCHOD";
    position: static;
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
  }

  #footer #trust-badges-wrapper a[href*="biano"] img {
    width: auto !important;
    height: 105px !important;
    max-width: 82px !important;
    max-height: 105px !important;
    object-fit: contain;
  }

  .products-block.products .product {
    position: relative !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding-bottom: 22px !important;
    margin-bottom: 18px !important;
  }

  .products-block.products .product::after {
    content: "";
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 6px;
    background: #e5e5e5;
    pointer-events: none;
  }
}
