/* ==========================================================================
DROWNER — WooCommerce
========================================================================== */
.woocommerce-breadcrumb{font-size:.8rem;color:var(--dr-text-3);padding:18px 0;margin:0}
.woocommerce-breadcrumb a{color:var(--dr-text-2)}
.woocommerce-breadcrumb a:hover{color:var(--dr-blue)}
/* ---------- Hlavička archívu ---------- */
.dr-archive-head{padding:26px 0 8px}
.dr-archive-head h1{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.3rem)}
.dr-archive-head .term-description{color:var(--dr-text-2);max-width:70ch;font-size:.95rem}
/* ---------- Rozloženie shopu: sidebar + mriežka ---------- */
.dr-shop{display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:start;padding-bottom:60px}
@media(max-width:1024px){.dr-shop{grid-template-columns:1fr}}
.dr-shop__side{position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:1024px){
.dr-shop__side{position:static;display:none;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:18px;background:#fff}
.dr-shop__side.is-open{display:block}
}
.dr-facet{border-bottom:1px solid var(--dr-line);padding:16px 0}
.dr-facet:first-child{padding-top:0}
.dr-facet__title{display:flex;align-items:center;justify-content:space-between;font-family:var(--dr-font-h);font-size:.92rem;font-weight:700;margin:0 0 10px}
.dr-facet ul{list-style:none;margin:0;padding:0}
.dr-facet li{margin:0}
.dr-facet li a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;font-size:.88rem;color:var(--dr-text-2)}
.dr-facet li a:hover{color:var(--dr-blue)}
.dr-facet li.current-cat>a,.dr-facet li.is-active>a{color:var(--dr-blue);font-weight:600}
.dr-facet__count{color:var(--dr-text-3);font-size:.78rem}
.dr-shop__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px}
.dr-shop__count{font-size:.85rem;color:var(--dr-text-2)}
.woocommerce-ordering select{width:auto;min-width:210px;padding:9px 14px;border-radius:var(--dr-r-pill);font-size:.85rem}
.dr-filter-toggle{display:none}
@media(max-width:1024px){.dr-filter-toggle{display:inline-flex}}
/* ---------- Produktová mriežka (Woo) ---------- */
.woocommerce ul.products,ul.products{
display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0
}
@media(max-width:1280px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:14px}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
ul.products li.product{margin:0!important;width:auto!important;float:none!important;clear:none!important;text-align:left}
ul.products li.product::before{display:none}
/* Woo default triedy vypnuté v prospech .dr-card */
ul.products li.product .woocommerce-loop-product__title{font-size:.98rem}
.woocommerce ul.products li.product .button{margin:0}
.woocommerce span.onsale{position:static;display:inline-flex;min-width:0;min-height:0;padding:5px 10px;border-radius:var(--dr-r-pill);background:var(--dr-sale);color:#fff;font-size:.7rem;font-weight:700;line-height:1;margin:0}
/* ---------- Detail produktu ---------- */
.dr-single{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;padding:10px 0 60px;align-items:start}
@media(max-width:960px){.dr-single{grid-template-columns:1fr;gap:26px}}
.dr-single__gallery{position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:960px){.dr-single__gallery{position:static}}
.woocommerce div.product div.images img{border-radius:var(--dr-r-lg);background:var(--dr-bg-2)}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;padding:0}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto;margin:0;float:none}
.woocommerce div.product div.images .flex-control-thumbs img{border-radius:var(--dr-r-sm);border:1px solid var(--dr-line);opacity:.7}
.woocommerce div.product div.images .flex-control-thumbs img:hover,
.woocommerce div.product div.images .flex-control-thumbs .flex-active{opacity:1;border-color:var(--dr-blue)}
.woocommerce div.product .product_title{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:12px}
.woocommerce div.product p.price,.woocommerce div.product span.price{
font-family:var(--dr-font-h);font-size:1.7rem;font-weight:700;color:var(--dr-ink);margin:0 0 18px
}
.woocommerce div.product p.price del{font-size:1rem;color:var(--dr-text-3);font-weight:500}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{
background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:16px 18px;font-size:.9rem;color:var(--dr-text-2);margin-bottom:20px
}
/* Varianty ako pilulky */
.woocommerce div.product form.cart .variations{margin-bottom:16px;border:0;width:100%}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th{display:block;padding:0;border:0;text-align:left}
.woocommerce div.product form.cart .variations label{
font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-text-3);font-weight:700;margin-bottom:8px;display:block
}
.woocommerce div.product form.cart .variations select{max-width:340px}
.woocommerce div.product form.cart .reset_variations{font-size:.8rem;display:inline-block;margin-top:8px}
/* Množstvo + CTA */
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .woocommerce-variation{flex:1 0 100%}
.woocommerce .quantity{display:inline-flex;align-items:center;border:1px solid var(--dr-line-2);border-radius:var(--dr-r-pill);overflow:hidden;height:52px}
.woocommerce .quantity .qty{width:64px;height:100%;border:0;text-align:center;padding:0;border-radius:0;background:transparent}
.woocommerce .quantity input::-webkit-outer-spin-button,
.woocommerce .quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dr-qty-btn{width:42px;height:100%;border:0;background:transparent;font-size:1.15rem;cursor:pointer;color:var(--dr-text-2)}
.dr-qty-btn:hover{color:var(--dr-blue)}
.woocommerce div.product form.cart .button,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
background:var(--dr-grad);color:#fff;border-radius:var(--dr-r-pill);padding:15px 30px;font-weight:600;font-size:.95rem;
border:0;box-shadow:0 6px 20px rgba(0,102,255,.22);transition:transform .18s var(--dr-ease),box-shadow .18s var(--dr-ease);line-height:1.2
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--dr-grad);color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,102,255,.3)}
.woocommerce div.product form.cart .button{flex:1 1 260px;min-height:52px}
.woocommerce a.button.wc-forward,.woocommerce .cart .button--ghost{background:#fff;color:var(--dr-ink);border:1px solid var(--dr-line-2);box-shadow:none}
/* Meta / stav skladu */
.woocommerce div.product .stock{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--dr-r-pill);font-size:.78rem;font-weight:700;background:var(--dr-ok-bg);color:var(--dr-ok)}
.woocommerce div.product .stock.out-of-stock{background:#fdeaea;color:#c0392b}
.product_meta{font-size:.82rem;color:var(--dr-text-3);border-top:1px solid var(--dr-line);padding-top:16px;margin-top:6px}
.product_meta>span{display:block;margin-bottom:5px}
/* Špecifikačné dlaždice (vlastné, cez hook) */
.dr-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
@media(max-width:520px){.dr-spec{grid-template-columns:1fr}}
.dr-spec__item{border:1px solid var(--dr-line);border-radius:var(--dr-r-sm);padding:12px 14px;background:#fff}
.dr-spec__item span{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-text-3);font-weight:700}
.dr-spec__item b{font-family:var(--dr-font-h);font-size:1rem}
/* Research box na detaile produktu */
.dr-research-box{border:1px solid #f2d9a8;background:var(--dr-warn-bg);color:#7a5a12;border-radius:var(--dr-r-sm);padding:14px 16px;font-size:.82rem;line-height:1.55;margin:18px 0}
.dr-research-box b{display:block;margin-bottom:4px;color:#5c4310}
/* Taby ako akordeón */
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r-pill);margin:0;padding:0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:9px 20px;font-weight:600;font-size:.88rem;color:var(--dr-text-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--dr-ink);border-color:var(--dr-ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs .panel{margin:0;padding:0;font-size:.95rem;color:var(--dr-text-2);max-width:840px}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.2rem;color:var(--dr-ink)}
/* Súvisiace produkty / upsell */
.related.products,.upsells.products,.cross-sells{padding-top:44px;border-top:1px solid var(--dr-line);margin-top:44px}
.related.products>h2,.upsells.products>h2{font-size:1.4rem;margin-bottom:22px}
/* Recenzie */
#reviews .commentlist{list-style:none;padding:0;margin:0}
#reviews .comment_container{display:flex;gap:14px;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:18px;margin-bottom:14px;background:#fff}
#reviews .comment_container img{border-radius:50%;width:44px;height:44px}
.woocommerce .star-rating{color:#f5a623}
/* ---------- Košík ---------- */
.woocommerce table.shop_table{border:1px solid var(--dr-line);border-radius:var(--dr-r);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{background:var(--dr-bg-2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dr-text-2);padding:14px}
.woocommerce table.shop_table td{padding:16px 14px;border-top:1px solid var(--dr-line)}
.woocommerce-cart table.cart img{width:70px;border-radius:var(--dr-r-xs)}
.woocommerce .cart-collaterals .cart_totals{background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:22px}
.woocommerce .cart-collaterals .cart_totals h2{font-size:1.1rem}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center}
/* ---------- Pokladňa ---------- */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media(max-width:860px){.woocommerce-checkout .col2-set{grid-template-columns:1fr}}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto;float:none}
.woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{
background:var(--dr-bg-2);border-radius:var(--dr-r);padding:0 22px
}
.woocommerce-checkout #order_review_heading{padding-top:22px;margin:0;font-size:1.1rem}
.woocommerce-checkout #order_review{padding-bottom:22px}
.woocommerce-checkout #payment{background:transparent}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment div.form-row{padding:14px 0 0}
.woocommerce form .form-row{padding:0;margin-bottom:14px}
.woocommerce form .form-row label{margin-bottom:6px;display:block}
.select2-container .select2-selection--single{height:47px;border-radius:var(--dr-r-sm);border-color:var(--dr-line-2)}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:45px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:45px}
/* Woo hlásenia */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
border-top:0;border-radius:var(--dr-r-sm);background:var(--dr-bg-2);border:1px solid var(--dr-line);
padding:16px 20px;font-size:.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:12px
}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message{background:var(--dr-ok-bg);border-color:#bfe6cf;color:#1b5e3a}
.woocommerce-error{background:#fdeaea;border-color:#f3c2c2;color:#a02b2b;list-style:none}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}
/* Účet */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin-bottom:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 16px;border-radius:var(--dr-r-sm);color:var(--dr-text-2);font-weight:500}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--dr-bg-2);color:var(--dr-blue)}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:26px}
@media(min-width:861px){
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%}
.woocommerce-account .woocommerce-MyAccount-content{width:72%}
}
/* Currency switcher / swatche – jemné doladenie, funkčnosť ostáva na pluginoch */
.woocs_price_code{display:inline}
.cfvsw-swatches-container{margin-bottom:12px}
/* ---------- Detail produktu: dvojstĺpcový grid ---------- */
.woocommerce div.product{
display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start;padding-bottom:20px
}
@media(max-width:960px){.woocommerce div.product{grid-template-columns:1fr;gap:24px}}
.woocommerce div.product div.images,
.woocommerce div.product div.summary{width:auto;float:none;margin:0}
.woocommerce div.product div.images{position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:960px){.woocommerce div.product div.images{position:static}}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells,
.woocommerce div.product .woocommerce-product-gallery__wrapper{grid-column:1/-1}
.dr-single-wrap{display:block}
/* Woo štandardný onsale štítok na detaile vypnutý (máme .dr-onsale) */
.woocommerce div.product>span.onsale{display:none}
/* summary nesmie mať prázdne miesto navrchu */
.woocommerce div.product div.summary{margin-top:0!important}
.woocommerce div.product div.images{margin-bottom:0!important}
/* ==========================================================================
MOBIL — WooCommerce
========================================================================== */
@media(max-width:900px){
/* Archív / obchod */
.dr-archive-head{padding:16px 0 4px}
.dr-shop{gap:18px;padding-bottom:40px}
.dr-shop__bar{gap:10px}
.woocommerce-ordering{flex:1 1 100%}
.woocommerce-ordering select{width:100%;min-width:0}
.dr-filter-toggle{flex:0 0 auto}
/* Detail produktu */
.woocommerce div.product{gap:20px}
.woocommerce div.product .product_title{font-size:1.4rem}
.woocommerce div.product p.price,.woocommerce div.product span.price{font-size:1.4rem;margin-bottom:14px}
.woocommerce div.product div.images .flex-control-thumbs{grid-template-columns:repeat(4,1fr)}
.woocommerce div.product form.cart{gap:10px}
.woocommerce div.product form.cart .button{flex:1 1 100%}
.woocommerce .quantity{width:100%;justify-content:space-between;height:50px}
.woocommerce .quantity .qty{flex:1}
.dr-spec{grid-template-columns:1fr;gap:8px}
.woocommerce div.product .woocommerce-tabs ul.tabs{gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.woocommerce div.product .woocommerce-tabs ul.tabs li{flex:0 0 auto}
.related.products,.upsells.products{padding-top:32px;margin-top:32px}
/* Košík — riadky ako karty */
.woocommerce table.shop_table_responsive,
.woocommerce-cart table.cart{border:0;background:transparent}
.woocommerce table.shop_table_responsive thead,
.woocommerce-cart table.cart thead{display:none}
.woocommerce table.shop_table_responsive tbody tr,
.woocommerce-cart table.cart tbody tr{
display:block;background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);
padding:12px 14px;margin-bottom:12px
}
.woocommerce table.shop_table_responsive tbody td,
.woocommerce-cart table.cart tbody td{
display:flex;align-items:center;justify-content:space-between;gap:12px;
border:0;border-bottom:1px solid var(--dr-line);padding:10px 0;text-align:right
}
.woocommerce table.shop_table_responsive tbody td:last-child,
.woocommerce-cart table.cart tbody td:last-child{border-bottom:0}
.woocommerce table.shop_table_responsive tbody td::before,
.woocommerce-cart table.cart tbody td::before{
content:attr(data-title);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
color:var(--dr-text-3);font-weight:700;text-align:left;flex:0 0 auto
}
.woocommerce-cart table.cart td.product-remove{justify-content:flex-end}
.woocommerce-cart table.cart td.product-remove::before{display:none}
.woocommerce-cart table.cart td.product-thumbnail{justify-content:center}
.woocommerce-cart table.cart td.product-thumbnail::before{display:none}
.woocommerce-cart table.cart img{width:90px}
.woocommerce-cart table.cart td.actions{display:block;text-align:left}
.woocommerce-cart table.cart td.actions::before{display:none}
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.woocommerce-cart table.cart td.actions .coupon input[type=text]{flex:1 1 150px}
.woocommerce-cart table.cart td.actions .button{width:100%}
.woocommerce .cart-collaterals,.woocommerce .cart-collaterals .cart_totals{width:100%;float:none}
.woocommerce .cart-collaterals .cart_totals{padding:18px}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{width:100%}
/* Pokladňa */
.woocommerce-checkout .col2-set{gap:20px}
.woocommerce-checkout #order_review,.woocommerce-checkout #order_review_heading{padding-inline:16px;border-radius:var(--dr-r)}
.woocommerce-checkout #payment ul.payment_methods li{padding:6px 0}
.woocommerce-checkout #place_order{width:100%}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;float:none;margin-right:0}
/* Účet */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:16px}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.woocommerce-account .woocommerce-MyAccount-navigation li{flex:0 0 auto}
.woocommerce-account .woocommerce-MyAccount-navigation li a{white-space:nowrap;background:var(--dr-bg-2);border-radius:var(--dr-r-pill)}
.woocommerce-account .woocommerce-MyAccount-content{padding:18px}
/* Hlásenia */
.woocommerce-message,.woocommerce-info,.woocommerce-error{flex-direction:column;align-items:flex-start;padding:14px 16px}
.woocommerce-message .button,.woocommerce-info .button{margin-left:0;width:100%}
/* Objednávka / prehľady */
.woocommerce table.my_account_orders,.woocommerce table.woocommerce-orders-table{font-size:.85rem}
}
@media(max-width:560px){
.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:12px}
.woocommerce div.product .woocommerce-product-details__short-description{padding:14px}
.dr-onsale{top:10px;left:10px;padding:5px 11px;font-size:.7rem}
}
/* ==========================================================================
FILTRE V KATALÓGU
========================================================================== */
.dr-facets{display:block}
.dr-facet{border-bottom:1px solid var(--dr-line);padding:16px 0}
.dr-facet:first-child{padding-top:0}
.dr-facet--toggle{padding:0 0 16px}
.dr-facet--actions{border-bottom:0;display:flex;flex-direction:column;gap:10px;align-items:center}
.dr-facet__title{
display:flex;align-items:center;justify-content:space-between;gap:8px;
font-family:var(--dr-font-h);font-size:.92rem;font-weight:700;margin:0 0 12px;color:var(--dr-ink)
}
.dr-facet__caret{
width:22px;height:22px;border:0;background:transparent;cursor:pointer;position:relative;color:var(--dr-text-3);flex:0 0 auto
}
.dr-facet__caret::before{
content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
transform:translate(-50%,-70%) rotate(135deg);transition:transform .22s var(--dr-ease)
}
.dr-facet.is-collapsed .dr-facet__caret::before{transform:translate(-50%,-30%) rotate(-45deg)}
.dr-facet.is-collapsed .dr-facet__body{display:none}
.dr-facet ul{list-style:none;margin:0;padding:0}
.dr-facet li a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;font-size:.88rem;color:var(--dr-text-2)}
.dr-facet li a:hover{color:var(--dr-blue)}
.dr-facet li.is-active>a{color:var(--dr-blue);font-weight:600}
.dr-facet__count{color:var(--dr-text-3);font-size:.78rem}
.dr-facet__reset{font-size:.82rem;color:var(--dr-text-3);text-decoration:underline}
.dr-facet__reset:hover{color:var(--dr-sale)}
/* Zaškrtávacie políčka */
.dr-check{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.88rem;color:var(--dr-text-2);cursor:pointer}
.dr-check input{
appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:0 0 auto;margin:0;
border:1.5px solid var(--dr-line-2);border-radius:5px;background:#fff;cursor:pointer;position:relative;transition:.18s var(--dr-ease)
}
.dr-check input:checked{background:var(--dr-blue);border-color:var(--dr-blue)}
.dr-check input:checked::after{
content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)
}
.dr-check span{flex:1}
.dr-check em{font-style:normal;color:var(--dr-text-3);font-size:.78rem}
.dr-check:hover{color:var(--dr-blue)}
.dr-check--inline{padding:0;font-size:.85rem}
/* Cenový posuvník */
.dr-price{padding-top:4px}
.dr-price__track{position:relative;height:26px;margin-bottom:12px}
.dr-price__track::before{
content:"";position:absolute;left:0;right:0;top:11px;height:4px;border-radius:99px;background:var(--dr-line)
}
.dr-price__fill{position:absolute;top:11px;height:4px;border-radius:99px;background:var(--dr-ink)}
.dr-price__range{
position:absolute;left:0;right:0;top:0;width:100%;height:26px;margin:0;padding:0;
background:none;border:0;pointer-events:none;-webkit-appearance:none;appearance:none
}
.dr-price__range:focus{outline:none}
.dr-price__range::-webkit-slider-thumb{
-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;
background:#fff;border:2px solid var(--dr-ink);box-shadow:0 2px 6px rgba(10,10,26,.2);cursor:pointer
}
.dr-price__range::-moz-range-thumb{
pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;
border:2px solid var(--dr-ink);cursor:pointer
}
.dr-price__fields{display:flex;align-items:flex-end;gap:8px}
.dr-price__box{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.dr-price__box span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dr-text-3);font-weight:700}
.dr-price__box input{padding:9px 10px;font-size:.85rem;text-align:center;border-radius:var(--dr-r-sm)}
.dr-price__dash{padding-bottom:10px;color:var(--dr-text-3)}
/* Panel nad mriežkou */
.dr-shop__bar{border-bottom:1px solid var(--dr-line);margin-bottom:20px;padding-bottom:14px}
.dr-shop__count{font-weight:600;color:var(--dr-ink)}
.dr-shop__bar .woocommerce-ordering{margin:0 0 0 auto}
/* ==========================================================================
Obrázky na kartách — nech sa nedeformujú a nezostáva prázdne miesto
========================================================================== */
.woocommerce ul.products li.product .dr-card__media img,
.dr-card__media img{
width:100%!important;height:100%!important;object-fit:contain!important;
padding:10px;background:#fff
}
.dr-card__media{background:#fff;border-bottom:1px solid var(--dr-line)}
/* Filtre na mobile */
@media(max-width:1024px){
.dr-shop__side{display:none;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:18px;background:#fff;margin-bottom:18px}
.dr-shop__side.is-open{display:block}
.dr-shop__bar{flex-wrap:wrap}
.dr-shop__bar .woocommerce-ordering{margin-left:0;flex:1 1 100%;order:5}
.dr-check--inline{order:2}
.dr-filter-toggle{order:3;margin-left:auto}
}
/* ==========================================================================
Detail produktu — koniec prekrývania galérie a tabov
========================================================================== */
.woocommerce div.product div.images{position:static!important;top:auto!important}
.woocommerce div.product .woocommerce-tabs{
position:relative;z-index:2;background:#fff;margin-top:34px;padding-top:28px;
border-top:1px solid var(--dr-line);clear:both
}
.woocommerce div.product .woocommerce-tabs ul.tabs{margin:0 0 22px}
.woocommerce div.product .woocommerce-product-gallery{z-index:0}
/* ==========================================================================
Taby na detaile produktu — čitateľné farby
========================================================================== */
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--dr-text-2)!important;font-weight:600}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--dr-ink)!important;border-color:var(--dr-ink)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active){background:var(--dr-bg-2)!important;border-color:var(--dr-line)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a:hover{color:var(--dr-blue)!important}
.woocommerce div.product .woocommerce-tabs .panel{display:block;color:var(--dr-text-2)}
.woocommerce div.product .woocommerce-tabs .panel[style*="display: none"],
.woocommerce div.product .woocommerce-tabs .panel[style*="display:none"]{display:none!important}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:1.15rem;color:var(--dr-ink);margin-bottom:.6em}
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes{width:100%;max-width:560px}
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes th{
background:var(--dr-bg-2);text-align:left;padding:11px 14px;font-size:.8rem;width:40%
}
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes td{padding:11px 14px;font-style:normal}
/* Tlačidlo „Pokračovať do košíka“ na detaile produktu */
.dr-tocart{flex:1 1 100%;justify-content:center;min-height:48px}
/* ==========================================================================
KOŠÍK / POKLADŇA / ÚČET — stránky na celú šírku
========================================================================== */
.dr-woopage{padding-bottom:70px}
.dr-woopage__head{text-align:center;padding:clamp(28px,4vw,52px) 0 clamp(20px,3vw,32px)}
.dr-woopage__head h1{margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}
.woocommerce-cart .dr-woopage,.woocommerce-checkout .dr-woopage{max-width:1180px}
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce>.cart-empty,
.woocommerce-cart .woocommerce>.return-to-shop{grid-column:1/-1}
@media(max-width:1024px){.woocommerce-cart .woocommerce{grid-template-columns:minmax(0,1fr)}}
.dr-cart{margin:0;min-width:0}
.dr-cart__list{display:flex;flex-direction:column;gap:12px}
.dr-cart__row{
display:grid;
grid-template-columns:84px minmax(0,1fr) auto auto 32px;
gap:14px;align-items:center;
background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__thumb{
width:84px;height:84px;border-radius:var(--dr-r-sm);overflow:hidden;
background:#fff;border:1px solid var(--dr-line);flex:0 0 auto
}
.dr-cart__thumb a{display:block;width:100%;height:100%}
.dr-cart__thumb img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}
.dr-cart__info{min-width:0;display:flex;flex-direction:column;gap:3px}
.dr-cart__name{
font-family:var(--dr-font-h);font-size:.98rem;margin:0;line-height:1.35;
overflow-wrap:anywhere;hyphens:none
}
.dr-cart__name a{color:var(--dr-ink)}
.dr-cart__name a:hover{color:var(--dr-blue)}
.dr-cart__meta{font-size:.78rem;color:var(--dr-text-3)}
.dr-cart__meta p{margin:0}
.dr-cart__meta dl{margin:0;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.76rem}
.dr-cart__meta dt,.dr-cart__meta dd{margin:0}
.dr-cart__meta dt{font-weight:600}
.dr-cart__unit{font-size:.84rem;color:var(--dr-text-2);white-space:nowrap}
.dr-cart__unit em{font-style:normal;color:var(--dr-text-3);font-size:.76rem}
.dr-cart__qty{flex:0 0 auto}
.dr-cart__qty .quantity{width:124px;height:42px;border-radius:var(--dr-r-pill)}
.dr-cart__qty .quantity .qty{width:100%;font-size:.9rem}
.dr-cart__qty .dr-qty-btn{width:36px}
.dr-cart__sum{
text-align:right;font-family:var(--dr-font-h);font-weight:700;font-size:1.02rem;
color:var(--dr-ink);white-space:nowrap;min-width:86px
}
.dr-cart__sum-label{display:none}
.dr-cart__remove{text-align:right}
.dr-cart__remove .remove{
display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
color:var(--dr-text-3)!important;font-size:1.2rem;line-height:1;background:transparent;text-decoration:none
}
.dr-cart__remove .remove:hover{background:#fdeaea;color:var(--dr-sale)!important}
.dr-cart__actions{
display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;
background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__coupon{display:flex;gap:8px;flex:1 1 320px;min-width:0}
.dr-cart__coupon input[type=text]{flex:1;min-width:0;background:#fff}
.dr-cart__coupon .dr-btn{flex:0 0 auto;white-space:nowrap}
.dr-cart__back{margin-left:auto;white-space:nowrap}
.dr-cart__update{display:none!important}
/* Súhrn */
.woocommerce-cart .cart-collaterals{width:auto;margin:0;min-width:0;position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:1024px){.woocommerce-cart .cart-collaterals{position:static}}
.woocommerce .cart-collaterals .cart_totals{
width:100%;float:none;background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:22px
}
.woocommerce .cart-collaterals .cart_totals h2{font-size:1.05rem;margin-bottom:14px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;background:transparent;width:100%}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce .cart-collaterals .cart_totals table.shop_table td{
border:0;border-bottom:1px solid var(--dr-line);padding:12px 0;background:transparent;
font-size:.88rem;text-transform:none;letter-spacing:0;vertical-align:top
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th{color:var(--dr-text-2);font-weight:500;width:40%}
.woocommerce .cart-collaterals .cart_totals table.shop_table td{text-align:right}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td{border-bottom:0;padding-top:16px}
.woocommerce .cart-collaterals .cart_totals .order-total .amount{font-family:var(--dr-font-h);font-size:1.3rem;color:var(--dr-ink)}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method{margin:0;padding:0;list-style:none;text-align:right}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method li{margin:0 0 8px;padding:0;font-size:.84rem;line-height:1.45}
.woocommerce-shipping-destination{font-size:.79rem;color:var(--dr-text-3);text-align:right;line-height:1.5}
.woocommerce-shipping-calculator{text-align:right;font-size:.82rem}
.woocommerce-cart .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;font-size:1rem;padding:16px 24px}
/* Mobil — riadok košíka ako dva pruhy pod sebou */
@media(max-width:760px){
.dr-cart__row{
display:flex;flex-wrap:wrap;align-items:center;gap:12px;
position:relative;padding:14px 46px 14px 14px
}
.dr-cart__thumb{order:1;width:68px;height:68px}
.dr-cart__info{order:2;flex:1 1 0;min-width:0}
.dr-cart__row::after{content:"";order:3;flex:0 0 100%;height:0}
.dr-cart__qty{order:4;flex:0 0 auto}
.dr-cart__qty .quantity{width:116px;height:40px}
.dr-cart__sum{order:5;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.dr-cart__sum-label{
display:inline;font-family:var(--dr-font);font-weight:500;font-size:.72rem;
color:var(--dr-text-3);text-transform:uppercase;letter-spacing:.08em
}
.dr-cart__remove{position:absolute;top:10px;right:8px;order:6}
.dr-cart__name{font-size:.92rem}
.dr-cart__actions{flex-direction:column;align-items:stretch;gap:10px}
.dr-cart__coupon{flex:1 1 auto;width:100%}
.dr-cart__coupon input[type=text]{min-width:0;width:100%}
.dr-cart__back{margin-left:0;justify-content:center;width:100%}
.woocommerce .cart-collaterals .cart_totals{padding:18px}
.woocommerce .cart-collaterals .cart_totals table.shop_table th{width:44%}
}
/* Tlačidlo „Pokračovať do košíka“ na detaile produktu */
.dr-tocart{flex:1 1 100%;justify-content:center;min-height:48px}
/* ==========================================================================
KOŠÍK / POKLADŇA / ÚČET — stránky na celú šírku
========================================================================== */
.dr-woopage{padding-bottom:70px}
.dr-woopage__head{text-align:center;padding:clamp(28px,4vw,52px) 0 clamp(20px,3vw,32px)}
.dr-woopage__head h1{margin:0;font-size:clamp(1.7rem,4vw,2.6rem)}
.woocommerce-cart .dr-woopage,.woocommerce-checkout .dr-woopage{max-width:1180px}
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce>.cart-empty,
.woocommerce-cart .woocommerce>.return-to-shop{grid-column:1/-1}
@media(max-width:1024px){.woocommerce-cart .woocommerce{grid-template-columns:minmax(0,1fr)}}
.dr-cart{margin:0;min-width:0}
.dr-cart__list{display:flex;flex-direction:column;gap:12px}
.dr-cart__row{
display:grid;
grid-template-columns:84px minmax(0,1fr) auto auto 32px;
gap:14px;align-items:center;
background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__thumb{
width:84px;height:84px;border-radius:var(--dr-r-sm);overflow:hidden;
background:#fff;border:1px solid var(--dr-line);flex:0 0 auto
}
.dr-cart__thumb a{display:block;width:100%;height:100%}
.dr-cart__thumb img{width:100%;height:100%;object-fit:contain;padding:6px;display:block}
.dr-cart__info{min-width:0;display:flex;flex-direction:column;gap:3px}
.dr-cart__name{
font-family:var(--dr-font-h);font-size:.98rem;margin:0;line-height:1.35;
overflow-wrap:anywhere;hyphens:none
}
.dr-cart__name a{color:var(--dr-ink)}
.dr-cart__name a:hover{color:var(--dr-blue)}
.dr-cart__meta{font-size:.78rem;color:var(--dr-text-3)}
.dr-cart__meta p{margin:0}
.dr-cart__meta dl{margin:0;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.76rem}
.dr-cart__meta dt,.dr-cart__meta dd{margin:0}
.dr-cart__meta dt{font-weight:600}
.dr-cart__unit{font-size:.84rem;color:var(--dr-text-2);white-space:nowrap}
.dr-cart__unit em{font-style:normal;color:var(--dr-text-3);font-size:.76rem}
.dr-cart__qty{flex:0 0 auto}
.dr-cart__qty .quantity{width:124px;height:42px;border-radius:var(--dr-r-pill)}
.dr-cart__qty .quantity .qty{width:100%;font-size:.9rem}
.dr-cart__qty .dr-qty-btn{width:36px}
.dr-cart__sum{
text-align:right;font-family:var(--dr-font-h);font-weight:700;font-size:1.02rem;
color:var(--dr-ink);white-space:nowrap;min-width:86px
}
.dr-cart__sum-label{display:none}
.dr-cart__remove{text-align:right}
.dr-cart__remove .remove{
display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
color:var(--dr-text-3)!important;font-size:1.2rem;line-height:1;background:transparent;text-decoration:none
}
.dr-cart__remove .remove:hover{background:#fdeaea;color:var(--dr-sale)!important}
.dr-cart__actions{
display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;
background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__coupon{display:flex;gap:8px;flex:1 1 320px;min-width:0}
.dr-cart__coupon input[type=text]{flex:1;min-width:0;background:#fff}
.dr-cart__coupon .dr-btn{flex:0 0 auto;white-space:nowrap}
.dr-cart__back{margin-left:auto;white-space:nowrap}
.dr-cart__update{display:none!important}
/* Súhrn */
.woocommerce-cart .cart-collaterals{width:auto;margin:0;min-width:0;position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:1024px){.woocommerce-cart .cart-collaterals{position:static}}
.woocommerce .cart-collaterals .cart_totals{
width:100%;float:none;background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:22px
}
.woocommerce .cart-collaterals .cart_totals h2{font-size:1.05rem;margin-bottom:14px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;background:transparent;width:100%}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce .cart-collaterals .cart_totals table.shop_table td{
border:0;border-bottom:1px solid var(--dr-line);padding:12px 0;background:transparent;
font-size:.88rem;text-transform:none;letter-spacing:0;vertical-align:top
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th{color:var(--dr-text-2);font-weight:500;width:40%}
.woocommerce .cart-collaterals .cart_totals table.shop_table td{text-align:right}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td{border-bottom:0;padding-top:16px}
.woocommerce .cart-collaterals .cart_totals .order-total .amount{font-family:var(--dr-font-h);font-size:1.3rem;color:var(--dr-ink)}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method{margin:0;padding:0;list-style:none;text-align:right}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method li{margin:0 0 8px;padding:0;font-size:.84rem;line-height:1.45}
.woocommerce-shipping-destination{font-size:.79rem;color:var(--dr-text-3);text-align:right;line-height:1.5}
.woocommerce-shipping-calculator{text-align:right;font-size:.82rem}
.woocommerce-cart .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;font-size:1rem;padding:16px 24px}
/* Mobil */
@media(max-width:760px){
.dr-cart__row{
grid-template-columns:72px minmax(0,1fr) 30px;
grid-template-areas:"thumb info remove" "qty sum sum";
gap:12px
}
.dr-cart__thumb{grid-area:thumb;width:72px;height:72px}
.dr-cart__info{grid-area:info}
.dr-cart__remove{grid-area:remove}
.dr-cart__qty{grid-area:qty}
.dr-cart__qty .quantity{width:118px}
.dr-cart__sum{grid-area:sum;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.dr-cart__sum-label{
display:inline;font-family:var(--dr-font);font-weight:500;font-size:.74rem;
color:var(--dr-text-3);text-transform:uppercase;letter-spacing:.08em
}
.dr-cart__actions{flex-direction:column;align-items:stretch}
.dr-cart__coupon{flex:1 1 auto}
.dr-cart__back{margin-left:0;justify-content:center}
}
/* Tlačidlo „Pokračovať do košíka“ na detaile produktu */
.dr-tocart{flex:1 1 100%;justify-content:center;min-height:48px}
/* ==========================================================================
KOŠÍK
========================================================================== */
.woocommerce-cart .dr-woo>.dr-wrap{max-width:1140px}
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:1fr 350px;gap:26px;align-items:start}
.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce>.cart-empty,
.woocommerce-cart .woocommerce>.return-to-shop{grid-column:1/-1}
@media(max-width:1024px){.woocommerce-cart .woocommerce{grid-template-columns:1fr}}
.dr-cart{margin:0}
.dr-cart__list{display:flex;flex-direction:column;gap:12px}
.dr-cart__row{
display:grid;grid-template-columns:92px 1fr 132px 110px 34px;gap:16px;align-items:center;
background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__thumb{width:92px;height:92px;border-radius:var(--dr-r-sm);overflow:hidden;background:#fff;border:1px solid var(--dr-line)}
.dr-cart__thumb a,.dr-cart__thumb img{display:block;width:100%;height:100%}
.dr-cart__thumb img{object-fit:contain;padding:6px}
.dr-cart__info{min-width:0}
.dr-cart__name{font-family:var(--dr-font-h);font-size:1rem;margin:0 0 4px;line-height:1.3}
.dr-cart__name a{color:var(--dr-ink)}
.dr-cart__name a:hover{color:var(--dr-blue)}
.dr-cart__meta{font-size:.8rem;color:var(--dr-text-3)}
.dr-cart__meta p{margin:0}
.dr-cart__meta dl{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.78rem}
.dr-cart__meta dt{font-weight:600;margin:0}
.dr-cart__meta dd{margin:0}
.dr-cart__unit{display:block;margin-top:6px;font-size:.85rem;color:var(--dr-text-2)}
.dr-cart__unit em{font-style:normal;color:var(--dr-text-3);font-size:.78rem}
.dr-cart__qty .quantity{width:100%;height:44px;border-radius:var(--dr-r-pill)}
.dr-cart__qty .quantity .qty{width:100%}
.dr-cart__sum{text-align:right;font-family:var(--dr-font-h);font-weight:700;font-size:1.05rem;color:var(--dr-ink)}
.dr-cart__sum-label{display:none}
.dr-cart__remove{text-align:right}
.dr-cart__remove .remove{
display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
color:var(--dr-text-3)!important;font-size:1.25rem;line-height:1;background:transparent;text-decoration:none
}
.dr-cart__remove .remove:hover{background:#fdeaea;color:var(--dr-sale)!important}
.dr-cart__actions{
display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;
background:var(--dr-bg-2);border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:14px
}
.dr-cart__coupon{display:flex;gap:8px;flex:1 1 340px;min-width:0}
.dr-cart__coupon input[type=text]{flex:1;min-width:0;background:#fff}
.dr-cart__back{margin-left:auto}
.dr-cart__update{display:none}
.dr-cart__saving{
flex:1 1 100%;font-size:.82rem;color:var(--dr-ok);display:flex;align-items:center;gap:8px
}
/* Súhrn vpravo */
.woocommerce-cart .cart-collaterals{width:auto;margin:0;position:sticky;top:calc(var(--dr-nav-h) + 20px)}
@media(max-width:1024px){.woocommerce-cart .cart-collaterals{position:static}}
.woocommerce .cart-collaterals .cart_totals{
width:100%;float:none;background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);padding:22px
}
.woocommerce .cart-collaterals .cart_totals h2{font-size:1.05rem;margin-bottom:14px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;background:transparent;width:100%}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,
.woocommerce .cart-collaterals .cart_totals table.shop_table td{
border:0;border-bottom:1px solid var(--dr-line);padding:12px 0;background:transparent;
font-size:.9rem;text-transform:none;letter-spacing:0
}
.woocommerce .cart-collaterals .cart_totals table.shop_table th{color:var(--dr-text-2);font-weight:500;width:42%}
.woocommerce .cart-collaterals .cart_totals table.shop_table td{text-align:right}
.woocommerce .cart-collaterals .cart_totals .order-total th,
.woocommerce .cart-collaterals .cart_totals .order-total td{border-bottom:0;padding-top:16px}
.woocommerce .cart-collaterals .cart_totals .order-total .amount{font-family:var(--dr-font-h);font-size:1.35rem;color:var(--dr-ink)}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method{margin:0;padding:0;list-style:none;text-align:left}
.woocommerce .cart-collaterals .cart_totals ul#shipping_method li{margin:0 0 8px;padding:0;font-size:.85rem;line-height:1.45}
.woocommerce-shipping-destination{font-size:.8rem;color:var(--dr-text-3);text-align:left}
.woocommerce-shipping-calculator{text-align:left;font-size:.82rem}
.woocommerce-cart .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;font-size:1rem;padding:16px 24px}
/* Mobil */
@media(max-width:700px){
.dr-cart__row{grid-template-columns:72px 1fr 34px;grid-template-areas:"thumb info remove" "qty qty sum";gap:12px}
.dr-cart__thumb{grid-area:thumb;width:72px;height:72px}
.dr-cart__info{grid-area:info}
.dr-cart__remove{grid-area:remove}
.dr-cart__qty{grid-area:qty;max-width:150px}
.dr-cart__sum{grid-area:sum;display:flex;align-items:center;justify-content:flex-end;gap:8px}
.dr-cart__sum-label{display:inline;font-family:var(--dr-font);font-weight:500;font-size:.78rem;color:var(--dr-text-3);text-transform:uppercase;letter-spacing:.08em}
.dr-cart__actions{flex-direction:column;align-items:stretch}
.dr-cart__coupon{flex:1 1 auto}
.dr-cart__back{margin-left:0;text-align:center;justify-content:center}
}
/* ==========================================================================
BLOKOVÁ POKLADŇA A KOŠÍK
Na webe beží starý štýl „dp-citatelnost“ (17 kB), ktorý celú pokladňu
maľuje premennými --dp-*. Namiesto boja o každý selektor prepíšeme
priamo tie premenné na svetlé — tým sa zosvetlí všetko, čoho sa dotkne.
========================================================================== */
:root,
.drowner,
body.drowner{
--dp-surface:#ffffff!important;
--dp-surface-2:#f6f9ff!important;
--dp-border:#ccd7ea!important;
--dp-text:#0a0a1a!important;
--dp-muted:#5a6b85!important;
--dp-accent:#0066ff!important;
--dp-on-accent:#ffffff!important;
--dp-l-text:#0a0a1a!important;
--dp-l-muted:#5a6b85!important;
--dp-l-border:#ccd7ea!important;
--dp-t-muted:#566275!important;
--dp-t-blue:#0052cc!important;
--dp-t-teal:#0a6b73!important;
}
/* ---------- Rozloženie ---------- */
.drowner .wc-block-checkout__form,
.drowner .wp-block-woocommerce-checkout{max-width:100%}
.drowner .wc-block-components-sidebar-layout{gap:34px}
@media(min-width:1000px){
.drowner .wc-block-components-sidebar-layout .wc-block-components-main{padding-right:0}
}
/* ---------- Kroky ---------- */
.drowner .wc-block-components-checkout-step{
background:#fff;border:1px solid var(--dr-line);border-radius:var(--dr-r);
padding:22px 24px;margin-bottom:16px
}
.drowner .wc-block-components-checkout-step__container{padding:0}
.drowner .wc-block-components-checkout-step__heading{margin:0 0 4px}
.drowner .wc-block-components-checkout-step__title{
font-family:var(--dr-font-h)!important;font-size:1.08rem!important;font-weight:700!important;
color:var(--dr-ink)!important;letter-spacing:-.01em
}
.drowner .wc-block-components-checkout-step__description{
color:var(--dr-text-2)!important;font-size:.88rem!important;margin-bottom:14px
}
.drowner .wc-block-components-checkout-step__content{padding-bottom:0}
/* ---------- Polia ---------- */
.drowner .wc-block-components-text-input,
.drowner .wc-block-components-select,
.drowner .wc-block-components-textarea{margin-top:12px}
.drowner .wc-block-components-text-input input,
.drowner .wc-block-components-select__select,
.drowner .wc-block-components-textarea{
background:#fff!important;color:var(--dr-ink)!important;
border:1px solid var(--dr-line-2)!important;border-radius:var(--dr-r-sm)!important;
padding:16px 14px 6px!important;font-size:.95rem!important;box-shadow:none!important
}
.drowner .wc-block-components-text-input input:focus,
.drowner .wc-block-components-select__select:focus,
.drowner .wc-block-components-textarea:focus{
border-color:var(--dr-blue)!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;outline:none!important
}
.drowner .wc-block-components-text-input label,
.drowner .wc-block-components-select label{color:var(--dr-text-3)!important;font-size:.9rem!important}
.drowner .wc-block-components-text-input.is-active label,
.drowner .wc-block-components-select.is-active label{font-size:.72rem!important;color:var(--dr-text-2)!important}
.drowner .wc-block-components-validation-error{color:var(--dr-sale)!important;font-size:.8rem}
/* ---------- Zaškrtávacie a prepínacie ---------- */
.drowner .wc-block-components-checkbox__label,
.drowner .wc-block-components-radio-control__label,
.drowner .wc-block-components-radio-control__option-layout{color:var(--dr-ink)!important}
.drowner .wc-block-components-checkbox__input{accent-color:var(--dr-blue)}
.drowner .wc-block-components-radio-control__option{
background:#fff!important;border-color:var(--dr-line)!important;color:var(--dr-ink)!important
}
.drowner .wc-block-components-radio-control__option--checked-option-highlighted,
.drowner .wc-block-components-radio-control-accordion-option--checked-option-highlighted{
border-color:var(--dr-blue)!important;background:var(--dr-blue-l)!important
}
.drowner .wc-block-components-radio-control__option-checked-when-hidden{color:var(--dr-ink)!important}
/* ---------- Adresa ---------- */
.drowner .wc-block-components-address-card{
background:var(--dr-bg-2)!important;border:1px solid var(--dr-line)!important;
border-radius:var(--dr-r-sm)!important;padding:16px!important;color:var(--dr-text-2)!important
}
.drowner .wc-block-components-address-card__edit{color:var(--dr-blue)!important;font-weight:600}
/* ---------- Súhrn objednávky ---------- */
.drowner .wc-block-components-sidebar .wc-block-components-panel,
.drowner .wp-block-woocommerce-checkout-order-summary-block{
background:#fff!important;border:1px solid var(--dr-line)!important;
border-radius:var(--dr-r)!important;padding:20px!important
}
.drowner .wc-block-components-order-summary-item{border-color:var(--dr-line)!important}
.drowner .wc-block-components-product-name{color:var(--dr-ink)!important;font-weight:600}
.drowner .wc-block-components-product-metadata,
.drowner .wc-block-components-product-metadata__description,
.drowner .wc-block-components-totals-item__description{color:var(--dr-text-3)!important;font-size:.82rem!important}
.drowner .wc-block-components-totals-item__label{color:var(--dr-text-2)!important}
.drowner .wc-block-components-totals-item__value{color:var(--dr-ink)!important;font-weight:600}
.drowner .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.drowner .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
font-family:var(--dr-font-h)!important;font-size:1.2rem!important;color:var(--dr-ink)!important;font-weight:700!important
}
.drowner .wc-block-components-panel__button{color:var(--dr-blue)!important;font-weight:600}
.drowner .wc-block-components-formatted-money-amount{color:inherit!important}
/* ---------- Tlačidlá ---------- */
.drowner .wc-block-components-checkout-place-order-button,
.drowner .wc-block-cart__submit-button,
.drowner .wc-block-components-button.contained{
background:var(--dr-grad)!important;color:#fff!important;border:0!important;
border-radius:var(--dr-r-pill)!important;font-family:var(--dr-font)!important;
font-weight:600!important;font-size:1rem!important;padding:17px 28px!important;
box-shadow:0 6px 20px rgba(0,102,255,.25)!important;min-height:auto!important
}
.drowner .wc-block-components-checkout-place-order-button:hover{filter:brightness(1.05)}
.drowner .wc-block-components-button.outlined,
.drowner .wc-block-components-button:not(.contained):not(.is-link){
color:var(--dr-blue)!important;background:transparent!important
}
/* ---------- Doprava a platba ---------- */
.drowner .wc-block-components-shipping-rates-control__package{border-color:var(--dr-line)!important}
.drowner .wc-block-components-radio-control-accordion-option{
background:#fff!important;border-color:var(--dr-line)!important
}
.drowner .wc-block-components-payment-method-label{color:var(--dr-ink)!important}
.drowner .wc-block-components-express-payment{border-color:var(--dr-line)!important}
.drowner .wc-block-components-express-payment__title-container::before,
.drowner .wc-block-components-express-payment-continue-rule::before,
.drowner .wc-block-components-express-payment-continue-rule::after{background:var(--dr-line)!important}
.drowner .wc-block-components-express-payment__title,
.drowner .wc-block-components-express-payment-continue-rule{color:var(--dr-text-3)!important}
/* ---------- Odkazy pod tlačidlom ---------- */
.drowner .wc-block-checkout__terms,
.drowner .wc-block-checkout__terms a{color:var(--dr-text-2)!important;font-size:.84rem}
.drowner .wc-block-checkout__terms a{color:var(--dr-blue)!important}
/* ---------- Mobil ---------- */
@media(max-width:780px){
.drowner .wc-block-components-checkout-step{padding:18px 16px}
.drowner .wc-block-components-sidebar .wc-block-components-panel,
.drowner .wp-block-woocommerce-checkout-order-summary-block{padding:16px!important}
.drowner .wc-block-components-sidebar-layout{gap:20px}
}
/* Tlačidlo „Pokračovať do košíka“ na detaile produktu */
.dr-tocart{flex:1 1 100%;justify-content:center;min-height:48px}
/* Cena „Od …“ pri variabilných produktoch */
.dr-from{font-family:var(--dr-font);font-size:.78em;font-weight:500;color:var(--dr-text-3);letter-spacing:.02em}
/* Riadok „Ušetril si“ v súhrne košíka */
.woocommerce .cart_totals tr.dr-saved th,
.woocommerce .cart_totals tr.dr-saved td{
color:var(--dr-ok)!important;font-weight:600;border-bottom:1px solid var(--dr-line)
}
.woocommerce .cart_totals tr.dr-saved th{font-weight:600!important}
/* ==========================================================================
Bloková pokladňa / košík — pevné rozloženie
Starý štýl nastavuje šírky a plávanie, čo stĺpce prekrývalo. Prepíšeme
to jednoznačnou mriežkou.
========================================================================== */
@media(min-width:1000px){
.drowner .wc-block-components-sidebar-layout{
display:grid!important;grid-template-columns:minmax(0,1fr) 380px!important;
align-items:start!important;gap:32px!important;float:none!important
}
.drowner .wc-block-components-sidebar-layout>.wc-block-components-main{
grid-column:1!important;grid-row:1!important;
width:auto!important;max-width:none!important;padding:0!important;float:none!important;margin:0!important
}
.drowner .wc-block-components-sidebar-layout>.wc-block-components-sidebar{
grid-column:2!important;grid-row:1!important;
width:auto!important;max-width:none!important;padding:0!important;float:none!important;margin:0!important;
position:sticky;top:calc(var(--dr-nav-h) + 20px)
}
}
@media(max-width:999px){
.drowner .wc-block-components-sidebar-layout{
display:flex!important;flex-direction:column!important;gap:20px!important
}
.drowner .wc-block-components-sidebar-layout>.wc-block-components-main,
.drowner .wc-block-components-sidebar-layout>.wc-block-components-sidebar{
width:100%!important;max-width:none!important;padding:0!important;float:none!important;margin:0!important
}
.drowner .wc-block-components-sidebar-layout>.wc-block-components-sidebar{order:-1}
}
/* ==========================================================================
UPOZORNENIE PRI NASKLADNENÍ
Plugin Back In Stock Notifier vykresľuje bootstrapový panel — prerobíme
ho do vzhľadu témy.
========================================================================== */
.drowner .cwginstock-subscribe-form{margin:18px 0 0}
.drowner .cwginstock-subscribe-form .panel,
.drowner .cwginstock-subscribe-form .cwginstock-panel-primary{
background:var(--dr-bg-2)!important;border:1px solid var(--dr-line)!important;
border-radius:var(--dr-r)!important;box-shadow:none!important;margin:0!important;overflow:hidden
}
.drowner .cwginstock-subscribe-form .panel-heading{
background:transparent!important;border:0!important;border-bottom:1px solid var(--dr-line)!important;
padding:14px 18px!important;color:var(--dr-ink)!important
}
.drowner .cwginstock-subscribe-form .panel-heading h4,
.drowner .cwginstock-subscribe-form .panel-title{
margin:0!important;font-family:var(--dr-font-h)!important;font-size:.98rem!important;
font-weight:700!important;color:var(--dr-ink)!important;text-align:left!important;
display:flex;align-items:center;gap:9px;line-height:1.3
}
.drowner .cwginstock-subscribe-form .panel-heading h4::before{
content:"";width:20px;height:20px;flex:0 0 auto;background:var(--dr-blue);
-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;
mask:url("data:image/svg+xml;utf8,") center/contain no-repeat
}
.drowner .cwginstock-subscribe-form .panel-body{padding:18px!important;background:transparent!important}
.drowner .cwginstock-subscribe-form .row{display:flex;flex-direction:column;gap:10px;margin:0!important}
.drowner .cwginstock-subscribe-form [class*=col-]{width:100%!important;padding:0!important;float:none!important}
.drowner .cwginstock-subscribe-form input[type=text],
.drowner .cwginstock-subscribe-form input[type=email],
.drowner .cwginstock-subscribe-form input[type=tel],
.drowner .cwginstock-subscribe-form .form-control{
width:100%!important;height:auto!important;background:#fff!important;color:var(--dr-ink)!important;
border:1px solid var(--dr-line-2)!important;border-radius:var(--dr-r-sm)!important;
padding:12px 14px!important;font-size:.92rem!important;box-shadow:none!important;text-align:left!important
}
.drowner .cwginstock-subscribe-form input::placeholder{color:var(--dr-text-3)!important}
.drowner .cwginstock-subscribe-form input:focus{
border-color:var(--dr-blue)!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;outline:none!important
}
/* Súhlas */
.drowner .cwginstock-subscribe-form .cwg_iagree_checkbox{margin:2px 0 0!important}
.drowner .cwginstock-subscribe-form .cwg_iagree_checkbox label{
display:flex!important;align-items:flex-start;gap:9px;font-size:.82rem!important;
color:var(--dr-text-2)!important;font-weight:400!important;line-height:1.5;margin:0!important
}
.drowner .cwginstock-subscribe-form .cwg_iagree_checkbox_input{
appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 auto;margin:2px 0 0!important;
border:1.5px solid var(--dr-line-2);border-radius:5px;background:#fff;cursor:pointer;position:relative
}
.drowner .cwginstock-subscribe-form .cwg_iagree_checkbox_input:checked{background:var(--dr-blue);border-color:var(--dr-blue)}
.drowner .cwginstock-subscribe-form .cwg_iagree_checkbox_input:checked::after{
content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;
border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)
}
/* Tlačidlo */
.drowner .cwginstock-subscribe-form .cwgstock_button,
.drowner .cwginstock-subscribe-form input[type=submit],
.drowner .cwginstock-subscribe-form .btn-primary{
width:100%!important;background:var(--dr-grad)!important;color:#fff!important;
border:0!important;border-radius:var(--dr-r-pill)!important;padding:13px 24px!important;
font-weight:600!important;font-size:.92rem!important;cursor:pointer;margin-top:4px!important;
box-shadow:0 6px 18px rgba(0,102,255,.22)!important;text-shadow:none!important;height:auto!important
}
.drowner .cwginstock-subscribe-form .cwgstock_button:hover{filter:brightness(1.05)}
/* Drobné pod formulárom */
.drowner .cwginstock_google_credit{margin-top:10px!important}
.drowner .cwginstock_google_credit small,
.drowner .cwginstock_google_credit a{font-size:.7rem!important;color:var(--dr-text-3)!important;line-height:1.5}
.drowner .cwginstock_google_credit a{text-decoration:underline}
/* Odpoveď pluginu */
.drowner .cwgstock_output{margin-top:0}
.drowner .cwgstock_output:empty{display:none}
.drowner .cwgstock_output p,
.drowner .cwgstock_output div{margin:0}
.drowner .cwgstock_output .cwg-alert,
.drowner .cwgstock_output [class*=alert]{
border-radius:var(--dr-r-sm)!important;padding:12px 14px!important;font-size:.86rem!important;
border:1px solid var(--dr-line)!important;background:#fff!important;color:var(--dr-text-2)!important;margin-top:10px!important
}
.drowner .cwgstock_output [class*=danger],
.drowner .cwgstock_output [class*=error]{
background:#fdeaea!important;border-color:#f3c2c2!important;color:#a02b2b!important
}
/* Naše poďakovanie po prihlásení */
.dr-bis-thanks{
background:linear-gradient(160deg,#eaf7f0,#f2fbf7);border:1px solid #bfe6cf;
border-radius:var(--dr-r);padding:20px 18px;text-align:center;margin:18px 0 0
}
.dr-bis-thanks__icon{
width:44px;height:44px;border-radius:50%;background:#d6f2e2;color:#0d7a4f;
display:flex;align-items:center;justify-content:center;margin:0 auto 12px
}
.dr-bis-thanks__icon svg{width:24px;height:24px}
.dr-bis-thanks h4{
font-family:var(--dr-font-h);font-size:1.02rem;margin:0 0 6px;color:#0d5c3c
}
.dr-bis-thanks p{margin:0;font-size:.88rem;color:#2c6b52;line-height:1.55}
.dr-bis-thanks small{display:block;margin-top:10px;font-size:.75rem;color:#4d8570}
/* ==========================================================================
Pokladňa — spôsoby platby ako čisté karty
========================================================================== */
.drowner .wc-block-components-checkout-step{padding:18px 18px!important;margin-bottom:12px!important}
/* Vonkajší obal zoznamu — bez rámu, aby nevznikali dvojité linky */
.drowner .wc-block-components-radio-control{
border:0!important;box-shadow:none!important;background:transparent!important;
display:flex;flex-direction:column;gap:8px
}
/* Jedna možnosť platby = jedna zatvorená karta */
.drowner .wc-block-components-radio-control-accordion-option,
.drowner .wc-block-components-radio-control>.wc-block-components-radio-control__option{
background:#fff!important;border:1px solid var(--dr-line)!important;
border-radius:var(--dr-r-sm)!important;box-shadow:none!important;outline:0!important;
overflow:hidden;margin:0!important
}
.drowner .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.drowner .wc-block-components-radio-control__option--checked-option-highlighted{
border-color:var(--dr-blue)!important;box-shadow:0 0 0 3px rgba(0,102,255,.10)!important
}
/* Vnútro možnosti — žiadne ďalšie rámy ani tiene */
.drowner .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{
border:0!important;border-radius:0!important;box-shadow:none!important;
padding:12px 14px 12px 42px!important;margin:0!important
}
.drowner .wc-block-components-radio-control-accordion-content{
padding:0 14px 14px!important;border:0!important;box-shadow:none!important;
background:transparent!important;margin:0!important
}
.drowner .wc-block-components-radio-control-accordion-content>*,
.drowner .wc-block-components-radio-control-accordion-content iframe{
box-shadow:none!important;outline:0!important;border-radius:var(--dr-r-xs)
}
.drowner .wc-block-components-radio-control__option-layout{padding:0!important}
.drowner .wc-block-components-radio-control__input{left:14px!important}
/* Popis pod možnosťou (napr. Platba v hotovosti pri prebratí) */
.drowner .wc-block-components-radio-control__description,
.drowner .wc-block-components-radio-control__option-checked-when-hidden{
color:var(--dr-text-3)!important;font-size:.82rem!important
}
/* Uloženie karty */
.drowner .wc-block-components-checkbox__label{font-size:.85rem!important}
/* Prijímané platby */
.dr-paybadges{
display:flex;flex-wrap:wrap;align-items:center;gap:7px;
margin:14px 0 0;padding-top:14px;border-top:1px solid var(--dr-line)
}
.dr-paybadges b{
font-family:var(--dr-font);font-size:.72rem;font-weight:600;letter-spacing:.06em;
text-transform:uppercase;color:var(--dr-text-3);margin-right:4px
}
.dr-paybadges span{
font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--dr-text-2);
border:1px solid var(--dr-line);border-radius:6px;padding:5px 9px;background:var(--dr-bg-2);white-space:nowrap
}
/* Nadpis stránky pokladne zarovnaný s obsahom */
.woocommerce-checkout .dr-woopage__head{padding:clamp(24px,3vw,40px) 0 clamp(14px,2vw,22px)}
/* Cena na karte: variant sa vykresli presne ako cena jednoduchych produktov.
Woo/plugin markup (span.price, bdi, .amount) nesmie pretlacit typografiu karty. */
.dr-card__price,
.dr-card__price .price,
.dr-card__price .price .amount,
.dr-card__price .amount,
.dr-card__price bdi,
.dr-card__price ins,
.dr-card__price .woocs_price_code,
.dr-card__price .woocommerce-Price-currencySymbol {
font-family: var(--dr-font-h) !important;
font-size: inherit !important;
font-weight: 700 !important;
color: var(--dr-ink) !important;
line-height: inherit !important;
letter-spacing: inherit !important;
text-decoration: none !important;
background: none !important;
}
.dr-card__price {
font-size: 1.05rem !important;
transition: transform .18s ease;
}
@media (max-width: 560px) {
.dr-card__price { font-size: .98rem !important; }
}
.dr-card__price .price {
display: inline;
margin: 0;
padding: 0;
}
.dr-card__price del,
.dr-card__price del .amount,
.dr-card__price del bdi {
font-size: .82rem !important;
font-weight: 500 !important;
color: var(--dr-text-3) !important;
text-decoration: line-through !important;
}
.dr-card__price del {
margin-right: 6px;
}
.dr-card__price .dr-from {
font-weight: 500 !important;
color: var(--dr-text-2) !important;
font-size: .84em !important;
margin-right: 3px;
}
.dr-card__price.is-variant {
transform: translateY(-1px);
}
/* 3.7.0 — cena variantu sa prepne s krátkym prelnutím */
.dr-card__price{will-change:opacity,transform}
.dr-card__price.is-swap{animation:dr-price-swap .34s cubic-bezier(.2,.7,.3,1)}
@keyframes dr-price-swap{
0%{opacity:0;transform:translateY(4px)}
100%{opacity:1;transform:none}
}
@media (prefers-reduced-motion: reduce){
.dr-card__price.is-swap{animation:none}
}
/* =========================================================================
3.8.0 — Kalkulačka: čitateľnosť + vzhľad
Stránka kalkulačky má vlastné inline CSS napísané pre tmavé pozadie a to sa
načíta až po téme. Preto tu prefix .drowner a !important — inak nás prebije.
====================================================================== */
.drowner .pc-wrap{
color:var(--dr-ink,#0a0a1a)!important;
max-width:100%;
}
/* Karta kalkulačky */
.drowner .pc-card{
background:#fff!important;
border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:18px!important;
box-shadow:0 1px 2px rgba(10,10,26,.04),0 20px 44px -32px rgba(10,10,26,.22)!important;
}
/* Hlavička */
.drowner .pc-title{color:var(--dr-ink,#0a0a1a)!important;letter-spacing:-.02em}
.drowner .pc-sub{color:#4a5568!important}
.drowner .pc-head-badge{
background:#e8f0ff!important;color:#0052d4!important;
border:1px solid #cfe0ff!important;font-weight:600!important;
}
/* Nadpis sekcie — mono „eyebrow“ s linkou */
.drowner .pc-section-label{
color:#4a5568!important;
font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase;
font-weight:600!important;
border-bottom-color:var(--dr-line,#e2e8f0)!important;
}
/* Polia a ovládanie */
.drowner .pc-inputs-card{
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:14px!important;
}
.drowner .pc-label{color:#4a5568!important;font-weight:600!important}
.drowner .pc-value{color:#0052d4!important;font-weight:700!important;font-variant-numeric:tabular-nums}
.drowner .pc-num{
background:#fff!important;color:var(--dr-ink,#0a0a1a)!important;
border:1px solid #ccd7ea!important;border-radius:10px!important;
font-variant-numeric:tabular-nums;
}
.drowner .pc-num:focus{border-color:#0052d4!important;box-shadow:0 0 0 3px rgba(0,82,212,.14)!important;outline:none}
.drowner .pc-hint{color:#5a6577!important}
/* Pilulky a prepínače */
.drowner .pc-chip,.drowner .pc-unit-btn{
background:#fff!important;color:#3c4658!important;
border:1px solid #ccd7ea!important;border-radius:999px!important;
font-weight:600!important;transition:background .18s,color .18s,border-color .18s;
}
.drowner .pc-chip:hover,.drowner .pc-unit-btn:hover{border-color:#0052d4!important;color:#0052d4!important}
.drowner .pc-chip.is-active,.drowner .pc-unit-btn.is-active{
background:#0052d4!important;color:#fff!important;border-color:#0052d4!important;
}
/* Striekačka */
.drowner .pc-syringe-box{
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:14px!important;
}
.drowner .pc-syringe-readout,.drowner .pc-syringe-units{
color:var(--dr-ink,#0a0a1a)!important;font-variant-numeric:tabular-nums;
}
.drowner .pc-syringe-units-label,.drowner .pc-syringe-scale{color:#5a6577!important}
/* Upozornenie */
.drowner .pc-warning{
background:#fdf6e3!important;color:#6b4e10!important;
border:1px solid #edd9a3!important;border-radius:12px!important;
}
/* Výsledné čísla */
.drowner .pc-stats{gap:12px!important}
.drowner .pc-stat{
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:14px!important;
}
.drowner .pc-stat-label{
color:#5a6577!important;font-size:11px!important;
letter-spacing:.1em!important;text-transform:uppercase;font-weight:600!important;
}
.drowner .pc-stat-value{
color:var(--dr-ink,#0a0a1a)!important;font-weight:700!important;
font-variant-numeric:tabular-nums;letter-spacing:-.01em;
}
/* ---- POSTUP PRÍPRAVY — hlavná oprava čitateľnosti ---- */
.drowner .pc-steps{gap:10px!important}
.drowner .pc-step{
background:#fff!important;
border:1px solid var(--dr-line,#e2e8f0)!important;
border-left:3px solid #0052d4!important;
border-radius:0 12px 12px 0!important;
transition:box-shadow .2s ease,transform .2s ease;
}
.drowner .pc-step:hover{transform:translateX(2px);box-shadow:0 8px 22px -18px rgba(10,10,26,.5)}
.drowner .pc-step p{color:#333e55!important;line-height:1.62!important}
/* Úvodné slovo kroku bolo takmer biele na bielom — teraz tmavé a výrazné */
.drowner .pc-step p b,.drowner .pc-step p strong{
color:var(--dr-ink,#0a0a1a)!important;font-weight:700!important;
}
/* Zvýraznené čísla boli svetlomodré (nečitateľné na bielom) */
.drowner .pc-step p span{
color:#0052d4!important;font-weight:700!important;
font-variant-numeric:tabular-nums;
}
.drowner .pc-step-num{
background:#0052d4!important;color:#fff!important;
border:none!important;font-weight:700!important;
box-shadow:0 2px 6px -2px rgba(0,82,212,.6);
}
/* Právna poznámka pod kalkulačkou */
.drowner .pc-disclaimer{
color:#5a6577!important;border-top:1px solid var(--dr-line,#e2e8f0)!important;
font-size:13px!important;line-height:1.6!important;
}
.drowner .pc-disclaimer a{color:#0052d4!important}
/* =========================================================================
3.8.0 — swatche v karte nesmú vytŕčať za jej okraj
====================================================================== */
.drowner .dr-card__extra{overflow:hidden;max-width:100%}
.drowner .dr-card__extra table,
.drowner .dr-card__extra .cfvsw-shop-variations,
.drowner .dr-card__extra .cfvsw-swatches-container{
max-width:100%!important;width:100%!important;margin:0!important;
}
.drowner .dr-card__extra .cfvsw-swatches-container{
display:flex!important;flex-wrap:wrap!important;gap:6px!important;
}
.drowner .dr-card__extra .cfvsw-swatches-option{
margin:0!important;max-width:100%;flex:0 0 auto;
}
/* Striekačka je kreslená cez CSS premenné — prepíšeme rovno tie,
aby telo striekačky nebolo na svetlej karte čierne. */
.drowner .pc-wrap{
--pc-glass:#f1f5fb!important;
--pc-metal:#b7c2d4!important;
--pc-line:#93a2ba!important;
}
/* =========================================================================
3.8.1 — Affiliate a Zľavový box
Obe stránky majú vlastné inline CSS pre tmavé pozadie s fialovým/zeleným
akcentom. Zosvetlíme ich a zjednotíme na brandovú modrú.
====================================================================== */
/* ---------- spoločné ---------- */
.drowner .dc-aff,
.drowner .dc-wrap{color:var(--dr-ink,#0a0a1a)!important;max-width:100%}
/* ---------- Affiliate ---------- */
.drowner .dc-aff-hero{
background:linear-gradient(180deg,#f4f8ff,#fff)!important;
border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:18px!important;padding:26px 24px!important;
}
.drowner .dc-aff-h{color:var(--dr-ink,#0a0a1a)!important;letter-spacing:-.02em}
.drowner .dc-aff-lead{color:#333e55!important}
.drowner .dc-aff-box{
background:#fff!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:16px!important;
box-shadow:0 1px 2px rgba(10,10,26,.04),0 18px 40px -30px rgba(10,10,26,.2)!important;
}
.drowner .dc-aff-box-label{
color:#4a5568!important;font-size:11px!important;letter-spacing:.13em!important;
text-transform:uppercase;font-weight:600!important;
}
/* .dc-code je riadok (kod + tlacidlo), nie samotny kod — pozadie a ramik
preto patri az na vnutorny span, inak vznikne siroka prazdna krabica. */
.drowner .dc-code{
background:none!important;border:none!important;padding:0!important;
display:flex!important;align-items:center!important;justify-content:center!important;
gap:10px!important;
}
.drowner .dc-code > span{
background:#f4f8ff!important;color:#0052d4!important;
border:1px dashed #9dc0f5!important;border-radius:10px!important;
padding:10px 16px!important;font-weight:700!important;letter-spacing:.16em!important;
}
.drowner .dc-aff-box-fine,.drowner .dc-aff-box-note{color:#5a6577!important}
.drowner .dc-aff-steps{gap:12px!important}
.drowner .dc-aff-step{
background:#fff!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:14px!important;
}
.drowner .dc-aff-step strong,.drowner .dc-aff-step b{color:var(--dr-ink,#0a0a1a)!important}
.drowner .dc-aff-step p,.drowner .dc-aff-step div{color:#333e55!important}
.drowner .dc-aff-payoff{
background:#f7f9fc!important;color:#333e55!important;
border:1px solid var(--dr-line,#e2e8f0)!important;border-radius:14px!important;
}
.drowner .dc-aff-payoff b,.drowner .dc-aff-payoff strong{color:#0052d4!important}
.drowner .dc-aff-sec{
color:#4a5568!important;font-size:11px!important;letter-spacing:.13em!important;
text-transform:uppercase;font-weight:600!important;
}
.drowner .dc-aff-terms li,.drowner .dc-aff-terms > div{
background:#fff!important;color:#333e55!important;
border:1px solid var(--dr-line,#e2e8f0)!important;
border-left:3px solid #0052d4!important;border-radius:0 12px 12px 0!important;
}
.drowner .dc-aff-terms b,.drowner .dc-aff-terms strong{color:var(--dr-ink,#0a0a1a)!important}
/* ---------- Zľavový box (moja kasa) ---------- */
.drowner .dc-card{
background:#fff!important;color:var(--dr-ink,#0a0a1a)!important;
border:1px solid var(--dr-line,#e2e8f0)!important;border-radius:18px!important;
box-shadow:0 1px 2px rgba(10,10,26,.04),0 18px 40px -30px rgba(10,10,26,.2)!important;
}
.drowner .dc-card h1,.drowner .dc-card h2,.drowner .dc-card h3,
.drowner .dc-card strong,.drowner .dc-card b{color:var(--dr-ink,#0a0a1a)!important}
.drowner .dc-card p,.drowner .dc-card span,.drowner .dc-card li{color:#333e55!important}
.drowner .dc-loading{color:#5a6577!important}
.drowner .dc-redeem-card{
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:16px!important;
}
.drowner .dc-redeem-title{color:var(--dr-ink,#0a0a1a)!important}
.drowner .dc-redeem-text,.drowner .dc-redeem-msg{color:#4a5568!important}
.drowner .dc-redeem-input{
background:#fff!important;color:var(--dr-ink,#0a0a1a)!important;
border:1px solid #ccd7ea!important;border-radius:10px!important;
}
.drowner .dc-redeem-input::placeholder{color:#8b98ad!important}
.drowner .dc-redeem-input:focus{
border-color:#0052d4!important;box-shadow:0 0 0 3px rgba(0,82,212,.14)!important;outline:none;
}
.drowner .dc-consent-link{color:#0052d4!important}
/* ---------- akcenty naposledy, aby prebili plošné pravidlá ---------- */
.drowner .dc-copy,
.drowner .dc-redeem-btn{
background:#0052d4!important;color:#fff!important;border:none!important;
border-radius:10px!important;font-weight:600!important;
transition:background .18s ease,transform .18s ease;
}
.drowner .dc-copy:hover,.drowner .dc-redeem-btn:hover{background:#0044b0!important;transform:translateY(-1px)}
.drowner .dc-aff-num{
background:#0052d4!important;color:#fff!important;border:none!important;
font-weight:700!important;box-shadow:0 2px 6px -2px rgba(0,82,212,.6)!important;
}
/* =========================================================================
3.8.2 — Affiliate prekopaný: bez tieňov, bez zbytočnej medzery,
kód je hlavný prvok stránky.
====================================================================== */
/* Žiadne tiene nikde na týchto stránkach */
.drowner .dc-aff-hero,
.drowner .dc-aff-box,
.drowner .dc-aff-step,
.drowner .dc-aff-payoff,
.drowner .dc-aff-terms li,
.drowner .dc-aff-terms > div,
.drowner .dc-card,
.drowner .dc-redeem-card{box-shadow:none!important}
.drowner .dc-aff{display:flex;flex-direction:column;gap:22px}
/* ---- Úvod: bez rámu, bez pozadia, len text ---- */
.drowner .dc-aff-hero{
background:none!important;border:none!important;
padding:0!important;margin:0!important;text-align:center;
}
.drowner .dc-aff-h{
margin:0 0 8px!important; /* toto bola tá medzera: h2 malo margin-top 56px */
font-size:clamp(21px,2.4vw,27px)!important;line-height:1.22!important;
text-wrap:balance;
}
.drowner .dc-aff-lead{
margin:0 auto!important;max-width:56ch;
font-size:15.5px!important;line-height:1.6!important;
}
/* ---- Kód: hlavný prvok, výrazný ale plochý ---- */
.drowner .dc-aff-box{
background:linear-gradient(180deg,#f2f7ff,#fbfdff)!important;
border:1px solid #d6e4fb!important;border-radius:18px!important;
padding:24px 22px!important;text-align:center;
}
.drowner .dc-aff-box-label{margin-bottom:12px!important;color:#4a5568!important}
.drowner .dc-code{gap:12px!important;flex-wrap:wrap!important}
.drowner .dc-code > span{
background:#fff!important;border:1px dashed #8fb6f2!important;
padding:13px 20px!important;font-size:19px!important;
letter-spacing:.2em!important;border-radius:12px!important;
font-variant-numeric:tabular-nums;
}
.drowner .dc-aff-box-fine{margin-top:12px!important;font-size:13.5px!important}
.drowner .dc-aff-box-note{margin-top:4px!important;font-size:13px!important}
/* ---- Tri kroky ---- */
.drowner .dc-aff-steps{
display:grid!important;grid-template-columns:repeat(3,1fr)!important;
gap:14px!important;
}
@media(max-width:720px){.drowner .dc-aff-steps{grid-template-columns:1fr!important}}
.drowner .dc-aff-step{
background:#fff!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:16px!important;padding:20px 18px!important;
display:flex;flex-direction:column;gap:8px;
}
.drowner .dc-aff-num{
width:28px!important;height:28px!important;border-radius:50%!important;
display:grid!important;place-items:center!important;
font-size:13px!important;box-shadow:none!important;
}
.drowner .dc-aff-step strong{font-size:15.5px!important;letter-spacing:-.01em}
.drowner .dc-aff-step p{margin:0!important;font-size:14.2px!important;line-height:1.55!important}
/* ---- Zhrnutie odmeny ---- */
.drowner .dc-aff-payoff{
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:16px!important;padding:18px 20px!important;
font-size:14.8px!important;line-height:1.6!important;
}
/* ---- Podmienky: hustý čitateľný zoznam, bez ťažkých rámov ---- */
.drowner .dc-aff-sec{margin:6px 0 10px!important}
.drowner .dc-aff-terms{
background:#fff!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:16px!important;overflow:hidden;
display:flex;flex-direction:column;
}
.drowner .dc-aff-terms li,
.drowner .dc-aff-terms > div{
background:none!important;border:none!important;border-radius:0!important;
border-bottom:1px solid var(--dr-line,#e2e8f0)!important;
padding:14px 18px!important;font-size:14.5px!important;line-height:1.55!important;
}
.drowner .dc-aff-terms li:last-child,
.drowner .dc-aff-terms > div:last-child{border-bottom:none!important}
.drowner .dc-aff-terms b,.drowner .dc-aff-terms strong{display:block;margin-bottom:2px}
/* =========================================================================
3.8.2 — Packeta: výber výdajného miesta
Widget natahoval logo na plnú výšku riadku a tlačidlo bolo neprimerane
velké s gradientom. Zjednotíme ho so vzhľadom pokladne.
====================================================================== */
.drowner .packetery-widget-button-wrapper,
.drowner .form-row.packeta-widget{
margin:8px 0 0!important;padding:0!important;background:none!important;
border:none!important;box-shadow:none!important;
}
.drowner .packetery-widget-button-row{
display:flex!important;align-items:center!important;
gap:10px!important;flex-wrap:wrap!important;
}
.drowner img.packetery-widget-button-logo{
width:28px!important;height:28px!important;
min-width:0!important;min-height:0!important;
flex:0 0 auto!important;object-fit:contain!important;
border-radius:6px!important;align-self:center!important;
}
.drowner .packetery-widget-button-row > a.button,
.drowner .packetery-widget-button-row > a.components-button,
.drowner .packetery-widget-button-row > button{
width:auto!important;flex:0 1 auto!important;
min-height:0!important;height:auto!important;
padding:10px 18px!important;
font-size:14px!important;font-weight:600!important;line-height:1.2!important;
background:#0052d4!important;background-image:none!important;
color:#fff!important;border:none!important;border-radius:10px!important;
box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;
transition:background .18s ease;
}
.drowner .packetery-widget-button-row > a.button:hover,
.drowner .packetery-widget-button-row > button:hover{background:#0044b0!important}
/* Vybraná pobočka pod tlačidlom */
.drowner .packeta-widget-info,
.drowner .packetery-widget-selected-address{
font-size:13.5px!important;color:#4a5568!important;margin-top:6px!important;
}
/* =========================================================================
3.9.0 — Potvrdenie objednávky (thank-you)
Woo dava adresam classy col-1/col-2, ktore cudzie styly umiestnovali
do nespravnych poli mriezky — jedna adresa vpravo, druha o riadok nizsie.
====================================================================== */
.drowner .woocommerce-order{max-width:100%}
.drowner .woocommerce-columns--2{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
align-items:start!important;
float:none!important;
}
.drowner .woocommerce-columns--2 > .col-1{grid-area:1 / 1!important}
.drowner .woocommerce-columns--2 > .col-2{grid-area:1 / 2!important}
.drowner .woocommerce-columns--2 > .col-1,
.drowner .woocommerce-columns--2 > .col-2{
float:none!important;width:auto!important;margin:0!important;
}
.drowner .woocommerce-columns--2 h2,
.drowner .woocommerce-column h2{
font-size:17px!important;margin:0 0 10px!important;letter-spacing:-.01em;
}
.drowner .woocommerce-column address{
display:block;font-style:normal;
background:#f7f9fc!important;border:1px solid var(--dr-line,#e2e8f0)!important;
border-radius:14px!important;padding:16px 18px!important;
line-height:1.7!important;color:#333e55!important;
}
/* Prehľad objednávky */
.drowner .woocommerce-order-overview{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
gap:1px!important;list-style:none!important;margin:18px 0 22px!important;
padding:0!important;background:var(--dr-line,#e2e8f0)!important;
border:1px solid var(--dr-line,#e2e8f0)!important;border-radius:14px!important;
overflow:hidden!important;
}
.drowner .woocommerce-order-overview li{
background:#fff!important;margin:0!important;padding:13px 16px!important;
border:none!important;font-size:11px!important;letter-spacing:.09em!important;
text-transform:uppercase!important;color:#5a6577!important;font-weight:600!important;
list-style:none!important;
}
.drowner .woocommerce-order-overview li strong{
display:block;margin-top:4px;font-size:15px!important;
letter-spacing:0!important;text-transform:none!important;
color:var(--dr-ink,#0a0a1a)!important;font-weight:700!important;
}
/* Tabuľka položiek */
.drowner .woocommerce-order-details__title,
.drowner .woocommerce-column--billing-address h2,
.drowner .woocommerce-column--shipping-address h2{color:var(--dr-ink,#0a0a1a)!important}
.drowner .woocommerce-table--order-details{
width:100%!important;border-collapse:separate!important;border-spacing:0!important;
border:1px solid var(--dr-line,#e2e8f0)!important;border-radius:14px!important;
overflow:hidden!important;margin-bottom:26px!important;
}
.drowner .woocommerce-table--order-details th,
.drowner .woocommerce-table--order-details td{
padding:12px 16px!important;border:none!important;
border-bottom:1px solid var(--dr-line,#e2e8f0)!important;
font-size:14.5px!important;
}
.drowner .woocommerce-table--order-details tfoot tr:last-child th,
.drowner .woocommerce-table--order-details tfoot tr:last-child td{border-bottom:none!important}
.drowner .woocommerce-table--order-details thead th{
background:#f7f9fc!important;font-size:11px!important;letter-spacing:.09em!important;
text-transform:uppercase!important;color:#5a6577!important;
}
@media (max-width:720px){
.drowner .woocommerce-columns--2{grid-template-columns:1fr!important}
.drowner .woocommerce-columns--2 > .col-1,
.drowner .woocommerce-columns--2 > .col-2{grid-area:auto!important}
}
/* Cudzie styly urcuju adresam poziciu v mriezke (grid-column), preto
rodica prepneme na flex — v nom su tie pravidla neucinne. */
.drowner .woocommerce-columns--2,
.drowner .woocommerce-customer-details .woocommerce-columns{
display:flex!important;
flex-wrap:wrap!important;
gap:18px!important;
align-items:flex-start!important;
grid-template-columns:none!important;
}
.drowner .woocommerce-columns--2 > .col-1,
.drowner .woocommerce-columns--2 > .col-2,
.drowner .woocommerce-customer-details .woocommerce-columns > *{
flex:1 1 260px!important;
min-width:0!important;
grid-area:auto!important;
grid-column:auto!important;
grid-row:auto!important;
float:none!important;
width:auto!important;
margin:0!important;
}
.drowner .woocommerce-columns--2 > .col-1{order:1!important}
.drowner .woocommerce-columns--2 > .col-2{order:2!important}