/* Kilojuice custom styles - v2 */

/* Hlavná navigácia */
body.desktop #navigation {
    background: #000707 !important;
}

/* Všeobecne: príliš svetlé sekundárne texty */
.text-muted,
.muted,
.color-gray,
.c-secondary,
.gray,
.grey {
    color: #4b5563 !important;
    opacity: 1 !important;
}

/* =========================
   PRÁZDNY KOŠÍK
   ========================= */

body.type-cart #content-wrapper .content-inner a:not(.btn),
body.type-cart #content-wrapper .content-inner li,
body.type-cart #content-wrapper .content-inner p,
body.type-cart #content-wrapper .content-inner span {
    color: #4b5563 !important;
    opacity: 1 !important;
}

/* Nadpisy v košíku nech ostanú tmavé */
body.type-cart #content-wrapper h1,
body.type-cart #content-wrapper h2,
body.type-cart #content-wrapper h3,
body.type-cart #content-wrapper h4,
body.type-cart #content-wrapper strong {
    color: #111111 !important;
}

/* Telefón, FB a kontaktné údaje pri prázdnom košíku */
body.type-cart #content-wrapper a[href^="tel:"],
body.type-cart #content-wrapper a[href*="facebook"],
body.type-cart #content-wrapper .contact-box a,
body.type-cart #content-wrapper .contact-box span,
body.type-cart #content-wrapper .contact-box li {
    color: #4b5563 !important;
    opacity: 1 !important;
}


/* =========================
   CHECKOUT / OBJEDNÁVKA
   ========================= */

body.ordering-process #content-wrapper .cart-table a,
body.ordering-process #content-wrapper .cart-table td,
body.ordering-process #content-wrapper .cart-table span,
body.ordering-process #content-wrapper .p-name,
body.ordering-process #content-wrapper .p-name a,
body.ordering-process #content-wrapper .recapitulation-wrapper a,
body.ordering-process #content-wrapper .recapitulation-wrapper span,
body.ordering-process #content-wrapper .recapitulation-wrapper td,
body.ordering-process #content-wrapper .order-summary a,
body.ordering-process #content-wrapper .order-summary span,
body.ordering-process #content-wrapper .order-summary p {
    color: #374151 !important;
    opacity: 1 !important;
}

/* Nadpisy, ceny a dôležité údaje */
body.ordering-process #content-wrapper h1,
body.ordering-process #content-wrapper h2,
body.ordering-process #content-wrapper h3,
body.ordering-process #content-wrapper h4,
body.ordering-process #content-wrapper strong,
body.ordering-process #content-wrapper .price-final {
    color: #111111 !important;
}


/* =========================
   FORMULÁRE
   ========================= */

input::placeholder,
textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

/* =====================================================================
   KJ-PRODUCT-MOBILE-V5 START (2026-10-17, rozšírené v kj-v4)
   Spoločný mobilný dizajn produktovej stránky (iba do 767 px).
   ROZŠÍRENIE NA ĎALŠÍ PRODUKT:
     1) do zoznamu :is([value="…"],…) v časti A doplniť ,[value="ID"]
        (napr. :is([value="77"],[value="1"])) – vo všetkých pravidlách
        časti A naraz (Nájsť a nahradiť);
     2) v časti B pridať 1 riadok s počtom fotiek daného produktu.
   Prehliadače bez podpory :has() pravidlá ignorujú (pôvodný vzhľad).
   ===================================================================== */

