/*
Theme Name: Dr. Verde Commerce Child V2
Theme URI: http://www.pascalonline.com
Template: pascal-commerce
Author: Ariel Sperduti
Author URI: https://arielsperduti.com
Description: Theme Dr. Verde Commerce V2
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options
Version: 2.0.0
Updated: 2026-06-26

*/

/* ==========================================================================
   CSS VARIABLES — Single source of truth for the entire rebrand
   ========================================================================== */

:root {
    --dv-bg:         #0d0d0d;
    --dv-surface:    #161616;
    --dv-surface-2:  #1e1e1e;
    --dv-border:     #2a2a2a;
    --dv-text:       #e8e8e8;
    --dv-text-muted: #999999;
    --dv-green:      #00e64d;
    --dv-green-dark: #00b33c;
    --dv-green-glow: rgba(0, 230, 77, 0.15);
    --dv-white:      #ffffff;
    --dv-card-bg:    #ffffff;
    --dv-card-text:  #222222;
    --dv-card-muted: #666666;
    --dv-radius:     6px;
    --dv-font:       'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --dv-font-head:  'Rajdhani', sans-serif;
    --dv-transition: 0.25s ease;
}

/* ==========================================================================
   GLOBAL RESETS — Override parent theme body & base colours
   ========================================================================== */

body {
    font-family: var(--dv-font) !important;
    background: var(--dv-bg) !important;
    color: var(--dv-text) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--dv-font-head) !important;
    color: var(--dv-white) !important;
    font-weight: 600;
}

p, span, li, td, th, label, div {
    color: var(--dv-text);
}

a {
    color: var(--dv-green) !important;
    text-decoration: none !important;
    transition: color var(--dv-transition), opacity var(--dv-transition);
}
a:hover {
    color: var(--dv-white) !important;
    text-decoration: none !important;
}
a:visited {
    color: var(--dv-green) !important;
}

::selection {
    background: var(--dv-green);
    color: var(--dv-bg);
}

/* ==========================================================================
   FORMS — Inputs, selects, textareas
   ========================================================================== */

input[type="text"], input[type="email"], input[type="search"],
input[type="password"], input[type="number"], input[type="tel"],
input[type="url"], select, textarea {
    background: var(--dv-surface-2) !important;
    color: var(--dv-text) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius);
    padding: 8px 12px;
    font-family: var(--dv-font);
    transition: border-color var(--dv-transition);
}
input:focus, select:focus, textarea:focus {
    border-color: var(--dv-green) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px var(--dv-green-glow) !important;
}
::placeholder {
    color: var(--dv-text-muted) !important;
    opacity: 1;
}

/* ==========================================================================
   HEADER — Top bar, masthead, search, icons, cart
   ========================================================================== */

header#masthead {
    background: var(--dv-bg) !important;
    border-bottom: 1px solid var(--dv-border) !important;
    color: var(--dv-text);
}

/* Top contact bar */
.numeros-header {
    background: var(--dv-surface) !important;
    border-bottom: 1px solid var(--dv-border) !important;
    color: var(--dv-text-muted);
}
.numeros-header a {
    color: var(--dv-text-muted) !important;
}
.numeros-header a:hover {
    color: var(--dv-green) !important;
}
.numeros-header li a img {
    margin-left: 5px;
    filter: brightness(0) invert(0.6);
}

/* Primary nav */
#nav-primary li a {
    color: var(--dv-white) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    transition: color var(--dv-transition);
}
#nav-primary li a:hover {
    color: var(--dv-green) !important;
}
#nav-primary-mobile li a {
    color: var(--dv-text) !important;
}

/* Search bar */
#form-search-header {
    background: var(--dv-surface-2) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius) !important;
}
#form-search-header input[type="search"] {
    background: transparent !important;
    border: none !important;
    color: var(--dv-text) !important;
}
#form-search-header button {
    background: transparent !important;
    border: none !important;
}

