/*
Theme Name: Purus Sneek Handmatig
Template: hello-elementor
Author: Danny Rajesh Gopie
Version: 1.9 (Full Purus Dark Integration)
*/

/* --- 1. Reset & Basis Kleuren --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

:root {
    --purus-green: #FFFFFF;
    --purus-dark: #050505;
    --purus-card: #0f0f0f;
    --purus-border: #333;
}

* { box-sizing: border-box; }

body, html {
    background-color: var(--purus-dark) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.fw-black { font-weight: 900 !important; }

/* --- 2. Algemene Elementen & Knoppen --- */
.purus-btn, 
.single_add_to_cart_button, 
.wc-block-cart__submit-button, 
.wc-block-components-checkout-button,
.woocommerce-button.button {
    background-color: var(--purus-green) !important;
    color: #000 !important;
    padding: 12px 30px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important; /* ALTIJD 0 */
    letter-spacing: 1px;
    transition: 0.3s ease-in-out !important;
    display: inline-block;
}

.purus-btn:hover, 
.single_add_to_cart_button:hover,
.woocommerce-button.button:hover { 
    background-color: #ffffff !important; 
    transform: scale(1.02);
}

/* --- 3. MyAccount Navigatie (DE FIX) --- */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0; /* Strak tegen elkaar */
    margin-bottom: 30px;
    border: 1px solid var(--purus-border);
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    flex: 1;
    min-width: 140px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 15px 20px;
    background-color: #111;
    color: #fff;
    text-decoration: none;
    border-radius: 0 !important; /* Ronde hoeken verwijderd */
    border-right: 1px solid var(--purus-border);
    transition: all 0.3s ease;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

/* Hover en Actieve status in Purus Groen */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--purus-green) !important;
    color: #000 !important;
    border-color: var(--purus-green) !important;
}

/* --- 4. Wallet Display in Dashboard --- */
.purus-wallet-display {
    background: #111 !important;
    border: 1px solid var(--purus-border) !important;
    border-left: 5px solid var(--purus-green) !important; /* De groene 'target' lijn */
    padding: 25px !important;
    border-radius: 0 !important;
    margin-bottom: 30px;
}

/* --- 5. Product Cards & Grid --- */
.card, .purus-card {
    border-radius: 0 !important;
    border: 1px solid var(--purus-border) !important;
    background: var(--purus-card);
}

.purus-card:hover {
    border-color: var(--purus-green);
    box-shadow: 0 10px 30px rgba(0, 223, 89, 0.1);
}

/* --- 6. Formulier & Checkout Fixes --- */
.u-column1, .u-column2, .wc-block-cart-items__row, .wc-block-components-checkout-step {
    background: #111 !important;
    border: 1px solid var(--purus-border) !important;
    border-radius: 0 !important;
    padding: 25px !important;
}

input[type="text"], input[type="password"], input[type="email"], .quantity input {
    background-color: #1a1a1a !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    border-radius: 0 !important;
    padding: 12px !important;
}

/* --- 7. Cleanup --- */
#secondary, .woocommerce-breadcrumb, .entry-meta, .screen-reader-text, 
.woocommerce-result-count, .woocommerce-ordering { 
    display: none !important; 
}

