/* WatchExclusive – nový vzhľad kúpnej časti produktu (fáza 2)
 * Načítava sa len na stránke product (templates/_partials/we-assets.tpl).
 * Pri zmene zvýš ?v= v head.tpl. Návrh: navrh/checkout-navrh.html (stránka Produkt).
 */
body{--we-ink:#16181c;--we-text:#33363b;--we-mut:#6f6a63;--we-ivory:#f7f5f2;--we-line:#dedad4;--we-tanD:#a97444;--we-green:#00b67a;--we-green2:#00a36d;--we-btnline:#8f887e;--we-serif:Georgia,'Times New Roman',Times,serif}

/* ---------- hlavička: zarovnanie vľavo, nadpis Georgia ---------- */
#col-product-info{text-align:left}
#col-product-info .product_header_container{text-align:left;margin:0 0 6px}
#content-wrapper #col-product-info .product_header_container h1.page-title{font-family:var(--we-serif);font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.3px;text-transform:none;text-align:left;color:var(--we-ink);margin:0 0 8px}
#content-wrapper #col-product-info .product_header_container h1.page-title span{font:inherit;letter-spacing:inherit;color:inherit;border:0;padding:0}
#content-wrapper #col-product-info .product_header_container h1.page-title::after{display:none}
#col-product-info #trustpilot-widget-trustbox-1-wrapper{margin:0 0 14px;max-width:420px}
@media (min-width:768px){#content-wrapper #col-product-info .product_header_container h1.page-title{font-size:32px}}

/* ---------- cena a dostupnosť ---------- */
#col-product-info .product-prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 6px;text-align:left}
#col-product-info .product-prices #product-availability{order:3;flex-basis:100%;max-width:100%;text-align:left;margin:6px 0 0;padding:0;background:none;border:0;color:var(--we-green);font:500 13.5px Roboto,sans-serif;text-transform:none;letter-spacing:0}
#col-product-info .product-prices #product-availability.product-unavailable,#col-product-info .product-prices #product-availability.badge-danger{color:#b3261e}
#col-product-info .product-prices #product-availability.badge-warning{color:var(--we-tanD)}
#col-product-info .current-price-value{font:700 28px/1.1 Roboto,sans-serif;color:var(--we-ink);font-variant-numeric:tabular-nums}
#col-product-info .product-discount .regular-price{font-size:16px;color:#8a8a8a}
#col-product-info .tax-shipping-delivery-label{font-size:13px;color:var(--we-mut);margin:0}

/* ---------- tlačidlo do košíka (jediné zelené) + obľúbené ---------- */
#col-product-info .product-add-to-cart{padding-top:14px!important}
#col-product-info .product-quantity{display:flex;flex-wrap:nowrap;gap:8px;margin:0}
#col-product-info .product-quantity .col-add-btn{flex:1 1 auto;width:auto;max-width:none;padding:0}
#col-product-info .product-quantity .col-add-wishlist{flex:0 0 56px;padding:0}
#col-product-info .add-to-cart{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:12px 20px;background:var(--we-green);border:0;border-radius:0;color:#fff;font:700 14px/1.2 Roboto,sans-serif;letter-spacing:1.3px;text-transform:uppercase;box-shadow:none}
#col-product-info .add-to-cart:hover,#col-product-info .add-to-cart:focus-visible{background:var(--we-green2);color:#fff}
#col-product-info .add-to-cart:focus-visible{outline:2px solid var(--we-ink);outline-offset:2px}
#col-product-info #iqit-wishlist-product-btn{width:56px;height:56px;padding:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--we-btnline);border-radius:0;color:var(--we-ink)}
#col-product-info #iqit-wishlist-product-btn:hover{border-color:var(--we-ink)}

/* rýchle platby (Stripe Apple/Google Pay, PayPal) – vnútro kreslí modul, tu len šírka a odstupy */
#col-product-info #stripe-express-checkout-element:not(:empty){margin:10px 0 0}
/* Stripe Apple/Google Pay (vykreslí sa v časti product-additional-info) – cez celú šírku ako PayPal */
#col-product-info .product-additional-info #stripe-express-checkout-element{width:100%!important;max-width:none!important;margin:10px 0 0!important}
#col-product-info .product-additional-info #stripe-express-checkout-element>div,#col-product-info .product-additional-info #stripe-express-checkout-element iframe{width:100%!important;max-width:none!important}
#col-product-info [paypal-button-container]{width:100%!important;max-width:none;margin:10px 0 0}


/* ---------- clo mimo EÚ ---------- */
.we-cust{display:flex;align-items:center;gap:8px;margin:14px 0 0;padding:13px 0;border-top:1px solid var(--we-line);font:12.5px/1.45 Roboto,sans-serif;color:var(--we-mut);text-align:left}
.we-cust svg{flex:0 0 14px;margin-top:0;color:var(--we-tanD)}
.we-cust-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.we-cust[data-open="true"]{align-items:flex-start}
.we-cust[data-open="true"] svg{margin-top:2px}
.we-cust[data-open="true"] .we-cust-txt{white-space:normal}
.we-cust-txt a{color:var(--we-ink);text-decoration:underline;text-underline-offset:2px}
.we-cust-tg{flex:0 0 auto;min-height:24px;padding:0;border:0;background:none;font:600 12.5px/1.45 Roboto,sans-serif;color:var(--we-ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.we-cust-tg:focus-visible{outline:2px solid var(--we-green);outline-offset:2px}

/* ---------- mobil ---------- */
@media (max-width:767.98px){
  #col-product-info{padding-top:8px}
  #col-product-info .wk-product-vouchers{margin-top:18px}
}

/* ---------- značka nad nadpisom, kód modelu ---------- */
#col-product-info .we-prod-brand{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;font-weight:700;color:var(--we-tanD);margin:0 0 8px;text-align:left}
#col-product-info .we-prod-brand a{color:inherit;text-decoration:none}
#col-product-info .we-prod-brand a:hover{text-decoration:underline;text-underline-offset:3px}
#col-product-info .we-prod-ref{font-size:13px;color:var(--we-mut);margin:0 0 14px}

/* ---------- zľavové kódy presunuté podľa návrhu (we-product.js) ---------- */
.we-vch-slot{display:none}
.we-vch-slot.is-on{display:block;margin:6px 0 18px}
.we-vch-slot-m.is-on{margin:18px 0 0}
.we-vch-t{text-align:left;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--we-mut);margin:0 0 8px}
.we-vch-slot .wk-product-vouchers{margin:0!important}

/* ---------- oddeľovač „alebo zaplatiť zrýchlene“ ---------- */
.we-xp-t{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--we-mut);margin:18px 0 0}
.we-xp-t::before,.we-xp-t::after{content:"";flex:1;border-top:1px solid var(--we-line)}
/* bez rýchlych platieb (modul nič nevykreslil) oddeľovač skryť */
.product-add-to-cart:not(:has(#stripe-express-checkout-element iframe,[paypal-button-container] iframe)) .we-xp-t{display:none}

/* ---------- záruka a vrátenie ---------- */
#col-product-info .we-trust{list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--we-ink);text-align:left}
#col-product-info .we-trust li{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid var(--we-line);padding:10px 0}
#col-product-info .we-trust svg{flex:0 0 16px;margin-top:3px;color:var(--we-tanD)}
#col-product-info .we-cust{border-bottom:1px solid var(--we-line)}
#col-product-info .we-cust+.we-trust li:first-child{border-top:0}

/* blok „Výhody nákupu“ (Elementor v hooku displayProductAdditionalInfo) nahrádza zoznam vyššie – návrat: zmazať toto pravidlo */
#col-product-info .product-additional-info .elementor-displayProductAdditionalInfo{display:none}


/* =========== presná podoba podľa návrhu (navrh/checkout-navrh.html – Produkt) =========== */
/* pravý stĺpec v rámčeku */
@media (min-width:992px){
  #col-product-info{border:1px solid var(--we-line);padding:32px 40px 36px;background:#fff}
}
/* Trustpilot vľavo (widget centruje obsah – úzky obal) */
/* widget z modulu trustpilot nahrádza náš riadok (_partials/we-trustpilot.tpl) */
#col-product-info #trustpilot-widget-trustbox-1-wrapper{display:none}

/* riadok Klarna (Stripe Payment Method Messaging) pod cenou */
#col-product-info #payment-method-messaging-element{margin:0;padding:0}
#col-product-info #payment-method-messaging-element:has(iframe){margin:10px 0 18px;padding:10px 12px;background:var(--we-ivory)}

/* zľavové kódy: jeden riadok – názov a minimum vľavo, kód + Kopírovať vpravo */
#col-product-info .wk-product-vouchers{display:block;margin:0}
#col-product-info .wk-voucher{display:block;padding:0;width:100%;max-width:none;flex:none}
#col-product-info .wk_voucher_template{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between!important;gap:8px 12px;width:100%!important;max-width:none;flex:none;margin:0 0 6px!important;padding:10px 12px!important;background:#fff!important;color:var(--we-ink)!important;border:1px solid var(--we-btnline);border-radius:0;box-shadow:none;text-align:left}
#col-product-info .wk_voucher_template .wk_voucher_content{flex:1 1 160px;min-width:0;max-width:none;width:auto;padding:0;border-left:0!important;text-align:left}
#col-product-info .wk_voucher_template .wk_voucher_content+.wk_voucher_content{flex:0 0 auto;margin-left:auto}
#col-product-info .wk-voucher-name-custom{font:700 14px/1.35 Roboto,sans-serif;color:var(--we-ink)}
#col-product-info .wk-voucher-custom-minimum{font-size:12.5px;color:var(--we-mut)}
#col-product-info .wk_voucher_template .coupon-heading{display:none}
#col-product-info .wk_voucher_code{display:flex;align-items:center;gap:0;border:0;background:none;padding:0}
#col-product-info .wk_voucher_code input{flex:0 1 auto;width:auto;min-width:0;height:36px;padding:0 12px;background:#fff;border:1px dashed var(--we-btnline);border-right:0;font:700 14px/1 Menlo,Consolas,monospace;letter-spacing:1px;color:var(--we-ink);text-align:center;field-sizing:content}
#col-product-info .wk_voucher_code .copy{display:none}
#col-product-info .we-copy{height:36px;padding:0 12px;border:1px solid var(--we-ink);border-radius:0;background:var(--we-ink);color:#fff;font:700 11.5px Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap}
#col-product-info .we-copy:hover{background:var(--we-green);border-color:var(--we-green)}
#col-product-info .we-copy:focus-visible{outline:2px solid var(--we-green);outline-offset:2px}
@media (max-width:767.98px){
  #col-product-info .wk_voucher_template .wk_voucher_content+.wk_voucher_content{flex:1 1 100%}
  #col-product-info .wk_voucher_code input,#col-product-info .we-copy{flex:1 1 50%}
}

/* tlačidlo do košíka cez celú šírku, bez srdiečka (obľúbené ostávajú vo výpise) */
#col-product-info .product-quantity .col-add-wishlist{display:none}

/* rýchle platby v jednom riadku: Stripe (Apple/Google Pay) + PayPal.
   Modul Stripe vloží svoj prvok na koniec .product-add-to-cart – rozloženie preto cez flex poradie, nie presunom (iframe by sa prekreslil) */
/* téma tu má flex-direction:column – pre rad tlačidiel treba riadok */
#col-product-info .product-add-to-cart{display:flex!important;flex-direction:row!important;flex-wrap:wrap;column-gap:12px} /* 12 px = viditeľná medzera 8 px (4 px okraj Stripe) */
/* theme editor (custom_s_1.css) má pre .StripeElement max-width 370px, šírku 100 % a centrovanie s !important (z čias payoutloud) */
/* Stripe kreslí tlačidlá v iframe s ~4 px neviditeľným okrajom (zvýraznenie) – záporné okraje: tlačidlá lícujú s PayPal hore aj s okrajom stĺpca */
#col-product-info .product-add-to-cart>#stripe-express-checkout-element.StripeElement{max-width:none!important;width:auto!important;margin:-2px -4px 0 -4px!important;height:auto!important;min-height:0!important;max-height:none!important}
#col-product-info .product-add-to-cart>*{flex:0 0 100%;min-width:0;order:10}
#col-product-info .product-add-to-cart>.we-vch-slot-d{order:1}
#col-product-info .product-add-to-cart>.product-quantity{order:2}
#col-product-info .product-add-to-cart>.we-xp-t{order:3}
#col-product-info .product-add-to-cart>#stripe-express-checkout-element{order:4;margin:10px 0 0!important}
#col-product-info .product-add-to-cart>.we-xp-row{order:5}
#col-product-info .product-add-to-cart>.we-xp-note{order:6}
#col-product-info .product-add-to-cart>#stripe-error-message{order:7}
/* skryté množstvo (#quantity_wanted) – téma k nemu pripojí ovládač +/−, ktorý nechceme */
#col-product-info .product-add-to-cart .bootstrap-touchspin{display:none!important}
#col-product-info .product-add-to-cart>#stripe-express-checkout-element:not(:has(iframe)){display:none}
#col-product-info .we-xp-row{display:block;margin:10px 0 0}
#col-product-info .we-xp-row>#stripe-express-checkout-element,#col-product-info .we-xp-row>#stripe-error-message,#col-product-info .we-xp-row>#payment-method-messaging-element,#col-product-info .we-xp-row>.clearfix{display:none}
#col-product-info .we-xp-row [data-container-express-checkout]{margin:0!important;display:block}
#col-product-info .we-xp-row [paypal-button-container]{width:100%!important;margin:0}
/* Apple/Google Pay (Stripe) + PayPal v jednom rade aj na mobile – PayPal má najmenšiu šírku 150 px */
/* peňaženka a PayPal na polovice; PayPal min. 150 px. Stripe ukazuje vždy len jednu peňaženku (Apple zariadenia Apple Pay, ostatné Google Pay – we-assets.tpl) */
#col-product-info .product-add-to-cart:has(>#stripe-express-checkout-element iframe)>#stripe-express-checkout-element{flex:1 1 0}
#col-product-info .product-add-to-cart:has(>#stripe-express-checkout-element iframe)>.we-xp-row{flex:1 1 0;min-width:150px}
.we-xp-note{font-size:12px;line-height:1.45;color:var(--we-mut);margin:8px 0 0;text-align:left}
.we-xp-note a{color:var(--we-ink);text-decoration:underline;text-underline-offset:2px}
.product-add-to-cart:not(:has(#stripe-express-checkout-element iframe,[paypal-button-container] iframe)) .we-xp-note{display:none}

/* Trustpilot Combo (_partials/we-trustpilot.tpl): vždy 440 px, na užšom mieste zmenšený skriptom (transform) */
.we-tp{margin:0 0 10px;overflow:visible}
.we-tp .we-tp-c{width:440px;max-width:none;transform-origin:0 0}

/* hover Apple/Google Pay ako PayPal (len myš) – tlačidlo kreslí Stripe v iframe, stmavíme celý rámček */
@media (hover:hover){
  #col-product-info .product-add-to-cart>#stripe-express-checkout-element iframe{transition:filter .15s}
  #col-product-info .product-add-to-cart>#stripe-express-checkout-element:hover iframe{filter:brightness(.94)}
}

/* odstupy hlavičky podľa návrhu: značka · nadpis · Trustpilot · kód · cena – bez čiar témy medzi nimi */
#col-product-info .product_header_container{border:0!important;padding:0!important;margin:0 0 4px!important}
#col-product-info .product_p_price_container{border:0!important;padding:0!important;margin:0!important}
#col-product-info .we-prod-brand{line-height:1.2;margin:0 0 10px}
#content-wrapper #col-product-info .product_header_container h1.page-title{margin:0 0 10px}
#col-product-info .we-tp{margin:0 0 8px}
#col-product-info .we-prod-ref{line-height:1.4;margin:0 0 18px}
#col-product-info .product-prices{margin:0 0 4px}
@media (max-width:991.98px){#col-product-info{padding-top:16px}}

/* okraj stránky na mobile podľa návrhu: 16 px (téma má 9 px) */
@media (max-width:767.98px){#inner-wrapper.container{padding-left:16px;padding-right:16px}}