/* Social icons — force monochrome green */
#site-redes a.facebook-header svg,
#site-redes a.instagram-header svg {
    background: transparent !important;
    border-radius: 0 !important;
}
#site-redes a svg path,
#site-redes a svg circle {
    fill: var(--dv-green) !important;
}
#site-redes a:hover svg path,
#site-redes a:hover svg circle {
    fill: var(--dv-white) !important;
}
/* Remove any inline gradient fills in the SVGs */
#site-redes a svg linearGradient {
    display: none;
}

/* Cart */
.cart-text {
    color: var(--dv-green) !important;
    font-family: var(--dv-font-head) !important;
    font-weight: 600;
}
.site-header-cart .cart-contents,
.site-header-cart .amount,
.site-header-cart.menu > li > a {
    color: var(--dv-green) !important;
}
.cart-contents-count {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
}

/* Contact float */
#contacto-header-float {
    background: var(--dv-surface) !important;
    border-top: 2px solid var(--dv-green) !important;
    border-bottom: 2px solid var(--dv-green) !important;
}

/* Sub-menus */
ul#nav-categorias li .sub-menu {
    background: var(--dv-surface) !important;
    border: 1px solid var(--dv-border) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
ul#nav-categorias li .sub-menu li a {
    color: var(--dv-text) !important;
}
ul#nav-categorias li .sub-menu li a:hover {
    color: var(--dv-green) !important;
    background: var(--dv-surface-2) !important;
}

/* Mini cart widget */
.widget_shopping_cart_content {
    background: var(--dv-surface) !important;
    color: var(--dv-text) !important;
    border: 1px solid var(--dv-border) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important;
}
.widget_shopping_cart_content a {
    color: var(--dv-green) !important;
}
.widget_shopping_cart p.buttons a {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
}
.widget_shopping_cart p.buttons a:hover {
    background: var(--dv-green-dark) !important;
}
.mini_cart_item_content a {
    color: var(--dv-text) !important;
}
.mini_cart_item_content .quantity {
    color: var(--dv-green) !important;
}

/* ==========================================================================
   LOGO (Text-based)
   ========================================================================== */

.site-branding {
    float: left;
    margin-right: 20px;
    width: auto !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}
.site-branding a {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px;
    text-decoration: none !important;
    padding: 4px 0;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
}
.dv-logo-icon {
    font-family: var(--dv-font-head);
    font-size: 32px;
    font-weight: 700;
    color: var(--dv-white) !important;
    background: var(--dv-surface-2);
    border: 1px solid var(--dv-border);
    border-radius: var(--dv-radius);
    padding: 4px 10px;
    line-height: 1;
    display: flex;
}
.dv-logo-icon span { color: var(--dv-green) !important; }
.dv-logo-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.dv-logo-text {
    font-family: var(--dv-font-head);
    font-size: 22px;
    font-weight: 700;
    color: var(--dv-white) !important;
    letter-spacing: 1.5px;
    line-height: 0.9;
}
.dv-logo-text span { color: var(--dv-green) !important; }
.dv-logo-sub {
    font-family: var(--dv-font);
    font-size: 8px;
    color: var(--dv-green) !important;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    margin-top: 2px;
    line-height: 1;
}
/* Override nav-fixed (sticky header) state */
.nav-fixed .site-branding a {
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
}
.nav-fixed .dv-logo-icon { font-size: 24px; padding: 3px 8px; }
.nav-fixed .dv-logo-text { font-size: 18px; }
.nav-fixed .dv-logo-sub { font-size: 7px; }

/* ==========================================================================
   SECONDARY NAVIGATION — Category bar (the green box override)
   ========================================================================== */

#secondary-navigation,
.secondary-navigation,
nav[aria-label="Secondary Navigation"] {
    background: var(--dv-surface) !important;
    border-bottom: none !important;
    border-top: none !important;
}
#secondary-navigation-back,
#secondary-navigation-back2 {
    background: var(--dv-surface) !important;
}

ul#nav-categorias {
    background: transparent !important;
}
ul#nav-categorias > li > a {
    color: var(--dv-text) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    transition: color var(--dv-transition);
}
ul#nav-categorias > li > a:hover {
    color: var(--dv-green) !important;
}

/* ==========================================================================
   HOMEPAGE — Featured categories, product rows, banners
   ========================================================================== */

