/**
 * CLIPS & PAPER — CSS OVERRIDES
 *
 * Overschrijft hardcoded XO-paars uit gedeelde bestanden:
 * resultaten_content.php, xo_checkout.css, dex_chat.css, xo_cart.js
 *
 * Geladen ná alle andere stylesheets zodat dit altijd wint.
 */

/* ================================================================
   GLOBALE VARIABELEN (ook voor gedeelde bestanden)
   ================================================================ */
:root {
    --primary:      rgb(30, 90, 22);
    --primary-mid:  rgb(50, 125, 38);
    --accent:       rgb(92, 172, 70);
    --accent-dark:  rgb(70, 140, 52);
    --grey:         rgb(114, 121, 126);
    --grey-light:   rgb(240, 242, 244);
    --grey-border:  rgb(218, 222, 226);
}

/* ================================================================
   RESULTATEN PAGINA (resultaten_content.php)
   ================================================================ */
.breadcrumbs a                       { color: var(--accent-dark); }
.filter-title                        { border-bottom-color: var(--accent); }
.filter-list a:hover                 { color: var(--accent-dark); }
.btn-filter                          { background: var(--accent); }
.btn-filter:hover                    { background: var(--accent-dark); }
.products-table thead                { background: linear-gradient(135deg, var(--primary), var(--primary-mid)) !important; }
.product-name                        { color: var(--accent-dark); }
.col-price .price-excl               { color: var(--accent-dark); }
.page-link                           { color: var(--accent-dark); border-color: var(--grey-border); }
.page-link:hover, .page-link.active  { background: var(--accent); border-color: var(--accent); color: white !important; text-decoration: none; }
[style*="color:#8B3A9C"]             { color: var(--accent-dark) !important; }
[style*="color: #8B3A9C"]            { color: var(--accent-dark) !important; }

/* ================================================================
   CHECKOUT (xo_checkout.css)
   ================================================================ */
.step-nr                             { background: var(--accent) !important; }
.address-option.selected             { border-color: var(--accent) !important; background: #f2f9f0 !important; }
.address-option input[type="radio"]  { accent-color: var(--accent) !important; }
.checkout-field textarea:focus       { border-color: var(--accent) !important; }
.btn-checkout-quote                  { color: var(--accent-dark) !important; border-color: var(--accent) !important; }
.btn-checkout-quote:hover            { background: var(--accent) !important; color: white !important; }
.failed-option:hover                 { border-color: var(--accent) !important; background: #f2f9f0 !important; }
.btn-pay, .btn-checkout              { background: var(--accent) !important; }
.btn-pay:hover, .btn-checkout:hover  { background: var(--accent-dark) !important; }

/* ================================================================
   CART
   ================================================================ */
.cart-total-price                    { color: var(--accent-dark) !important; }
.btn-checkout-main                   { background: var(--accent) !important; }
.btn-checkout-main:hover             { background: var(--accent-dark) !important; }
.cart-item-price                     { color: var(--accent-dark) !important; }

/* ================================================================
   CHAT (dex_chat.css overschrijven)
   ================================================================ */
.dex-chat-button {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
    box-shadow: 0 4px 20px rgba(92,172,70,0.45) !important;
}
.dex-chat-button:hover               { box-shadow: 0 6px 30px rgba(92,172,70,0.65) !important; }
.dex-chat-header                     { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-mid) 100%) !important; }
.dex-message-user .dex-message-content {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important;
}
.dex-product-card:hover              { border-color: var(--accent) !important; }
.dex-product-price                   { color: var(--accent-dark) !important; }
.dex-chat-input:focus                { border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(92,172,70,0.15) !important; }
.dex-chat-send                       { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%) !important; }
.dex-chat-send:hover                 { box-shadow: 0 4px 15px rgba(92,172,70,0.4) !important; }
.dex-banned-screen a                 { color: var(--accent-dark) !important; }

/* ================================================================
   ACCOUNT
   ================================================================ */
.account-nav-item.active,
.account-nav-item:hover              { color: var(--accent-dark) !important; border-left-color: var(--accent) !important; }

/* ================================================================
   ALGEMENE KNOPPEN
   ================================================================ */
.btn-primary                         { background: var(--accent) !important; border-color: var(--accent) !important; }
.btn-primary:hover                   { background: var(--accent-dark) !important; }
.btn-add-cart                        { background: var(--accent) !important; }
.btn-add-cart:hover                  { background: var(--accent-dark) !important; }