/* A) Spoločné pravidlá – zaradené produkty: ID 77 dé v2 11 kW, 1 Tesla Wall Connector, 137 go-e Flex 22 kW, 150 go-e Flex 2.0 11 kW, 153 go-e Flex 2.0 22 kW, 191 go-e Gemini fixed 11 kW */
@media (max-width: 767px){
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .breadcrumbs{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile{margin-top:0}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .h1{font-size:20px;line-height:1.25;margin:0 0 6px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .product-appendix{display:block;font-size:14px;line-height:1.3;margin-top:2px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .ratings-and-brand{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin:0 0 6px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .stars-wrapper{display:flex;align-items:center;gap:6px;font-size:14px;margin:0}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .stars-wrapper .stars-label{font-size:14px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .stars-wrapper .btn{font-size:13px;padding:0;margin:0}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-detail-inner-header-mobile .brand-wrapper{font-size:14px;margin:0}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-image .p-main-image img{width:calc(100% + 20px);max-width:none;height:clamp(240px,72vw,280px);object-fit:contain;margin:0 -10px;display:block}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-thumbnails-wrapper{display:none}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-image{position:relative}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-image::after{position:absolute;top:8px;right:8px;z-index:5;padding:2px 9px;border-radius:11px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;line-height:18px;font-weight:600;pointer-events:none}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-data-wrapper{display:flex;flex-direction:column}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-data-wrapper > .pr-action{order:-1;margin-bottom:16px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .detail-parameters th,
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .detail-parameters td{padding-top:2px;padding-bottom:2px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-short-description{margin-bottom:10px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .p-short-description > #kj-quicklinks + p:last-child{display:none}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .social-buttons-wrapper{padding-top:8px;padding-bottom:8px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .shp-tabs-wrapper.p-detail-tabs-wrapper{margin-top:12px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .shp-tabs-wrapper .shp-tabs-row{padding-top:4px;margin-bottom:10px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .shp-tabs-wrapper .shp-tabs-row + .col-sm-12{padding-top:8px}
  body.type-detail:has(#product-detail-form input[name="productId"]:is([value="77"],[value="1"],[value="137"],[value="150"],[value="153"],[value="191"])) .basic-description > .rate-wrapper{margin-bottom:14px}
}

/* B) Počet fotiek v galérii – 1 riadok na produkt */
@media (max-width: 767px){
  body.type-detail:has(#product-detail-form input[name="productId"][value="77"]) .p-image::after{content:"1 / 5"}
  body.type-detail:has(#product-detail-form input[name="productId"][value="1"]) .p-image::after{content:"1 / 10"}
  body.type-detail:has(#product-detail-form input[name="productId"][value="137"]) .p-image::after{content:"1 / 6"}
  body.type-detail:has(#product-detail-form input[name="productId"][value="150"]) .p-image::after{content:"1 / 6"}
  body.type-detail:has(#product-detail-form input[name="productId"][value="153"]) .p-image::after{content:"1 / 6"}
  body.type-detail:has(#product-detail-form input[name="productId"][value="191"]) .p-image::after{content:"1 / 8"}
}
/* KJ-PRODUCT-MOBILE-V5 END */

/* =====================================================================
   KJ-CATEGORY-GOE START (2026-10-17)
   Kategória /go-e/: rýchly výber modelov (.kj-qs v popise kategórie)
   a kratší popis v produktových kartách na mobile (2 riadky).
   ===================================================================== */
.kj-qs{margin:10px 0 4px;font-family:Roboto,sans-serif}
.kj-qs__lead{margin:0 0 6px;font-size:14px;font-weight:700;color:#000707}
.kj-qs__main{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kj-qs a.kj-qs__card,.kj-qs a.kj-qs__card *{text-decoration:none!important}
.kj-qs__card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e2e2e2;border-radius:10px;background:#fafafa;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#000707;line-height:1.3;transition:border-color .15s,box-shadow .15s}
.kj-qs__card:hover,.kj-qs__card:focus-visible{border-color:#bdbdbd;box-shadow:0 3px 10px rgba(0,0,0,.09);color:#000707}
.kj-qs__card:focus-visible{outline:2px solid #ff10f0;outline-offset:2px}
.kj-qs__name{font-size:15px;font-weight:700;color:#000707}
.kj-qs__plug{font-size:13px;font-weight:700;color:#c700b8}
.kj-qs__txt{font-size:12.5px;color:#4a4a4a}
.kj-qs__cta{margin-top:auto;padding-top:4px;font-size:13px;font-weight:700;color:#007a71}
.kj-qs__card:hover .kj-qs__cta{color:#006d65}
.kj-qs__more{margin:6px 0 0;font-size:13px;line-height:1.5;color:#4a4a4a}
.kj-qs__more a{white-space:nowrap;color:#c700b8;font-weight:700;text-decoration:underline}
@media (min-width:768px){
  .kj-qs__main{grid-template-columns:repeat(2,minmax(0,300px))}
  .kj-qs__card{padding:12px 16px}
}
@media (max-width:767px){
  body.type-category.in-go-e .products .product .p-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:none}
}
/* KJ-CATEGORY-GOE END */