/* The slider / top sections */
.fila-productos-home {
    background: transparent !important;
}
.fila-productos-home h3.titulo-fila {
    background: var(--dv-surface) !important;
    color: var(--dv-white) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 4px solid var(--dv-green) !important;
    border-bottom: none !important;
    padding: 12px 20px !important;
    margin-bottom: 25px !important;
    display: block !important;
    border-radius: var(--dv-radius) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* Featured categories section */
#categorias-destacadas-home {
    background: var(--dv-surface) !important;
    padding: 40px 0 !important;
}
#contenedor-categorias {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.cat-destacada-home {
    background: var(--dv-surface-2) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius);
    padding: 15px;
    text-align: center;
    transition: border-color var(--dv-transition), transform var(--dv-transition);
}
.cat-destacada-home:hover {
    border-color: var(--dv-green) !important;
    transform: translateY(-3px);
}
.cat-destacada-nombre {
    color: var(--dv-text) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Homepage Gutenberg heading blocks with inline green background override */
h2.has-background.wp-block-heading,
h3.has-background.wp-block-heading,
h2.has-background,
h3.has-background {
    background: var(--dv-surface) !important;
    background-color: var(--dv-surface) !important;
    color: var(--dv-white) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 4px solid var(--dv-green) !important;
    border-bottom: none !important;
    padding: 12px 20px !important;
    margin-bottom: 25px !important;
    display: block !important;
    border-radius: var(--dv-radius) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* ==========================================================================
   PRODUCT CARDS — Both shop grid and homepage
   ========================================================================== */

/* The outer product list item */
li.pascal-product,
li.product,
.wc-block-grid__product {
    background: transparent !important;
    border: none !important;
    padding: 8px !important;
    border-radius: 0 !important;
}
li.pascal-product:hover,
li.product:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* The actual card container */
.pascal-product-container {
    background: var(--dv-card-bg) !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: var(--dv-radius) !important;
    overflow: hidden;
    transition: box-shadow var(--dv-transition), transform var(--dv-transition);
}
.pascal-product-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
    transform: translateY(-3px);
    border-color: var(--dv-green) !important;
}

/* Product thumbnail */
.pascal-product-thumbnail {
    background-color: var(--dv-card-bg) !important;
}

/* Product data area */
.pascal-product-data {
    padding: 12px 15px !important;
    background: var(--dv-card-bg) !important;
}

/* Product title */
h3.pascal-product-title,
.pascal-product-data a,
.pascal-product-data a h3 {
    color: var(--dv-card-text) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 14px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.pascal-product-data a:hover,
.pascal-product-data a:hover h3 {
    color: var(--dv-green-dark) !important;
}

/* Product price — uses .pascal-product-price wrapper */
.pascal-product-price,
.pascal-product-price span,
.pascal-product-price .amount,
.pascal-product-price .woocommerce-Price-amount,
.pascal-product-data .price,
.pascal-product-data .price span,
.pascal-product-data .price .amount {
    color: var(--dv-green-dark) !important;
    font-family: var(--dv-font-head) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Product categories (inside cards on homepage/single) */
.pascal-product-categories a.pascal-product-category {
    color: var(--dv-card-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* All content inside product card must be dark */
.pascal-product-container *:not(.onsale) {
    color: var(--dv-card-text);
}
.pascal-product-container .pascal-product-price *,
.pascal-product-container .price * {
    color: var(--dv-green-dark) !important;
}

/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

/* Dark backgrounds for the single product page content areas */
body.single-product,
.single-product .site-content,
.single-product #content,
.single-product #primary,
.single-product #main,
.single-product .pascal-single-product,
.single-product div.product,
.single-product div.product .container {
    background: var(--dv-bg) !important;
    background-color: var(--dv-bg) !important;
}

/* Product title — sits on dark background, above the summary panel */
.product_title {
    color: var(--dv-white) !important;
    font-family: var(--dv-font-head) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin-bottom: 20px !important;
}

/* Product image area — keep white bg for product photos */
.single-product div.product .images .woocommerce-main-image {
    background-color: #fff !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius) !important;
}
.single-product div.product .images {
    background: transparent !important;
}

/* Product summary / sidebar */
.single-product div.product .summary {
    background: var(--dv-surface) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius) !important;
    padding: 30px !important;
}
/* Text inside summary — but NOT buttons */
.single-product div.product .summary p,
.single-product div.product .summary span,
.single-product div.product .summary label,
.single-product div.product .summary div,
.single-product div.product .summary li,
.single-product div.product .summary td,
.single-product div.product .summary th,
.single-product div.product .summary .stock,
.single-product div.product .summary .quantity {
    color: var(--dv-text) !important;
}
/* Price in summary */
.single-product div.product .summary .price,
.single-product div.product .summary .price span,
.single-product div.product .summary .price .amount,
.single-product div.product .price,
.single-product div.product .price span,
.single-product div.product .price .amount {
    color: var(--dv-green) !important;
    font-family: var(--dv-font-head) !important;
}
.single-product div.product .price del,
.single-product div.product .price del span {
    color: var(--dv-text-muted) !important;
}

/* Quantity input on single product */
.single-product div.product form.cart .quantity .qty {
    background: var(--dv-surface-2) !important;
    color: var(--dv-text) !important;
    border: 1px solid var(--dv-border) !important;
}

/* Add to cart button — must override summary text color */
.single-product div.product form.cart .button,
.single-product div.product form.cart .button span {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
    border: none !important;
    font-family: var(--dv-font-head) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--dv-radius) !important;
    transition: background var(--dv-transition), box-shadow var(--dv-transition);
}
.single-product div.product form.cart .button:hover {
    background: var(--dv-green-dark) !important;
    box-shadow: 0 4px 15px var(--dv-green-glow) !important;
}

/* Credit card / payment promotions on single product */
.single-product .credit-card-promotions {
    background: var(--dv-surface) !important;
    border-color: var(--dv-border) !important;
    border-style: solid;
    border-width: 1px 0;
    padding: 30px !important;
    margin: 30px 0 !important;
    border-radius: var(--dv-radius) !important;
}
.single-product .credit-card-promotions h3 {
    color: var(--dv-text) !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin-bottom: 15px !important;
}
.single-product .credit-card-promotions h3 span {
    color: var(--dv-green) !important;
}
.credit-card-text,
.credit-card-text span,
.credit-card-text a,
.single-product .product-quotes,
.single-product .product-quotes a,
.single-product .product-quotes span {
    color: var(--dv-text) !important;
}
.single-product .product-quotes span.quote-quantity {
    border-color: var(--dv-green) !important;
    color: var(--dv-green) !important;
}
.single-product .pascal-product-description,
.single-product .pascal-product-short-description {
    background: var(--dv-surface) !important;
    color: var(--dv-text) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius) !important;
    padding: 25px !important;
}
.pascal-product-description,
.pascal-product-description p,
.pascal-product-description span,
.pascal-product-description li,
.pascal-product-description td,
.pascal-product-description th,
.pascal-product-short-description p {
    color: var(--dv-text) !important;
}

/* Product info / attributes */
#pascal-product-bottom {
    background: var(--dv-bg) !important;
}
.pascal-product-info h2 {
    color: var(--dv-white) !important;
}
table.shop_attributes th,
table.shop_attributes td {
    color: var(--dv-text) !important;
    border-color: var(--dv-border) !important;
}

/* Related products */
#pascal-related-products {
    background: var(--dv-bg) !important;
    padding: 30px 0 !important;
}
#pascal-related-products h2 {
    background: var(--dv-surface) !important;
    color: var(--dv-white) !important;
    font-family: var(--dv-font-head) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 4px solid var(--dv-green) !important;
    padding: 12px 20px !important;
    margin-bottom: 25px !important;
    display: block !important;
    border-radius: var(--dv-radius) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

