/* DripFit dark navy theme override. Loaded after style.css and woocommerce.css.
   The homepage hero (.dfh) is intentionally NOT darkened here: its model and
   splash are navy, so they would disappear on a dark navy background. */
body{background-color:#131B3B;background-image:url('assets/dripfit-fabric-bg.webp');background-size:cover;background-attachment:fixed;background-position:center;color:#E8ECF3}
h1,h2,h3{color:#fff}
.site-header{background:#0D1B2E;border-bottom:1px solid #2C3763}
.brand{color:#fff}
.main-nav{color:#E8ECF3}
.hicons svg{stroke:#E8ECF3}
.hero{background:transparent}
.hero h1{color:#fff}
.hero p.sub,.sec-head p,.step p,.newsletter p,.feat p,.breadcrumb{color:#CBD5E1}
.btn.solid{background:#5B6578;color:#fff;border-color:#5B6578}
.btn.outline{background:transparent;color:#fff;border-color:#fff}
.news-form button{background:#5B6578;color:#fff}
.step,.newsletter,.cat-card,.value-card,.roadmap>div,.qa{background:#1B2441;border:1px solid #2C3763}
.cat-card span{color:#AEB9D6}
.eyebrow{color:#AEB9D6}
.founder-tile{background:#232F52;color:#fff}
.chips span{background:#232F52;color:#E8ECF3}
.breadcrumb a{color:#fff}
.contact-form label{color:#fff}
.contact-form input,.contact-form select,.contact-form textarea,.news-form input{background:#0D1B2E;border:1px solid #2C3763;color:#fff}
.contact-form input::placeholder,.news-form input::placeholder{color:#94A3B8}
.talk-card,.cta-band{border:1px solid #2C3763}
.df-trust-strip{background:#0D1B2E;border-top:1px solid #2C3763;border-bottom:1px solid #2C3763}
.site-footer{border-top:1px solid #2C3763}
/* Card hover on dark cards: a light line, so the pop-out stays visible */
.cat-card:hover,.value-card:hover,.roadmap>div:hover,.qa:hover{border-color:#E8ECF3!important;box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px #E8ECF3}
/* WooCommerce pages */
.woocommerce ul.products li.product{background:#1B2441;border:1px solid #2C3763}
.woocommerce ul.products li.product:hover{border-color:#E8ECF3!important;box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px #E8ECF3}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#fff}
.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering select{color:#CBD5E1}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#E8ECF3}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#1B2441}
.woocommerce div.product .woocommerce-tabs .panel{background:#1B2441;border:1px solid #2C3763}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th{background:#1B2441;border-color:#2C3763;color:#E8ECF3}
.woocommerce-cart .cart-collaterals .cart_totals table,.woocommerce-checkout #payment{background:#1B2441;border:1px solid #2C3763}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce form .input-text,.woocommerce form.checkout .form-row input,.woocommerce form.checkout .form-row textarea,.woocommerce form.checkout .form-row select,.woocommerce-cart .coupon input.input-text{background:#0D1B2E!important;border:1px solid #2C3763!important;color:#fff!important}
.woocommerce form .form-row input.input-text::placeholder,.woocommerce form .input-text::placeholder{color:#AEB9D6!important}
.woocommerce form .form-row label{color:#E8ECF3}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#5B6578;color:#fff}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{background:#1B2441;border:1px solid #2C3763;color:#E8ECF3}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff}
.woocommerce ul.products li.product .button{background:#5B6578;color:#fff}
.woocommerce ul.products li.product .button:hover{background:#52607F;color:#fff}
.woocommerce table.shop_table th{background:#232F52;color:#fff}
.woocommerce #payment{background:#1B2441}
.woocommerce div.product .summary p,.woocommerce div.product .woocommerce-tabs .panel p{color:#E8ECF3}
.woocommerce div.product .product_title{color:#fff}
/* v2.3 fixes: product-page price/stock/accordions, shop filter panel, Contact QA links */
.shop-filters{background:#1B2441;border:1px solid #2C3763;color:#E8ECF3}
.shop-filters h3{color:#fff}
.shop-filters a{color:#E8ECF3}
.shop-filters a:hover{color:#fff}
body.single-product .single-layout>p{color:#CBD5E1!important}
.single-layout p.price,.summary p.price,body.single-product p.price,.woocommerce div.product p.price{color:#fff!important}
.accordions details{background:#1B2441;border:1px solid #2C3763}
.accordions summary{color:#fff}
.accordions p{color:#E8ECF3}
.qa a{color:#fff}

/* Only page text stays white; every other white surface becomes mist #E8ECF3 */
.woocommerce div.product form.cart .button,.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce a.checkout-button,.woocommerce .wc-proceed-to-checkout a.checkout-button,.woocommerce #place_order{background:#5B6578!important;color:#fff!important;border-color:#5B6578!important}
.dfh-card{background:#5B6578!important}
.hero-panel .panel-note{background:#5B6578}
.logo-tile-df{background:#5B6578;color:#fff}
.df-gallery-dots button{background:#5B6578}
.swatch{border-color:#5B6578}
/* DF mark watermark, top right, whole site, low opacity, never blocks clicks */
body::after{content:"";position:fixed;top:130px;right:20px;width:380px;height:380px;background:url('assets/df-mark-watermark.png') no-repeat top right/contain;opacity:.10;pointer-events:none;z-index:1}
@media(max-width:720px){body::after{width:220px;height:220px;top:110px;right:10px}}
/* v2.5: remaining white surfaces -> mist, shop trust strip dark, watermark already above */
.df-gallery-arrows button{background:rgba(91,101,120,.92);border-color:#5B6578;color:#fff}
.df-gallery-dots{background:rgba(232,236,243,.55)}
.woocommerce div.product form.cart .quantity input,.woocommerce .quantity input.qty,.woocommerce input.qty{background:#5B6578;color:#fff;border:1px solid #5B6578}
.trust-strip{background:#1B2441;border:1px solid #2C3763;color:#E8ECF3}
.fp-card{background:#1B2441;border:1px solid #2C3763}
.fp-card:hover{border-color:#E8ECF3;box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px #E8ECF3}
.fp-card h3{color:#fff}
.fp-card .body span{color:#fff}
/* Cart + Checkout dark: larger order detail, readable */
#order_review{background:#1B2441;border:1px solid #2C3763}
#order_review_heading{color:#fff}
#order_review table.shop_table th,#order_review table.shop_table td{color:#E8ECF3}
#order_review table.shop_table .order-total th,#order_review table.shop_table .order-total td{color:#fff}
.woocommerce-cart .cart-collaterals .cart_totals{background:#1B2441;border:1px solid #2C3763}
.woocommerce-cart .cart-collaterals .cart_totals h2{color:#fff}
.woocommerce-cart .cart-collaterals .cart_totals table th,.woocommerce-cart .cart-collaterals .cart_totals table td{color:#E8ECF3}
.woocommerce-cart .cart-collaterals .cart_totals .order-total th,.woocommerce-cart .cart-collaterals .cart_totals .order-total td{color:#fff}
.woocommerce-cart table.cart .product-name a{color:#fff}
.progress-steps span{color:#AEB9D6}
.progress-steps span.on{color:#fff}
.fp-arrow{background:#5B6578;border-color:#5B6578;color:#fff}
/* Block Cart/Checkout dark + mist inputs */
.wc-block-cart__sidebar,.wc-block-checkout__sidebar{background:#1B2441!important;border:1px solid #2C3763!important;border-radius:20px;padding:28px!important}
.wc-block-cart__sidebar .wc-block-cart__totals-title,.wc-block-checkout__sidebar h2{color:#fff!important}
.wc-block-cart-item__product .wc-block-components-product-name,.wc-block-cart-item__product a,.wc-block-components-order-summary-item__description .wc-block-components-product-name{color:#fff!important}
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value,.wc-block-components-totals-footer-item__label,.wc-block-components-totals-footer-item__value{color:#E8ECF3!important}
.wc-block-components-text-input input,.wc-block-components-combobox input,.wc-block-components-textarea textarea{background:#0D1B2E!important;color:#fff!important;border-color:#2C3763!important}
.wc-block-components-text-input label,.wc-block-components-combobox label{color:#AEB9D6!important}

/* Checkout order summary: no product descriptions, name + price only */
.wc-block-components-order-summary-item__description .wc-block-components-product-details,
.wc-block-components-order-summary-item__description .wc-block-components-product-description,
.wc-block-components-order-summary-item__description p{display:none!important}
/* v3.2: Country/Region + State/County dropdowns were still white — they are select/combobox
   controls, not plain text inputs, so cover their wrappers and select elements too */
.wc-block-components-combobox select,.wc-block-components-combobox__input,.wc-block-components-select select,.wc-block-checkout select,.wc-block-components-form select{background:#0D1B2E!important;color:#fff!important;border-color:#2C3763!important}
.wc-block-components-combobox__control,.wc-block-components-combobox{background:#0D1B2E!important}
.wc-block-components-combobox select option,.wc-block-checkout select option{background:#0D1B2E;color:#fff}

.dfh-card,.dfh-card h3,.dfh-card p,.dfh-card span,.dfh-card small,.dfh-card strong{color:#fff!important}
.hero-panel .panel-note,.hero-panel .panel-note b,.hero-panel .panel-note span{color:#fff!important}

/* Mobile fluid v3.5: nav row divider on dark header, scroll-friendly background, smaller watermark */
@media(max-width:900px){
.main-nav{border-top-color:#2C3763}
body{background-attachment:scroll}
}
@media(max-width:480px){
body::after{width:160px;height:160px;top:110px;right:8px}
}

/* Three steps hover on dark cards: a light line, like the other dark cards */
.step:hover{border-color:#E8ECF3!important;box-shadow:0 16px 30px rgba(0,0,0,.45),0 0 0 1px #E8ECF3}

/* Working filters on dark theme: active size pill + size selector */
.size-pills a.on{background:#5B6578!important;color:#fff!important;border-color:#5B6578!important}
.df-size-pill span{border-color:#2C3763;color:#E8ECF3}
.df-size-pill input:checked+span{background:#5B6578!important;color:#fff!important;border-color:#5B6578!important}

/* Dual-thumb slider track on dark sidebar */
.df-dual-track{background:#2C3763}