.woocommerce-MyAccount-content { color: #ccc; }
.woocommerce-MyAccount-content a { color: var(--purus-green); text-decoration: underline; }
.woocommerce-MyAccount-content a:hover { color: #fff; }

/* Custom Header Cart Style */
.purus-cart-link {
    display: flex;
    align-items: center;
    background: #000;
    border: 1px solid #333;
    padding: 8px 15px;
    text-decoration: none !important;
    transition: 0.2s ease-in-out;
}

.purus-cart-link:hover {
    border-color: #00df59;
}

.cart-txt {
    color: #888;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-right: 12px;
}

.cart-qty {
    background: #00df59;
    color: #000;
    font-weight: 900;
    font-size: 13px;
    padding: 2px 8px;
    min-width: 25px;
    text-align: center;
}

/* Fix voor de checkout donkerte: geef velden een harde witte border aan de onderkant */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea,
.wc-block-components-text-input input {
    background: #111 !important;
    border: none !important;
    border-bottom: 2px solid #333 !important;
    color: #fff !important;
    border-radius: 0 !important;
}

.woocommerce-checkout input.input-text:focus {
    border-bottom-color: #00df59 !important;
}

/* --- DE PURUS 'BLOCKS' OVERRIDE --- */

/* 1. De hoofdtabel uit het slop trekken */
.wc-block-cart-items, .wc-block-cart-items__header {
    background-color: transparent !important;
    border: none !important;
    color: #fff !important;
}

.wc-block-cart-items__header th {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 2px;
    padding: 15px 0 !important;
    border-bottom: 2px solid #333 !important;
}

/* 2. De product-rij (Maak er een card van) */
.wc-block-cart-items__row {
    background-color: #0f0f0f !important;
    border: 1px solid #222 !important;
    margin-bottom: 15px !important;
    display: table-row; /* Behoud tabelstructuur maar met card-styling */
}

/* De productnaam moet eruit springen */
.wc-block-components-product-name {
    color: #00df59 !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    font-size: 18px !important;
}

/* 3. De Sidebar (Rechterkolom met Totalen) */
.wc-block-cart__sidebar {
    background-color: #0f0f0f !important;
    border: 1px solid #333 !important;
    padding: 30px !important;
}

.wc-block-cart__totals-title {
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    border-bottom: 2px solid #00df59;
    padding-bottom: 10px;
}

/* 4. Prijzen en Bedragen */
.wc-block-components-totals-item__label { color: #888 !important; }
.wc-block-components-totals-item__value { color: #fff !important; font-weight: 700; }

/* Wederverkoper korting moet opvallen */
.wc-block-components-totals-fees__wederverkoper-korting-20 .wc-block-components-totals-item__value {
    color: #ff4141 !important; /* Rood voor korting of Groen als je wilt */
}

/* Het Totaalbedrag onderaan */
.wc-block-components-totals-footer-item-tax-value {
    color: #00df59 !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

/* 5. DE KNOP: Weg met die blauwe of grijze standaard knop */
.wc-block-cart__submit-button {
    background-color: #00df59 !important;
    color: #000 !important;
    border-radius: 0 !important;
    padding: 25px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px;
    border: none !important;
    width: 100% !important;
    display: block !important;
}

.wc-block-cart__submit-button:hover {
    background-color: #fff !important;
    transform: scale(1.02);
}

/* 6. Quantity Selector Fix (Zodat je de knoppen ziet) */
.wc-block-components-quantity-selector {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
}

.wc-block-components-quantity-selector__button {
    color: #00df59 !important;
    font-weight: 900 !important;
}

.wc-block-components-quantity-selector__input {
    color: #fff !important;
}
/* Pakt de hoofdcontainer van de Blocks checkout aan */
.wc-block-checkout, .wc-block-cart {
    background-color: #050505 !important;
}

/* Verander de sidebar (rechterkant) van grijs naar Purus-donker */
.wc-block-components-sidebar {
    background-color: #0f0f0f !important;
    border: 1px solid #222 !important;
}

/* De invoervelden die nu 'dood' zijn */
.wc-block-components-text-input input {
    background-color: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}
/* --- Dealer Login Knop Modernisering --- */
.btn-dealer-login {
    display: inline-block;
    background-color: #00df59 !important; /* Het felle Purus groen */
    color: #000 !important;                /* Zwarte tekst op groen */
    padding: 10px 25px !important;
    font-weight: 900 !important;           /* Dikke letters voor die krachtige look */
    text-transform: uppercase !important;  /* Altijd hoofdletters */
    text-decoration: none !important;      /* DE STREEP VERWIJDEREN */
    border: none !important;
    border-radius: 0 !important;           /* 100% hoekig, geen ronde troep */
    letter-spacing: 1.5px;                 /* Iets meer ruimte tussen letters voor premium look */
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
    text-align: center;
}

/* Hover effect: Wit met zwarte tekst */
.btn-dealer-login:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;      /* Zorg dat de streep ook bij hover weg blijft */
    transform: translateY(-2px);           /* Subtiele lift omhoog */
    box-shadow: 0 5px 15px rgba(0, 223, 89, 0.3); /* Zachte groene gloed */
}

/* Fix voor mobiel: zorg dat de knop niet te breed wordt */
@media (max-width: 768px) {
    .btn-dealer-login {
        padding: 10px 20px !important;
        font-size: 13px !important;
        width: auto;
    }
}
/* --- Purus Futuristic Grid CSS --- */

.fw-black { font-weight: 900 !important; }

.purus-cart-card {
    background: #080808 !important;
    border-left: 4px solid #00df59 !important; /* De groene 'target' lijn */
    transition: 0.3s ease;
}

.purus-cart-card:hover {
    background: #0c0c0c !important;
    border-color: #ffffff !important;
}

.purus-thumb img {
    filter: grayscale(100%) brightness(0.8);
    transition: 0.5s;
}

.purus-cart-card:hover .purus-thumb img {
    filter: grayscale(0%) brightness(1);
}

/* De Quantity input styling */
.purus-qty-wrapper .quantity input {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    width: 50px !important;
    text-align: center;
}

.purus-sidebar-sticky {
    position: sticky;
    top: 100px;
}

/* Titels futuristisch */
.purus-page-title {
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 5px;
    font-style: italic;
    border-bottom: 2px solid #333;
    padding-bottom: 20px;
}

/* --- Forceer Terminal Look (Verwijdert witte kaders) --- */
.purus-terminal, .purus-terminal table, .purus-terminal td, .purus-terminal th {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
}

/* Fix voor de blauwe linkjes */
.purus-terminal a, .purus-terminal .shipping-calculator-button {
    color: #00df59 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
/* Fix voor de Paarse knop en layout */
.purus-terminal .checkout-button {
    background-color: #00df59 !important; /* Dwingt Purus Groen */
    color: #000 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 1.5rem !important;
    width: 100% !important;
    display: block !important;
    clip-path: polygon(10% 0, 100% 0, 100% 70%, 90% 100%, 0 100%, 0 30%) !important;
    transition: all 0.3s ease;
}

.purus-terminal .checkout-button:hover {
    background-color: #ffffff !important;
    box-shadow: 0 0 20px rgba(0, 223, 89, 0.6);
}

/* Neon effect voor het totaalbedrag */
.purus-neon-text {
    text-shadow: 0 0 10px rgba(0, 223, 89, 0.8);
}

/* Extra opschoning voor de tekst */
.purus-terminal .x-small { font-size: 10px; letter-spacing: 2px; }
.purus-grand-total-box { background: rgba(0, 223, 89, 0.05) !important; }
/* Verberg de standaard 'Totaal' tekst die dubbelop is */
.cart_totals h2 {
    display: none !important;
}

/* Styling voor de totalen regels */
.cart-subtotal th, .order-total th, .cart-subtotal td, .order-total td {
    padding: 10px 0 !important;
    text-align: left !important;
}

.order-total td strong {
    color: #00df59 !important;
    font-size: 24px;
    font-family: 'Courier New', Courier, monospace;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals
{
 width:auto!important;   
}