/* Product quotes / installments */
.single-product .product-quotes,
.single-product .product-quotes a {
    color: var(--dv-text-muted) !important;
}
.single-product .product-quotes span.quote-quantity {
    border-color: var(--dv-green) !important;
    color: var(--dv-green) !important;
}

/* Product addon (warranty etc.) */
.product-addon label {
    color: var(--dv-green) !important;
}
#product-addons-total strong {
    color: var(--dv-green) !important;
}

/* ==========================================================================
   WOOCOMMERCE BREADCRUMB
   ========================================================================== */

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
    color: var(--dv-text-muted) !important;
    font-size: 13px;
}
.woocommerce-breadcrumb a:hover {
    color: var(--dv-green) !important;
}

/* ==========================================================================
   BUTTONS — Global override (all purple → green)
   ========================================================================== */

.bt-site-yellow, .bt-site-violet,
.button, .add_to_cart_button, .checkout-button,
.woocommerce a.button, .woocommerce button.button,
.place-order button, .woocommerce #respond input#submit {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
    border: none !important;
    border-radius: var(--dv-radius) !important;
    font-family: var(--dv-font-head) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background var(--dv-transition), box-shadow var(--dv-transition);
}
.bt-site-yellow:hover, .bt-site-violet:hover,
.button:hover, .add_to_cart_button:hover, .checkout-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.place-order button:hover, .woocommerce #respond input#submit:hover {
    background: var(--dv-green-dark) !important;
    color: var(--dv-bg) !important;
    box-shadow: 0 4px 15px var(--dv-green-glow) !important;
}

/* ==========================================================================
   PAYMENTS SECTION
   ========================================================================== */

section#payments {
    background: var(--dv-surface) !important;
    border-top: 1px solid var(--dv-border);
    padding: 30px 0;
}
section#payments h2,
section#payments h3 {
    color: var(--dv-white) !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
    background: var(--dv-bg) !important;
    border-top: 1px solid var(--dv-border) !important;
}
#footer-bottom {
    background: var(--dv-bg) !important;
}
.footer-inner {
    background: var(--dv-bg) !important;
}

.site-footer h2, .site-footer h3,
.site-footer h4, .site-footer h5 {
    color: var(--dv-white) !important;
}

/* Fix purple / visited links in footer */
.site-footer a,
.site-footer a:visited,
.nav-footer a,
.nav-footer a:visited,
.bottom-nav a,
.bottom-nav a:visited {
    color: var(--dv-text-muted) !important;
}
.site-footer a:hover,
.nav-footer a:hover,
.bottom-nav a:hover {
    color: var(--dv-green) !important;
}

.client-atention,
.client-atention span {
    color: var(--dv-text-muted) !important;
    font-family: var(--dv-font);
}

.copyright,
.copyright p {
    color: #555 !important;
    font-size: 12px;
}

.footer-worq {
    color: var(--dv-text-muted) !important;
}

/* ==========================================================================
   WOOCOMMERCE THANK YOU / MESSAGES
   ========================================================================== */

.woocommerce-thankyou-order-header {
    background: var(--dv-green-dark) !important;
}
.woocommerce-message {
    background: var(--dv-surface) !important;
    border-top-color: var(--dv-green) !important;
    color: var(--dv-text) !important;
}
.woocommerce-error {
    background: var(--dv-surface) !important;
    color: var(--dv-text) !important;
}

/* ==========================================================================
   MISC — Scrollbar, loader, newsletter
   ========================================================================== */

/* Custom scrollbar for dark theme */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--dv-bg); }
::-webkit-scrollbar-thumb { background: var(--dv-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--dv-green); }

/* Newsletter form */
#form-suscribir-blog button,
#form-suscribir-footer button {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
    font-family: var(--dv-font-head) !important;
    font-weight: 700;
    text-transform: uppercase;
    border: none !important;
}

/* Loader */
.ajaxing span {
    background-color: var(--dv-green) !important;
}

/* WooCommerce pagination */
.woocommerce-pagination a,
.woocommerce-pagination span {
    background: var(--dv-surface) !important;
    color: var(--dv-text) !important;
    border: 1px solid var(--dv-border) !important;
}
.woocommerce-pagination span.current {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
    border-color: var(--dv-green) !important;
}

/* Cart page tables */
.woocommerce table.shop_table {
    background: var(--dv-surface) !important;
    border-color: var(--dv-border) !important;
}
.woocommerce table.shop_table th {
    color: var(--dv-white) !important;
}
.woocommerce table.shop_table td {
    color: var(--dv-text) !important;
    border-color: var(--dv-border) !important;
}

/* Checkout */
.woocommerce-checkout #payment {
    background: var(--dv-surface) !important;
    border-radius: var(--dv-radius);
}
.woocommerce-checkout #payment div.payment_box {
    background: var(--dv-surface-2) !important;
    color: var(--dv-text) !important;
}

/* Sidebar widgets */
.widget {
    background: var(--dv-surface) !important;
    border: 1px solid var(--dv-border) !important;
    border-radius: var(--dv-radius) !important;
    padding: 15px;
}
.widget-title {
    color: var(--dv-white) !important;
}
.widget a {
    color: var(--dv-text-muted) !important;
}
.widget a:hover {
    color: var(--dv-green) !important;
}
.widget li {
    border-color: var(--dv-border) !important;
}

/* ==========================================================================
   SLIDER / HERO
   ========================================================================== */

#slider-worq {
    background: var(--dv-bg) !important;
}

/* ==========================================================================
   ARCHIVE PAGES — Category listing header & sidebar
   ========================================================================== */

#archive-header {
    background-color: var(--dv-surface) !important;
}
#archive-header h1 {
    color: var(--dv-white) !important;
}
.archive #content {
    background: var(--dv-bg) !important;
}
.archive #secondary {
    background: transparent !important;
}

/* Sidebar on archive / mobile */
@media (max-width: 768px) {
    .archive #secondary {
        background: var(--dv-surface) !important;
    }
}

/* ==========================================================================
   GLOBAL PURPLE OVERRIDE — Catches any remaining parent selectors
   ========================================================================== */

/* These target the specific classes in the parent theme that use purple */
.widget_shopping_cart p.buttons a,
.price-off-single .price-off .price-off-number,
#product-addons-total strong,
.product-addon label,
.mini_cart_item_content .quantity,
.office-data h3,
#offices-description h4 span {
    color: var(--dv-green) !important;
}

/* Breadcrumb bar on single product */
.breadcrumbs {
    background: var(--dv-bg) !important;
}
.breadcrumbs a {
    color: var(--dv-text-muted) !important;
}
.breadcrumbs a:hover {
    color: var(--dv-green) !important;
}

/* Sale badge */
.onsale {
    background: var(--dv-green) !important;
    color: var(--dv-bg) !important;
}

/* Credit card / payment slider */
.credit-card-slider-container {
    background: var(--dv-surface) !important;
}

/* Star ratings */
.star-rating span::before {
    color: var(--dv-green) !important;
}

/* WooCommerce tabs on single product */
.woocommerce-tabs {
    background: var(--dv-surface) !important;
}
.woocommerce-tabs ul.tabs li {
    background: var(--dv-surface-2) !important;
    border-color: var(--dv-border) !important;
}
.woocommerce-tabs ul.tabs li.active {
    background: var(--dv-surface) !important;
    border-bottom-color: var(--dv-surface) !important;
}
.woocommerce-tabs ul.tabs li a {
    color: var(--dv-text) !important;
}
.woocommerce-tabs .panel {
    color: var(--dv-text) !important;
}

/* Account pages */
.woocommerce-MyAccount-navigation ul li {
    background: var(--dv-surface) !important;
    border-color: var(--dv-border) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active {
    border-left-color: var(--dv-green) !important;
}
.woocommerce-MyAccount-navigation ul li a {
    color: var(--dv-text) !important;
}
.woocommerce-MyAccount-content {
    color: var(--dv-text) !important;
}

/* Coupon & cart totals */
.cart-collaterals {
    background: var(--dv-surface) !important;
}
.cart_totals {
    background: var(--dv-surface) !important;
}

/* WooCommerce notices */
.woocommerce-info {
    background: var(--dv-surface) !important;
    border-top-color: var(--dv-green) !important;
    color: var(--dv-text) !important;
}
.woocommerce-info a {
    color: var(--dv-green) !important;
}