.filters-container {
	background-color: #000;
	
}

.term-label {
	color: #fff !important;
}
 
h1, h2, h3, h4, h5, h6 {
        background-image: 
    radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
        font-weight: 900
    }
     .home-brucklands1 {
        color: #ffffff;
       font-weight: 600;
    }

.elementor-button,
button,
input[type="submit"],
input[type="button"],
a.button {
    background: 
        radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
        radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
    color: #fff !important;  /* Deep brown for better contrast */
    border: none !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-blend-mode: normal;
    font-weight: 600;
}

/* Proxy Bieden Tooltip Stijlen (COMPLETE VERSIE) */

.tooltip-container {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.exclamation-mark { /* Dit is de stijl voor het vraagteken in een GOUDEN cirkel */
    color: white;           /* Wit vraagteken */
    font-weight: bold;
    cursor: pointer;
    font-size: 1.5em;       /* Groter vraagteken voor betere zichtbaarheid */
    background-color: #FFD73A; /* JOUW GEWENSTE GOUDEN KLEURCODE */
    border-radius: 50%;     /* Maakt de vorm rond */
    width: 28px;            /* Vaste breedte van de cirkel */
    height: 28px;           /* Vaste hoogte van de cirkel */
    display: inline-flex;   /* Gebruik flexbox om het vraagteken perfect te centreren */
    align-items: center;    /* Centreer verticaal */
    justify-content: center; /* Centreer horizontaal */
    line-height: 1;         /* Voorkomt extra witruimte boven/onder het vraagteken */
    vertical-align: middle; /* Zorgt dat de cirkel netjes uitlijnt met de tekst */
    box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Een lichte schaduw voor diepte */
}

.tooltip-text {
    visibility: hidden;
    width: 350px;
    background-color: rgba(0, 0, 0, 0.85); /* Donkere, transparante achtergrond voor de tooltip */
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1000; /* Zorgt dat de tooltip boven andere elementen ligt */
    bottom: 125%; /* Toon de tooltip boven het bolletje */
    left: 50%;
    transform: translateX(-50%); /* Centreer horizontaal */
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    line-height: 1.5;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    white-space: normal; /* Zorgt voor tekstterugloop binnen de tooltip */
}

/* Pijltje onderaan de tooltip */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Responsiviteit voor kleinere schermen (mobiel) */
@media (max-width: 768px) {
    .tooltip-text {
        width: 90vw; /* Neemt 90% van de schermbreedte in */
        left: 5vw; /* Start op 5% van links */
        transform: none; /* Deactiveer horizontale centrering */
        margin-left: 0; /* Reset marge */
        right: 5vw; /* Einde op 5% van rechts */
        bottom: unset; /* Reset bottom-positionering */
        top: 110%; /* Toon het onder het bolletje op mobiel */
    }
    .tooltip-text::after {
        top: -16px; /* Verplaats het pijltje naar boven voor mobiele weergave */
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    }
}  

/* Start van Tooltip Stijlen */
.tooltip-container {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.exclamation-mark {
    color: white;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.5em;
    background-color: #FFD73A; /* Goudkleur bolletje */
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.tooltip-text {
    visibility: hidden;
    width: 350px;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 1000;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    line-height: 1.5;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    white-space: normal;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}

.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 768px) {
    .tooltip-text {
        width: 90vw;
        left: 5vw;
        transform: none;
        margin-left: 0;
        right: 5vw;
        bottom: unset;
        top: 110%;
    }
    .tooltip-text::after {
        top: -16px;
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    }
}
/* Kleur voor de hoofdnavigatie links */
.ct-menu-link {
    color: #FFD73A !important; /* De gewenste goudkleur */
}

/* Kleur voor de hoofdnavigatie links */
.ct-menu-link {
    color: var(--theme-palette-color-3) !important; /* De gewenste goudkleur via CSS-variabele */
}

/* Kleur voor de hoofdnavigatie links */
.ct-menu-link {
    color: var(--theme-palette-color-3) !important; /* De gewenste goudkleur via CSS-variabele */
}

/* Kleur voor de hoofdnavigatie links bij hover en focus */
.ct-menu-link:hover,
.ct-menu-link:focus {
    /* Optie 1: Iets donkerder goud bij hover. */
    color: var(--theme-palette-color-3) !important;
    filter: brightness(85%); /* Maakt de kleur 15% donkerder bij hover/focus */

    /* Optie 2: Als je een *hele andere* kleur wilt bij hover, bijvoorbeeld wit: */
    /* color: #FFFFFF !important; */
}

/* Achtergrondkleur voor sub-menu containers (de dropdown zelf) */
.sub-menu {
    background-color: #1a1a1a !important; /* Een donkere achtergrondkleur voor de dropdown */
    /* Je kunt hier ook een variabele gebruiken als die beschikbaar is, bijv: */
    /* background-color: var(--theme-palette-color-dark-background) !important; */
    border: 1px solid #333 !important; /* Optioneel: een lichte rand voor zichtbaarheid */
}

/* Kleur voor submenu links zelf */
.sub-menu .ct-menu-link {
    color: var(--theme-palette-color-3) !important; /* Gouden tekstkleur voor de items in de dropdown */
    padding: 10px 15px !important; /* Optioneel: Voeg wat padding toe voor betere leesbaarheid */
    display: block !important; /* Zorgt ervoor dat de link de hele breedte van het item pakt */
}

/* Kleur voor submenu links bij hover en focus */
.sub-menu .ct-menu-link:hover,
.sub-menu .ct-menu-link:focus {
    color: var(--theme-palette-color-3) !important;
    background-color: #2a2a2a !important; /* Een iets lichtere donkere achtergrond bij hover */
    filter: brightness(85%); /* Maakt de tekstkleur iets donkerder bij hover */
}
/* Bijgewerkte CSS voor horizontaal scrollen van de biedgeschiedenis tabel op mobiel */

/* Wrapper voor de tabel: maakt horizontaal scrollen mogelijk */
.uwa_bids_history_data {
  overflow-x: auto; /* Belangrijkste regel: voegt horizontale scroll toe indien nodig */
  -webkit-overflow-scrolling: touch; /* Verbeterde scrollervaring op iOS-apparaten */
}

/* De tabel zelf: zorgt ervoor dat deze de volledige breedte behoudt en niet krimpt */
.uwa_bids_history_data table {
  /* width: 100%; is vaak al ingesteld door uw thema, maar kan hier toegevoegd worden indien nodig */
  min-width: max-content; /* Voorkomt dat de tabel krimpt en zorgt voor horizontale scroll */
  /* border-collapse is verwijderd om originele tabelranden te behouden */
}

/* Tabel cellen (headers en data): voorkomt afbreken van tekst */
.uwa_bids_history_data th,
.uwa_bids_history_data td {
  white-space: nowrap; /* Voorkomt dat tekst afbreekt naar een nieuwe regel, cruciaal voor scrollen */
  /* Padding, text-align, vertical-align, en achtergrondkleuren zijn verwijderd om originele opmaak te behouden */
}
/* CSS voor het centreren en volledig zichtbaar maken van de Proxy Bieden tekst */

/* Deze stijlen worden ALLEEN toegepast op schermen met een maximale breedte van 768px (typisch mobiel) */
@media (max-width: 768px) {
  .tooltip-text {
    position: fixed; /* Zorgt dat de popup op een vaste plek op het scherm blijft */
    top: 50%; /* Positioneert de bovenkant op 50% van de hoogte van de viewport */
    left: 50%; /* Positioneert de linkerkant op 50% van de breedte van de viewport */
    transform: translate(-50%, -50%); /* Centreert het element perfect (horizontaal en verticaal) */
    width: 95%; /* Neemt 95% van de breedte van het scherm in op mobiel */
    max-width: 450px; /* Maximale breedte om te voorkomen dat het te breed wordt op grotere mobiele schermen */
    padding: 20px; /* Ruimte binnen de popup op mobiel */
    background-color: #000; /* Achtergrondkleur nu zwart op mobiel */
    color: #fff; /* Tekstkleur nu wit voor leesbaarheid op mobiel */
    border: 1px solid #333; /* Dunne donkere rand op mobiel */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Een schaduw op mobiel */
    z-index: 9999; /* Zorgt ervoor dat de popup boven andere elementen ligt op mobiel */
    overflow-y: auto; /* Voegt een verticale scrollbalk toe als de inhoud te lang is op mobiel */
    max-height: 85vh; /* Maximale hoogte van de popup, 85% van de viewport hoogte op mobiel */
    text-align: center; /* Centreert de tekst binnen de popup op mobiel */
    box-sizing: border-box; /* Zorgt ervoor dat padding en border zijn opgenomen in de breedte/hoogte op mobiel */
    border-radius: 8px; /* Licht afgeronde hoeken op mobiel */
  }
}
/* Zorg ervoor dat de tekst in alle tabelcellen (headers en data) links is uitgelijnd en verticaal gecentreerd */
.uwa_bids_history_data th,
.uwa_bids_history_data td {
  text-align: left;    /* Lijn de tekst links uit binnen elke cel */
  vertical-align: middle; /* Centreer de tekst verticaal in de cel */
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
select,
textarea {
  border: 1px solid #CCCCCC !important;
  border-radius: 4px;
  padding: 8px;
  background-color: #111111; /* Optioneel: donkere achtergrond zoals op jouw screenshot */
  color: #ffffff; /* Optioneel: witte tekst */
}
/* Algemene styling voor invoervelden */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea,
select {
  background-color: #000000 !important;
  border: 1px solid #CCCCCC !important;
  color: #FFFFFF !important;
  padding: 10px;
  border-radius: 4px;
  width: 100%;
}

/* Styling voor radiobuttons en checkboxes (optioneel visueel aanpassen) */
input[type="radio"],
input[type="checkbox"] {
  accent-color: #CCCCCC;
}

/* Submit button evt. apart gestyled laten */
input[type="submit"],
button {
  background-color: #007BFF;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Focus effect voor duidelijkheid */
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #FFFFFF;
}
/* Algemene dashboard layout */
.dokan-dashboard {
    background: #000; /* Zwarte achtergrond */
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    color: #f4f4f4; /* Lichte tekst */
}

/* Sidebar */
.dokan-dashboard .dokan-dashboard-menu {
    background: #000; /* Sidebar ook zwart */
    border-right: 1px solid #222;
}

.dokan-dashboard .dokan-dashboard-menu ul li a {
    color: #ddd; /* Lichte tekst */
    padding: 12px 18px;
    display: block;
    font-weight: 500;
    transition: background 0.3s, color 0.3s;
}

.dokan-dashboard .dokan-dashboard-menu ul li a:hover,
.dokan-dashboard .dokan-dashboard-menu ul li.active a {
    background: #ffd700; /* Goudkleur highlight */
    color: #000; /* Zwarte tekst op goud */
    border-radius: 6px;
}

/* Header / overzicht */
.dokan-dashboard-content .dashboard-header,
.dokan-dashboard-content h1,
.dokan-dashboard-content h2,
.dokan-dashboard-content h3 {
    color: #ffd700; /* Goud voor titels */
    font-weight: 600;
    margin-bottom: 10px;
}

/* Performance boxen */
.dokan-dashboard .dashboard-widget {
    background: #111; /* Donkergrijs/zwart */
    border: 1px solid #222;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.6);
    margin-bottom: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.dokan-dashboard .dashboard-widget:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 12px rgba(0,0,0,0.8);
}

/* Tekst in de widgets */
.dokan-dashboard .dashboard-widget h3,
.dokan-dashboard .dashboard-widget .amount {
    color: #fff; /* Witte tekst */
    font-weight: 700;
}

.dokan-dashboard .dashboard-widget p {
    color: #bbb;
    font-size: 14px;
}

/* Charts */
.dokan-dashboard .chart-container {
    background: #111;
    border: 1px solid #222;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}

/* Buttons */
.dokan-btn,
button,
input[type=submit] {
    background: #ffd700; /* Goud */
    color: #000; /* Zwarte tekst */
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 600;
    border: none;
    transition: background 0.3s ease, color 0.3s ease;
}

.dokan-btn:hover,
button:hover,
input[type=submit]:hover {
    background: #fff;
    color: #000;
}

/* Meldingen (error, waarschuwing) */
.dokan-dashboard .dokan-alert {
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 500;
}

.dokan-dashboard .dokan-alert.alert-danger {
    background: #330000;
    color: #ff6666;
}

.dokan-dashboard .dokan-alert.alert-success {
    background: #003300;
    color: #66ff66;
}

/* Tabellen (bijv. bestellingen) */
.dokan-dashboard table {
    width: 100%;
    border-collapse: collapse;
    background: #111;
    border-radius: 12px;
    overflow: hidden;
}

.dokan-dashboard table thead {
    background: #000; /* Ook zwart om consistent te zijn */
    color: #ffd700;   /* Gouden kopteksten */
}

.dokan-dashboard table th,
.dokan-dashboard table td {
    padding: 12px 15px;
    border-bottom: 1px solid #222;
    font-size: 14px;
    color: #ddd;
}

.dokan-dashboard table tbody tr:hover {
    background: #1a1a1a;
}
/* Hele zijbalk zwart */
.dokan-dash-sidebar {
    background-color: #000000 !important;
}

/* Menu-items wit */
.dokan-dash-sidebar ul.dokan-dashboard-menu li a {
    color: #ffffff !important;
}

/* Iconen wit */
.dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
    color: #ffffff !important;
}

/* Hover-effect voor menu */
.dokan-dash-sidebar ul.dokan-dashboard-menu li a:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
}
/* Sidebar echt zwart maken */
.dokan-dashboard-wrap .dokan-dashboard-menu {
    background: #000 !important; /* Sidebar zwart */
}

.dokan-dashboard-wrap .dokan-dashboard-menu ul li a {
    color: #ddd !important; /* Tekst lichtgrijs */
}

.dokan-dashboard-wrap .dokan-dashboard-menu ul li a:hover,
.dokan-dashboard-wrap .dokan-dashboard-menu ul li.active a {
    background: #ffd700 !important; /* Goudkleur hover */
    color: #000 !important; /* Zwarte tekst op goud */
    border-radius: 6px;
}
/* Zeer specifiek: target het element met id en klassen */
#pum_popup_title_2178.pum-title.popmake-title {
  color: #FFD73A;
}
.notranslate, .notranslate * {
  translate: no !important;
}
.ajax_add_to_cart, .single_add_to_cart_button {
	display:none !important;
}
.msp-login-required .single_add_to_cart_button, #msp-order-now-btn{
	display:block !important;
}
/* Maak de countdown iets breder */
.uwa_auction_product_countdown {
    width: 100% !important;   /* of gebruik bijv. 95% als je wat marge wilt */
    max-width: 400px;          /* pas aan naar gewenste lengte */
}
/* Zorg dat de groene tekst onder de countdown maximaal 1 regel is */
.winner-name span {
    display: inline-block !important;      /* forceer inline-block zodat overflow werkt */
    max-width: 100% !important;            /* past binnen container */
    white-space: nowrap !important;        /* geen nieuwe regel */
    overflow: hidden !important;           /* alles wat niet past verbergen */
    text-overflow: ellipsis !important;    /* toont "..." als het te lang is */
    vertical-align: middle;                 /* netjes uitlijnen met andere content */
}
/* --- Countdown lengte aanpassen --- */
.uwa_auction_product_countdown {
    width: 400px !important;       /* pas dit aan voor gewenste lengte */
    max-width: 100% !important;    /* past binnen container */
    margin: 0 auto 10px auto;      /* centreren met wat ruimte onder */
}

/* --- Winnaars-tekst maximaal 1 regel --- */
.winner-name span {
    display: inline-block !important;      /* inline-block zodat overflow werkt */
    max-width: 100% !important;            /* past binnen container */
    white-space: nowrap !important;        /* geen nieuwe regel */
    overflow: hidden !important;           /* alles wat niet past verbergen */
    text-overflow: ellipsis !important;    /* toont "..." als te lang */
    vertical-align: middle;                 /* netjes uitlijnen */
    font-size: 20px !important;            /* behoud gewenste grootte */
    color: green !important;               /* behoud groene kleur */
    text-align: center;                     /* centreren in container */
}
@media screen and (min-width: 768px) {
    img[alt="Winkelbanner"] {
        position: relative !important; /* of absolute */
        top: -2px !important;
        left: 0px !important;

        /* 🔥 Logo groter maken */
        transform: scale(1); /* pas 1.2 aan voor meer of minder grootte */
    }
}
/* 📱 Mobiel: alles onder 768px */
@media screen and (max-width: 767px) {
    img[alt="Winkelbanner"] {
        position: relative !important;
        top: -2px !important; /* eventueel aanpassen */
        left: 15px !important; /* eventueel aanpassen */

        /* Logo grootte op mobiel */
        transform: scale(1.2); /* pas aan naar wens */
    }
}
/* Tablet: van 768px tot 1366px */
@media screen and (min-width: 768px) and (max-width: 1366px) {
    img[alt="Winkelbanner"] {
        position: relative !important;
        top: -4px !important;
        left: -15px !important;
        transform: scale(0.8);
    }
}
/* Centreer WooCommerce product grids zonder layout te veranderen */
ul.products {
    justify-content: center !important;
}
#msp-order-now-btn {
    white-space: nowrap !important;   /* Houdt tekst op 1 regel */
    min-width: 320px !important;      /* Maakt de knop langer */
}
p.notranslate[data-notranslate-processed="1"] {
    color: red !important;
}
/* Verberg originele tekst */
.uwa_auction_reserve_met strong {
    color: green;        /* maak groen */
    font-weight: bold;
}

/* Verberg de originele tekst */
.uwa_auction_reserve_met strong {
    color: green;        /* groene kleur */
    font-weight: bold;
    font-size: 1em;
    position: relative;
    /* Verberg originele tekst */
    color: transparent;
}

/* Voeg nieuwe tekst toe */
.uwa_auction_reserve_met strong::after {
    content: "Minimale bod is behaald!";  /* nieuwe tekst */
    color: green;                          /* kleur instellen */
    position: absolute;
    left: 0;
    top: 0;
}
.uwa_auction_reserve_not_met strong {
    color: transparent;
    font-weight: bold;
    position: relative;
    display: inline-block; /* voorkomt afbreken */
    white-space: nowrap; /* forceert één regel */
}

.uwa_auction_reserve_not_met strong::after {
    content: "Minimale bod is nog niet behaald!";
    color: red;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap; /* zorgt dat de zin niet wordt afgebroken */
}
.uwa_notice_uwa {
    position: relative;
    top: 20px;              /* aanpassen naar wens */
    left: -324px;             /* aanpassen naar wens */

    white-space: nowrap;   /* ✔️ zorgt dat de hele zin op 1 regel blijft */
    font-size: 16px;       /* ✔️ maak groter (pas aan naar wens: 16px, 18px, 20px) */
    font-weight: 600;      /* optioneel: iets meer nadruk */

    color: #cc0000;
    display: block;
    margin-top: 6px;
}
/* -------- Mobiel (fix voor rare uitlijning) -------- */
@media (max-width: 768px) {
    .uwa_notice_uwa {
        position: static !important;   /* ✔ Helemaal geen top/left op mobiel */
        white-space: normal !important;/* ✔ Tekst mag afbreken */
        font-size: 14px;               /* ✔ Kleinere tekst */
        margin-top: 10px;
        line-height: 1.4;

        text-align: left;              /* ✔ Zorgt dat hij niet naar rechts schiet */
    }
}

@media (max-width: 768px) {
    .uwa_notice_uwa {
        white-space: normal !important;   /* tekst mag breken */
        display: block !important;
        font-size: 15px !important;
        line-height: 1.35 !important;

        max-width: 260px !important;      /* ✔ BREEDTE DIE 2 REGELS GARANDEERT */
        margin-top: 10px !important;
        text-align: left !important;

        position: static !important;      /* geen rare verschuivingen */
    }
}
.kv-outlet-cta .kv-alert {
  display: block;    /* geblokt */
  color: #b00000;    /* rood */
  font-weight: 900;  /* dik */
}
.kv-outlet-cta {
  background: linear-gradient(135deg, #c9a23f, #8f7421);
  color: #000;
  padding: 22px;
  margin: 35px 0;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

.kv-outlet-cta a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.kv-notice-wrap {
  max-width: 900px;
  margin: 40px auto;
  padding: 0 16px;
}

/* Hoofdblok */
.kv-notice-box {
  background: #0f0f0f;
  border-left: 4px solid #c9a43a;
  padding: 22px 24px;
  border-radius: 6px;
  color: #e6e6e6;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Titel */
.kv-notice-title {
  font-weight: 700;
  color: #c9a43a;
  margin-bottom: 12px;
  font-size: 1rem;
}

/* Afsluitregel */
.kv-notice-footer {
  margin-top: 16px;
  opacity: 0.85;
}

/* Branding onderaan */
.kv-brand-line {
  margin-top: 14px;
  text-align: center;
  font-size: 0.9rem;
  color: #ff8c00;
  font-weight: 600;
  opacity: 0.9;
}
.kv-home-notice {
  background: #0c0c0c;
  border-top: 1px solid #1e1e1e;
  border-bottom: 1px solid #1e1e1e;
}

.kv-home-notice-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 0.9rem;
  color: #dcdcdc;
}

.kv-home-notice-inner strong {
  color: #c9a43a;
  white-space: nowrap;
}
/* Impressum layout */
.impressum-card{
  max-width: 920px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
}

.impressum-card h1{
  margin: 0 0 18px;
  font-size: 34px;
  line-height: 1.15;
}

.impressum-card h2{
  margin: 26px 0 10px;
  font-size: 20px;
}

.impressum-dl{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 12px 18px;
  margin: 0;
  padding: 0;
}

.impressum-dl dt{
  font-weight: 600;
  opacity: .9;
}

.impressum-dl dd{
  margin: 0;
  opacity: .95;
}

.impressum-card a{
  text-decoration: underline;
}

@media (max-width: 680px){
  .impressum-card{ padding: 18px; }
  .impressum-dl{ grid-template-columns: 1fr; }
  .impressum-dl dt{ margin-top: 10px; }
}
/* Legal pages (Impressum / Datenschutz / AGB) */
.legal-card{
  max-width: 920px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.03);
}

.legal-card h1{
  margin: 0 0 18px;
  font-size: 34px;
  line-height: 1.15;
}

.legal-block{
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,.10);
}

.legal-block:first-of-type{
  border-top: none;
  padding-top: 0;
}

.legal-card h2{
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
}

.legal-card p{
  margin: 0 0 10px;
  opacity: .95;
}

.legal-card ul{
  margin: 0 0 10px 18px;
}

.legal-card li{
  margin: 6px 0;
}

.legal-card a{
  text-decoration: underline;
}

.legal-meta{
  opacity: .75;
  font-size: 14px;
  margin-top: 6px;
}

@media (max-width: 680px){
  .legal-card{ padding: 18px; }
  .legal-card h1{ font-size: 28px; }
}
/* WPForms - labels en tekst leesbaar op dark theme */
.contact-card .wpforms-container .wpforms-field-label,
.contact-card .wpforms-container .wpforms-field-sublabel,
.contact-card .wpforms-container .wpforms-field-description,
.contact-card .wpforms-container .wpforms-required-label{
  color: rgba(255,255,255,.92) !important;
}

/* Placeholder tekst (in de invoervelden) */
.contact-card .wpforms-container input::placeholder,
.contact-card .wpforms-container textarea::placeholder{
  color: rgba(255,255,255,.45) !important;
}

/* Invoervelden zelf */
.contact-card .wpforms-container input[type="text"],
.contact-card .wpforms-container input[type="email"],
.contact-card .wpforms-container textarea,
.contact-card .wpforms-container select{
  background: rgba(0,0,0,.35) !important;
  color: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 10px !important;
}

/* Focus (als je klikt in een veld) */
.contact-card .wpforms-container input:focus,
.contact-card .wpforms-container textarea:focus,
.contact-card .wpforms-container select:focus{
  outline: none !important;
  border-color: rgba(255,255,255,.35) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.08) !important;
}

/* Button stijl (optioneel netter) */
.contact-card .wpforms-container button[type="submit"]{
  border-radius: 10px !important;
  padding: 10px 16px !important;
}
/* Maak de intro-tekst onder "Contact" wit */
.contact-card p{
  color: #fff !important;
}
.knal-blog-wrap{max-width:1200px;margin:0 auto}
.knal-blog-grid{display:grid;gap:18px}
.knal-blog-grid.columns-2{grid-template-columns:repeat(1,minmax(0,1fr))}
.knal-blog-grid.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}
.knal-blog-grid.columns-4{grid-template-columns:repeat(1,minmax(0,1fr))}
@media (min-width:640px){
  .knal-blog-grid.columns-2,.knal-blog-grid.columns-3,.knal-blog-grid.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1024px){
  .knal-blog-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .knal-blog-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .knal-blog-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

.knal-card{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  display:flex;flex-direction:column;min-height:100%;
  transition:transform .18s ease, border-color .18s ease;
}
.knal-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}

.knal-thumb{position:relative;aspect-ratio:16/9;background:#0c0f14;display:block}
.knal-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.knal-badge{
  position:absolute;left:12px;top:12px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;
  backdrop-filter: blur(8px);
}

.knal-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.knal-meta{display:flex;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.65);font-size:12px}
.knal-title{margin:0;font-size:18px;line-height:1.25}
.knal-title a{color:#f6d56a;text-decoration:none}
.knal-excerpt{color:rgba(255,255,255,.75);margin:0;font-size:14px;line-height:1.5}
.knal-readmore{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600}
.knal-readmore span{opacity:.85}

.knal-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0 0}
.knal-pagination a{
  padding:8px 12px;border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;color:#fff;opacity:.85
}
.knal-pagination a.is-current{opacity:1;border-color:rgba(255,255,255,.28)}
/* =========================================================
GLOBAL BLOG STYLE – consistent voor ALLE berichten
Plak in: Weergave > Customizer > Extra CSS
Doel: dezelfde typografie/spacing/links/lijsten/beelden
========================================================= */

/* 1) Beperk en centreer de content van blog posts */
body.single-post .site-content,
body.single-post .content-area,
body.single-post .entry-content{
max-width: 920px;
margin-left: auto;
margin-right: auto;
}

/* 2) Algemene tekst (rustig, leesbaar) */
body.single-post .entry-content{
font-size: 16px;
line-height: 1.85;
color: rgba(255,255,255,.80);
}

/* 3) Titels */
body.single-post .entry-title{
color: #f6d56a;
letter-spacing: -0.02em;
line-height: 1.12;
margin-bottom: 14px;
font-size: clamp(30px, 3vw, 46px);
}

body.single-post .entry-content h2{
margin: 34px 0 12px;
font-size: 24px;
line-height: 1.25;
color: rgba(255,255,255,.94);
letter-spacing: -0.01em;
}

body.single-post .entry-content h3{
margin: 22px 0 10px;
font-size: 19px;
line-height: 1.3;
color: rgba(255,255,255,.92);
}

body.single-post .entry-content h4{
margin: 18px 0 8px;
font-size: 16px;
line-height: 1.35;
color: rgba(255,255,255,.90);
}

/* subtiele divider onder h2 */
body.single-post .entry-content h2::after{
content:"";
display:block;
margin-top: 12px;
width: 84px;
height: 2px;
border-radius: 999px;
background: rgba(246,213,106,.55);
}

/* 4) Paragrafen en tussenruimte */
body.single-post .entry-content p{
margin: 0 0 16px;
}

body.single-post .entry-content p + p{
margin-top: 10px;
}

/* 5) Links (clean, niet schreeuwerig) */
body.single-post .entry-content a{
color: #f6d56a;
text-decoration: none;
border-bottom: 1px solid rgba(246,213,106,.35);
padding-bottom: 1px;
transition: border-color .18s ease, opacity .18s ease;
}
body.single-post .entry-content a:hover{
border-bottom-color: rgba(246,213,106,.85);
opacity: .95;
}

/* 6) Lijsten (mooie spacing, betere bullets) */
body.single-post .entry-content ul,
body.single-post .entry-content ol{
margin: 12px 0 18px 0;
padding-left: 20px;
}

body.single-post .entry-content li{
margin: 8px 0;
color: rgba(255,255,255,.80);
}

body.single-post .entry-content ul li::marker{
color: rgba(246,213,106,.8);
}

body.single-post .entry-content ol li::marker{
color: rgba(246,213,106,.8);
font-weight: 700;
}

/* 7) Quotes */
body.single-post blockquote{
margin: 22px 0;
padding: 18px 18px 18px 18px;
border-left: 3px solid rgba(246,213,106,.75);
background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
border-radius: 16px;
color: rgba(255,255,255,.86);
}
body.single-post blockquote p:last-child

/* 8) Afbeeldingen (altijd strak, ronde hoeken) */
body.single-post .entry-content img{
border-radius: 18px;
border: 1px solid rgba(255,255,255,.10);
box-shadow: 0 14px 40px rgba(0,0,0,.35);
height: auto;
}

body.single-post .wp-caption{
margin: 18px 0 22px;
max-width: 100%;
}
body.single-post .wp-caption-text{
margin-top: 10px;
font-size: 13px;
color: rgba(255,255,255,.62);
}

/* 9) Tabellen (als je ze ooit gebruikt) */
body.single-post .entry-content table{
width: 100%;
border-collapse: collapse;
margin: 18px 0 22px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 16px;
overflow: hidden;
}
body.single-post .entry-content th,
body.single-post .entry-content td{
padding: 12px 12px;
border-bottom: 1px solid rgba(255,255,255,.08);
color: rgba(255,255,255,.80);
}
body.single-post .entry-content th{
color: rgba(255,255,255,.92);
background: rgba(255,255,255,.04);
}

/* 10) Ruimte boven/onder content */
body.single-post .entry-content > *:first-child
body.single-post .entry-content > *:last-child

/* 11) Mobiel: net wat compacter */
@media (max-width: 600px){
body.single-post .entry-content{
font-size: 15px;
line-height: 1.8;
padding-left: 14px;
padding-right: 14px;
}
body.single-post .entry-title{
font-size: 30px;
}
}
.knal-badge {
  display: none !important;
}
/* FIX: vuurrode eerste alinea in FW B2B cards altijd wit houden */
body .entry-content .fw-blog .card:first-of-type p,
body .entry-content .fw-blog .card:first-of-type p *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* extra: p:first-of-type hacks van theme overschrijven */
body .entry-content .fw-blog p:first-of-type,
body .entry-content .fw-blog p:first-of-type *{
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
/* =========================
   Extra sections: Steps + WhatsApp
   ========================= */

.fw-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:22px;
}

.fw-step{
  background:rgba(15,23,49,.78);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  padding:20px;
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}

.fw-step:before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(420px 220px at 20% 10%, rgba(255,213,79,.12), transparent 60%),
    radial-gradient(420px 220px at 85% 15%, rgba(94,234,212,.10), transparent 60%);
  opacity:.50;
  pointer-events:none;
}

.fw-step > *{ position:relative; z-index:1; }

.fw-step .n{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,213,79,.10);
  border:1px solid rgba(255,213,79,.20);
  color:#ffd54f;
  font-weight:900;
  margin-bottom:10px;
}

.fw-step h3{
  color:#ffd54f;
  margin:0 0 8px;
  font-size:18px;
}

.fw-step p{
  margin:0;
  color:rgba(233,236,245,.80);
  line-height:1.65;
  font-size:14px;
}

.fw-wa{
  margin-top:26px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 70px rgba(0,0,0,.55);
  background:
    radial-gradient(900px 420px at 10% 0%, rgba(94,234,212,.12), transparent 55%),
    radial-gradient(900px 420px at 90% 10%, rgba(255,213,79,.12), transparent 55%),
    rgba(15,23,49,.70);
}

.fw-wa-inner{
  padding:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.fw-wa h2{
  color:#ffd54f;
  margin:0 0 8px;
}

.fw-wa p{
  margin:0;
  color:rgba(233,236,245,.80);
  line-height:1.7;
  max-width:720px;
}

.fw-wa-chips{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.fw-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(233,236,245,.75);
  font-size:13px;
}

.fw-wa-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.fw-wa-actions a{
  text-decoration:none;
}

/* Mobile */
@media(max-width:980px){
  .fw-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px){
  .fw-steps{ grid-template-columns:1fr; }
  .fw-wa-actions a{ width:100%; text-align:center; }
}
/* =========================
   HOME UPGRADE PACK
   Plak onder je bestaande CSS
   ========================= */

/* 1) HERO: betere leesbaarheid + premium glass behind text */
.fw-hero::after{
  background:
    radial-gradient(900px 420px at 20% 15%, rgba(255,213,79,.10), transparent 60%),
    radial-gradient(900px 420px at 80% 10%, rgba(94,234,212,.10), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.86)) !important;
}

.hero-box{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 18px 18px 16px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 18px 45px rgba(0,0,0,.40);
}

.hero-badge{
  color: rgba(233,236,245,.82) !important;
}

/* 2) Buttons: mooier en gelijk */
.hero-buttons a{
  min-height: 46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.hero-buttons a.secondary{
  background: rgba(0,0,0,.20) !important;
  border: 1px solid rgba(255,213,79,.55) !important;
}

.hero-buttons a:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(255,213,79,.20);
}

/* 3) Cards: meer premium diepte */
.card{
  position:relative;
  overflow:hidden;
}

.card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(420px 220px at 20% 10%, rgba(255,213,79,.12), transparent 60%),
    radial-gradient(420px 220px at 85% 15%, rgba(94,234,212,.10), transparent 60%);
  opacity:.55;
  pointer-events:none;
}

.card > *{ position:relative; z-index:1; }

.card:hover{
  transform: translateY(-8px) !important;
  box-shadow: 0 30px 70px rgba(0,0,0,.62);
  border-color: rgba(255,255,255,.14);
}

/* Links in cards netter */
.card a{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.card a:hover{
  text-decoration:none;
  opacity:.92;
}

/* 4) Sectie headings: nettere underline */
.section h2{
  position:relative;
  display:inline-block;
  padding-bottom:10px;
}
.section h2::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:86px;
  height:2px;
  border-radius:2px;
  background: rgba(255,213,79,.65);
}

/* 5) CTA: subtiele glow */
.cta{
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 26px 70px rgba(0,0,0,.55);
}
.cta a:hover{
  transform: translateY(-2px);
}

/* 6) Mobile: hero tekstblok niet te groot */
@media(max-width:768px){
  .hero-box{
    padding:14px;
  }
}
/* ===== HERO BOOST (werkt met jouw classes) ===== */

/* 1) Video iets meer contrast (zodat tekst beter leest) */
.fw-hero-video{
  filter: contrast(1.08) saturate(1.05) brightness(0.92);
}

/* 2) Overlay sterker + mooiere gradients */
.fw-hero::after{
  background:
    radial-gradient(900px 520px at 18% 20%, rgba(255,213,79,.12), transparent 60%),
    radial-gradient(900px 520px at 82% 12%, rgba(94,234,212,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.88)) !important;
}

/* 3) Tekstblok nog beter leesbaar (glass) */
.hero-box{
  background: rgba(0,0,0,.30) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 4) Buttons: sterke hover + glow */
.hero-buttons a{
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.hero-buttons a:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(255,213,79,.26);
  filter: brightness(1.03);
}

.hero-buttons a.secondary:hover{
  box-shadow: 0 14px 34px rgba(94,234,212,.18);
}

/* 5) Subtiele animatie op de badge */
.hero-badge{
  animation: fwPulse 3.2s ease-in-out infinite;
}

@keyframes fwPulse{
  0%,100%{ transform: translateY(0); opacity: .92; }
  50%{ transform: translateY(-1px); opacity: 1; }
}

/* 6) Mobile: hero iets compacter */
@media(max-width:768px){
  .fw-hero{ min-height: 380px !important; }
}
.feature-card{
  transition:.3s ease;
}

.feature-card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(0,0,0,.55);
}
/* 🔥 FIX: rode tekst onder "Maak een account" & "Betaal veilig" */

/* Alle tekst in how-it-works blok */
.fw-home .how *,
.fw-home .step *,
.fw-home .step p{
  color:#e9ecf5 !important;
}

/* Extra hardnekkige overrides (themes gebruiken soms inline styles) */
.fw-home .step p span,
.fw-home .step p strong,
.fw-home .step p em{
  color:#e9ecf5 !important;
}
/* 🎯 Alleen deze 3 knoppen: tekst zwart */

/* Bekijk veilingen */
.fw-home a[href*="/veiling"]{
  color:#111 !important;
}

/* Bekijk alle reviews (Trustpilot) */
.fw-home a[href*="trustpilot"]{
  color:#111 !important;
}

/* Account aanmaken */
.fw-home a[href*="mijn-account"]{
  color:#111 !important;
}
/* FIX: Bekijk alle reviews knop (Trustpilot) */

.fw-home .tp a.fw-btn,
.fw-home .tp a.fw-btn:visited,
.fw-home .tp a.fw-btn:hover{
  color:#111 !important;
}
/* ⬇ Account aanmaken knop iets lager zetten */

.fw-home a[href*="mijn-account"]{
  margin-top:30px !important;
  display:inline-block;
}
/* ========== FIX 1: Logo beter zichtbaar ========== */
.kv-brand .custom-logo-link{
  background: rgba(255,255,255,.14) !important;  /* lichter */
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(242,201,76,.10) inset !important;
}

.kv-brand .custom-logo-link img{
  max-height: 62px !important;  /* iets groter */
  filter: brightness(1.25) contrast(1.1) drop-shadow(0 10px 22px rgba(0,0,0,.7)) !important;
}

/* optioneel: logo vak iets groter */
.kv-brand{ min-width: 260px !important; }


/* ========== FIX 2: Menu overlap met icons (Impressum) ========== */
/* Maak ruimte: actions iets smaller, menu kan wrappen */
.kv-actions{
  min-width: 320px !important; /* was groter; geeft menu meer ruimte */
}

/* Laat menu-items wrappen i.p.v. door iconen heen */
.kv-menu ul{
  flex-wrap: wrap !important;
  justify-content: center !important;
  row-gap: 6px !important;
}

/* Verberg alleen menu-item "Mijn account" naast Fanzone */
.kv-menu a[href*="mijn-account"],
.kv-menu a[href*="my-account"]{
  display:none !important;
}

/* Voorkom dat menu ooit over de actions heen loopt */
.kv-menu{
  overflow: hidden !important;
  padding-right: 10px !important;
}

/* Op medium schermen: eerder naar hamburger zodat het nooit propt */
@media (max-width: 1250px){
  .kv-menu{ display:none !important; }
  .kv-burger{ display:inline-flex !important; }
}
/* 1) Verberg de gele knop "Bekijk veilingen" rechts */
.kv-actions .kv-btn--gold{
  display: none !important;
}

/* 2) Verberg menu-item "Winkelwagen" (alleen icoon rechts blijft) */
.kv-menu a[href*="winkelwagen"],
.kv-menu a[href*="cart"]{
  display:none !important;
}

/* 3) Grijze/glas balk iets lager aan de onderzijde (meer padding onderin) */
.kv-nav{
  padding-bottom: 18px !important;  /* was 10px, nu iets lager */
}

/* Optioneel: navbar iets hoger zodat het niet “gepropt” voelt */
:root{
  --kv-h: 98px !important;
}
/* Verberg alleen menu-item "Mijn account" naast Fanzone */
.kv-menu a[href*="mijn-account"],
.kv-menu a[href*="my-account"]{
  display:none !important;
}
/* =========================================
   FIX: "Bekijk veilingen" & "Account aanmaken"
   altijd goud (ook na hover / reload)
   ========================================= */

.kv-btn--gold,
.kv-btn--gold:hover,
.kv-btn--gold:focus,
.kv-btn--gold:active,
.kv-btn--gold:visited{
  background: linear-gradient(180deg, #f2c94c, #d7a81f) !important;
  color: #161616 !important;
  border: 0 !important;
  box-shadow: 0 14px 35px rgba(242,201,76,.35) !important;
}

/* Account aanmaken knop */
.kv-btn[href*="account"],
.kv-btn[href*="account"]:hover,
.kv-btn[href*="account"]:focus,
.kv-btn[href*="account"]:active,
.kv-btn[href*="account"]:visited{
  color: #f2c94c !important;
  background: transparent !important;
}
.kv-actions a{
  color:#f2c94c !important;
}
/* Alleen deze twee knoppen: tekst altijd zwart */
a.fw-btn[href="https://knalveilingen.de/veiling/"],
a.fw-btn[href="https://knalveilingen.de/veiling/"]:visited,
a.fw-btn[href="https://knalveilingen.de/veiling/"]:hover,
a.fw-btn[href="https://knalveilingen.de/veiling/"]:focus,
a.fw-btn[href="https://knalveilingen.de/veiling/"]:active,
a.fw-btn[href="/mijn-account"],
a.fw-btn[href="/mijn-account"]:visited,
a.fw-btn[href="/mijn-account"]:hover,
a.fw-btn[href="/mijn-account"]:focus,
a.fw-btn[href="/mijn-account"]:active{
  color: #000 !important;
  -webkit-text-fill-color: #000 !important; /* browser edge-case */
}

/* Als de tekst binnen een span staat */
a.fw-btn[href="https://knalveilingen.de/veiling/"] *,
a.fw-btn[href="/mijn-account"] *{
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
/* ==================================================
   MOBILE FIX: navbar acties zichtbaar + burger/menu werkt
   ================================================== */

/* iOS safe-area (notch) + iets lagere header op mobiel */
@media (max-width: 680px){
  :root{
    --kv-h: 78px !important;   /* lager dan 92 */
  }
  body{
    padding-top: calc(var(--kv-h) + env(safe-area-inset-top)) !important;
  }

  .kv-nav-wrap{
    padding-top: env(safe-area-inset-top) !important;
    height: calc(var(--kv-h) + env(safe-area-inset-top)) !important;
  }

  .kv-nav{
    width: calc(100% - 16px) !important;
    height: calc(var(--kv-h) - 16px) !important;
    padding: 8px 10px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  /* BELANGRIJK: laat actions niet buiten beeld duwen */
  .kv-actions{
    min-width: 0 !important;        /* was 360px */
    width: auto !important;
    margin-left: auto !important;
    gap: 8px !important;
  }

  .kv-brand{
    min-width: 0 !important;
    max-width: 55% !important;      /* logo mag niet alles opslokken */
  }

  /* maak logo iets compacter zodat er ruimte is */
  .kv-brand .custom-logo-link{
    padding: 6px 8px !important;
    border-radius: 12px !important;
  }
  .kv-brand .custom-logo-link img{
    max-height: 42px !important;
  }

  /* icons kleiner zodat ze passen */
  .kv-iconbtn{
    width: 40px !important;
    height: 40px !important;
  }

  /* burger altijd zichtbaar op mobiel */
  .kv-burger{
    display: inline-flex !important;
  }
}

/* Extra zekerheid: kv-actions nooit verbergen door rare theme rules */
.kv-actions,
.kv-actions a{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* ==================================================
   MOBILE HERO FIX (video + tekst)
   ================================================== */

@media (max-width: 768px){

/* Hero container compacter */
.hero,
.home-hero,
.elementor-section:first-of-type{
  min-height: auto !important;
  padding: 90px 16px 40px !important;
}

/* Video netjes schalen */
video,
.hero video,
.elementor-background-video-hosted{
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}

/* Tekstblok centreren */
.hero-content,
.home-hero-content,
.elementor-widget-heading,
.elementor-widget-text-editor{
  text-align: center !important;
}

/* Titel */
.hero h1,
.elementor-heading-title{
  font-size: 26px !important;
  line-height: 1.3 !important;
}

/* Subtekst */
.hero p,
.elementor-text-editor p{
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Knoppen onder elkaar */
.hero-buttons,
.elementor-widget-button{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* Buttons 100% breed */
.hero-buttons a,
.elementor-button{
  width: 100% !important;
  justify-content: center !important;
}

/* Verwijder rare mask/blur effecten */
.hero *{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

}
/* =========================================================
   FIX: Elementor hero video + tekst half zichtbaar (mobiel)
   ========================================================= */
@media (max-width: 768px){

  /* 1) Zorg dat de eerste section/hero niet wordt afgeknipt */
  body.home .elementor-section:first-of-type,
  body.home .elementor-top-section:first-of-type{
    min-height: calc(100vh - var(--kv-h)) !important;
    height: auto !important;
    padding-top: calc(var(--kv-h) + env(safe-area-inset-top) + 18px) !important;
    padding-bottom: 26px !important;
    overflow: visible !important;
  }

  /* 2) Elementor background video container: altijd cover, nooit half */
  body.home .elementor-background-video-container,
  body.home .elementor-background-video-hosted,
  body.home .elementor-background-video-embed,
  body.home .elementor-background-video-container iframe,
  body.home .elementor-background-video-container video{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    z-index: 0 !important;
  }

  /* 3) Als Elementor een extra wrapper gebruikt: ook die full-size */
  body.home .elementor-section:first-of-type .elementor-container,
  body.home .elementor-top-section:first-of-type .elementor-container{
    position: relative !important;
    z-index: 2 !important;
  }

  /* 4) De overlay/achtergrondlaag (zodat tekst altijd leesbaar is) */
  body.home .elementor-section:first-of-type::before,
  body.home .elementor-top-section:first-of-type::before{
    content:"" !important;
    position:absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.35)) !important;
    z-index: 1 !important;
    pointer-events:none !important;
  }

  /* 5) Tekst/hero blok: niet buiten beeld, netjes centreren */
  body.home .elementor-section:first-of-type .elementor-widget-wrap,
  body.home .elementor-top-section:first-of-type .elementor-widget-wrap{
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  /* 6) Typografie mobiel (zodat het past) */
  body.home .elementor-section:first-of-type .elementor-heading-title{
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  body.home .elementor-section:first-of-type .elementor-widget-text-editor,
  body.home .elementor-section:first-of-type .elementor-widget-text-editor p{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* 7) Buttons: onder elkaar en 100% breed */
  body.home .elementor-section:first-of-type .elementor-button,
  body.home .elementor-section:first-of-type a.elementor-button-link{
    width: 100% !important;
    justify-content: center !important;
  }
  body.home .elementor-section:first-of-type .elementor-button-wrapper{
    width: 100% !important;
  }

  /* 8) Heel belangrijk: voorkom dat een parent overflow:hidden alles afkapt */
  body.home .elementor,
  body.home #content,
  body.home main{
    overflow: visible !important;
  }
}
/* Mobile patch for .fw-home layout */

@media (max-width: 820px){
  .fw-wrap{
    padding: 20px 14px 70px !important;
  }
}

@media (max-width: 768px){

  .fw-hero{
    /* fallback first */
    min-height: calc(100vh - var(--kv-h, 78px) - 18px) !important;
    /* better on modern mobile browsers */
    min-height: calc(100svh - var(--kv-h, 78px) - 18px) !important;
    border-radius: 20px !important;
  }

  .fw-hero-video{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: contrast(1.05) saturate(1.05) brightness(.92) !important;
    transform: none !important;
  }

  .fw-hero::after{
    background:
      radial-gradient(520px 320px at 25% 65%, rgba(255,213,79,.18), transparent 62%),
      linear-gradient(to bottom, rgba(0,0,0,.20), rgba(0,0,0,.86)) !important;
  }

  .hero-content{
    align-items: flex-end !important;
    padding: 16px !important;
  }

  .hero-box{
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: rgba(10,14,24,.62) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .hero-badge{
    font-size: 12px !important;
    padding: 7px 12px !important;
    margin-bottom: 10px !important;
  }

  .hero-box h1{
    font-size: 28px !important;
    line-height: 1.12 !important;
    margin: 0 0 10px !important;
  }

  .hero-box p{
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
  }

  .hero-buttons{
    margin-top: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .fw-btn{
    width: 100% !important;
    text-align: center !important;
    padding: 13px 16px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    min-height: 46px !important;
  }

  .fw-btn.secondary{
    background: rgba(0,0,0,.22) !important;
    border: 1px solid rgba(255,213,79,.65) !important;
    color: #ffd54f !important;
    box-shadow: none !important;
  }

  .usp-bar{
    margin-top: 14px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }

  .usp-item{
    font-size: 13px !important;
    gap: 8px !important;
  }

  .usp-icon{
    font-size: 16px !important;
  }

  .section,
  .how{
    margin-top: 40px !important;
  }

  .section h2,
  .tp h2,
  .cta h2,
  .how h2{
    font-size: 24px !important;
  }

  .section .sub,
  .how .sub{
    font-size: 14.5px !important;
    margin: 0 0 18px !important;
    text-align: left !important;
  }

  .card{
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .card h3{
    font-size: 18px !important;
  }

  .card p{
    font-size: 14px !important;
  }

  .tp{
    padding: 20px 16px 18px !important;
    border-radius: 20px !important;
  }

  .tp-grid{
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .tp-card{
    min-height: auto !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .cta{
    padding: 26px 16px !important;
    border-radius: 20px !important;
  }

  .cta .fw-btn{
    width: 100% !important;
    margin-top: 14px !important;
  }

  .step-grid{
    grid-template-columns: 1fr !important;
  }

  .step{
    padding: 18px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 420px){
  .fw-hero{
    min-height: calc(100vh - var(--kv-h, 78px) - 10px) !important;
    min-height: calc(100svh - var(--kv-h, 78px) - 10px) !important;
  }

  .usp-bar{
    grid-template-columns: 1fr !important;
  }

  .hero-box h1{
    font-size: 26px !important;
  }
}
/* 

/* ============ Knalveilingen Auctions Makeover ============ */
.kv-auctions{
  --kv-bg: #070707;
  --kv-panel: #0f0f0f;
  --kv-panel-2: #121212;
  --kv-text: #f3f3f3;
  --kv-muted: #b8b8b8;
  --kv-gold: #c9a227;
  --kv-border: rgba(255,255,255,.08);
  --kv-radius: 18px;
  --kv-shadow: 0 18px 50px rgba(0,0,0,.45);

  color: var(--kv-text);
}

/* Topbar */
.kv-auctions__topbar{
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px;
  margin-bottom: 14px;
  background: linear-gradient(180deg, rgba(7,7,7,.95), rgba(7,7,7,.65));
  backdrop-filter: blur(10px);
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius);
}

.kv-auctions__search input{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--kv-panel);
  border: 1px solid var(--kv-border);
  color: var(--kv-text);
  outline: none;
}
.kv-auctions__search input::placeholder{ color: rgba(243,243,243,.55); }

.kv-auctions__sort{
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--kv-panel);
  border: 1px solid var(--kv-border);
  color: var(--kv-text);
}

@media (min-width: 900px){
  .kv-auctions__topbar{
    grid-template-columns: 1fr auto auto;
    align-items: center;
  }
  .kv-auctions__sort{ grid-column: auto; }
}

/* Buttons */
.kv-btn{
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid transparent;
  background: transparent;
  color: var(--kv-text);
}
.kv-btn--primary{
  background: var(--kv-gold);
  color: #090909;
}
.kv-btn--outline{
  border-color: rgba(201,162,39,.55);
  color: var(--kv-gold);
}
.kv-btn--ghost{
  border-color: var(--kv-border);
  color: var(--kv-muted);
}

/* Auction list layout (plugin output) */
.kv-auctions__list{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

/* Desktop grid */
@media (min-width: 700px){
  .kv-auctions__list{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px){
  .kv-auctions__list{ grid-template-columns: repeat(3, 1fr); }
}

/* ============ IMPORTANT ============
   Pas deze selectors aan naar de plugin-classes!
   Zoek in de HTML bron naar de auction item container class.
   Voor nu gebruiken we generiek: .ua-auction-item
*/
.kv-auctions .ua-auction-item,
.kv-auctions .ultimate-auction-item,
.kv-auctions .auction-item{
  background: linear-gradient(180deg, var(--kv-panel-2), var(--kv-panel));
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius);
  box-shadow: var(--kv-shadow);
  overflow: hidden;
  transform: translateZ(0);
}

.kv-auctions .ua-auction-item:hover{
  border-color: rgba(201,162,39,.28);
}

/* Afbeelding bovenaan */
.kv-auctions .ua-auction-item img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
  background: #0b0b0b;
}

@media (max-width: 420px){
  .kv-auctions .ua-auction-item img{ height: 180px; }
}

/* Content padding */
.kv-auctions .ua-auction-item .content,
.kv-auctions .ua-auction-item .ua-content,
.kv-auctions .ua-auction-item .auction-content{
  padding: 14px;
}

/* Titel */
.kv-auctions .ua-auction-item h3,
.kv-auctions .ua-auction-item .title{
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 8px 0;
  color: var(--kv-text);
}

/* Price / bid highlight */
.kv-auctions .ua-auction-item .current-bid,
.kv-auctions .ua-auction-item .price{
  font-size: 18px;
  font-weight: 800;
  color: var(--kv-gold);
}

/* CTA knop */
.kv-auctions .ua-auction-item a.button,
.kv-auctions .ua-auction-item .bid-button,
.kv-auctions .ua-auction-item .btn-bid{
  display: block;
  text-align: center;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--kv-gold);
  color: #090909 !important;
  font-weight: 800;
  border: 0;
  text-decoration: none;
}

/* Countdown compacter (probeer plugin countdown container class) */
.kv-auctions .ua-auction-item .countdown,
.kv-auctions .ua-auction-item .ua-countdown{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--kv-border);
  color: var(--kv-muted);
  background: rgba(255,255,255,.03);
  font-size: 13px;
}
/* =========================
   K N A L V E I L I N G E N
   AUCTIONS 2.0 (Scoped)
   ========================= */

.kv-auctions-page .kvA{
  --bg:#070707;
  --panel:#0f0f0f;
  --panel2:#121212;
  --text:#f3f3f3;
  --muted:rgba(243,243,243,.68);
  --border:rgba(255,255,255,.09);
  --gold:#c9a227;
  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --r:18px;

  color:var(--text);
}

/* Topbar */
.kv-auctions-page .kvA__top{
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: linear-gradient(180deg, rgba(7,7,7,.94), rgba(7,7,7,.70));
  backdrop-filter: blur(10px);
  margin-bottom: 14px;
}

.kv-auctions-page .kvA__search{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  outline: none;
}
.kv-auctions-page .kvA__search::placeholder{ color: rgba(243,243,243,.45); }

.kv-auctions-page .kvA__filtersBtn{
  display:flex; align-items:center; gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(201,162,39,.55);
  background: transparent;
  color: var(--gold);
  font-weight: 800;
  cursor: pointer;
}

.kv-auctions-page .kvA__badge{
  display:inline-flex;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(201,162,39,.18);
  color: var(--gold);
  border: 1px solid rgba(201,162,39,.35);
  font-size: 12px;
  align-items:center; justify-content:center;
}

.kv-auctions-page .kvA__sort{
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
}

@media (min-width: 980px){
  .kv-auctions-page .kvA__top{
    grid-template-columns: 1fr auto auto;
    align-items: center;
  }
  .kv-auctions-page .kvA__sort{ grid-column: auto; }
}

/* Layout */
.kv-auctions-page .kvA__layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 980px){
  .kv-auctions-page .kvA__layout{
    grid-template-columns: 320px 1fr;
    align-items: start;
  }
  .kv-auctions-page .kvA__filters{
    position: sticky;
    top: 78px;
    display: block !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .kv-auctions-page .kvA__close{ display:none; }
  .kv-auctions-page .kvA__filtersBtn{ display:none; }
}

/* Filters (mobile sheet) */
.kv-auctions-page .kvA__filters{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: block;
  padding: 14px;
  background: rgba(0,0,0,.58);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.kv-auctions-page .kvA__filters.is-open{
  opacity: 1;
  pointer-events: auto;
}

.kv-auctions-page .kvA__filtersHead,
.kv-auctions-page .kvA__filtersBody{
  background: var(--panel2);
  border: 1px solid var(--border);
}
.kv-auctions-page .kvA__filtersHead{
  border-radius: var(--r) var(--r) 0 0;
  padding: 14px;
  display:flex; align-items:center; justify-content:space-between;
}
.kv-auctions-page .kvA__filtersTitle{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .2px;
}
.kv-auctions-page .kvA__close{
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  border-radius: 12px;
  padding: 8px 10px;
  cursor:pointer;
}

.kv-auctions-page .kvA__filtersBody{
  border-radius: 0 0 var(--r) var(--r);
  padding: 14px;
  box-shadow: var(--shadow);
}

.kv-auctions-page .kvA__label{
  display:block;
  font-size: 13px;
  color: var(--muted);
  margin: 12px 0 6px;
}
.kv-auctions-page .kvA__select{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #101010;
  color: var(--text);
}

.kv-auctions-page .kvA__row{
  display:flex;
  gap: 10px;
  margin-top: 14px;
}
.kv-auctions-page .kvA__apply{
  flex:1;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--gold);
  color: #090909;
  font-weight: 900;
  border: 0;
  cursor:pointer;
}
.kv-auctions-page .kvA__clear{
  padding: 12px 14px;
  border-radius: 14px;
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--border);
  cursor:pointer;
}

/* Meta */
.kv-auctions-page .kvA__meta{
  color: var(--muted);
  font-size: 13px;
  margin: 2px 0 12px;
}

/* ====== Results / Cards ======
Belangrijk: we stylen niet alle img’s. We maken cards van "directe children"
van de plugin output wrapper die we via JS bepalen (zie script).
*/
.kv-auctions-page .kvA .kvCardGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 520px){
  .kv-auctions-page .kvA .kvCardGrid{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px){
  .kv-auctions-page .kvA .kvCardGrid{ grid-template-columns: repeat(3, 1fr); }
}
.kv-auctions-page .kvA .kvCard{
  background: linear-gradient(180deg, var(--panel2), var(--panel));
  border: 1px solid var(--border);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.kv-auctions-page .kvA .kvCard__media{
  height: 190px;
  background: #0b0b0b;
  position: relative;
}
.kv-auctions-page .kvA .kvCard__media img{
  width:100% !important;
  height:100% !important;
  object-fit: cover !important;
  display:block !important;
}
.kv-auctions-page .kvA .kvCard__body{ padding: 14px; }
.kv-auctions-page .kvA .kvCard__title{
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 10px;
  font-weight: 900;
  color: var(--text);
  display:-webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow:hidden;
}
.kv-auctions-page .kvA .kvCard__sub{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom: 10px;
}
.kv-auctions-page .kvA .kvChip{
  font-size: 12px;
  color: rgba(243,243,243,.78);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding: 6px 10px;
  border-radius: 999px;
}
.kv-auctions-page .kvA .kvPrice{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap: 10px;
  margin-top: 8px;
}
.kv-auctions-page .kvA .kvPrice__now{
  font-size: 18px;
  font-weight: 1000;
  color: var(--gold);
}
.kv-auctions-page .kvA .kvPrice__meta{ color: var(--muted); font-size: 12px; }
.kv-auctions-page .kvA .kvCTA{ margin-top: 12px; display:flex; gap:10px; }
.kv-auctions-page .kvA .kvCTA a{
  flex:1;
  text-align:center;
  text-decoration:none !important;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  border: 1px solid transparent;
}
.kv-auctions-page .kvA .kvCTA .kvBid{ background: var(--gold); color:#090909 !important; }
.kv-auctions-page .kvA .kvCTA .kvMore{
  background: transparent;
  color: var(--muted) !important;
  border-color: var(--border);
}

/* =========================
   K N A L V E I L I N G E N AUCTIONS 2.0 (Scoped)
   ========================= */
.kv-auctions-page .kvA{
  --bg:#070707;
  --panel:#0f0f0f;
  --panel2:#121212;
  --text:#f3f3f3;
  --muted:rgba(243,243,243,.68);
  --border:rgba(255,255,255,.09);
  --gold:#c9a227;
  --shadow: 0 18px 55px rgba(0,0,0,.55);
  --r:18px;
  color:var(--text);
}

/* Topbar */
.kv-auctions-page .kvA__top{
  position: sticky;
  top: 0;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: linear-gradient(180deg, rgba(7,7,7,.94), rgba(7,7,7,.70));
  backdrop-filter: blur(10px);
  margin-bottom: 14px;
}
.kv-auctions-page .kvA__search{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
  outline: none;
}
.kv-auctions-page .kvA__search::placeholder{ color: rgba(243,243,243,.45); }
.kv-auctions-page .kvA__filtersBtn{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(201,162,39,.55);
  background: transparent;
  color: var(--gold);
  font-weight: 800;
  cursor: pointer;
}
.kv-auctions-page .kvA__badge{
  display:inline-flex;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(201,162,39,.18);
  color: var(--gold);
  border: 1px solid rgba(201,162,39,.35);
  font-size: 12px;
  align-items:center;
  justify-content:center;
}
.kv-auctions-page .kvA__sort{
  grid-column: 1 / -1;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--panel);
  color: var(--text);
}
@media (min-width: 980px){
  .kv-auctions-page .kvA__top{
    grid-template-columns: 1fr auto auto;
    align-items: center;
  }
  .kv-auctions-page .kvA__sort{ grid-column: auto; }
}

/* Layout */
.kv-auctions-page .kvA__layout{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 980px){
  .kv-auctions-page .kvA__layout{
    grid-template-columns: 320px 1fr;
    align-items: start;
  }
  .kv-auctions-page .kvA__filters{
    position: sticky;
    top: 78px;
    display: block !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .kv-auctions-page .kvA__close{ display:none; }
  .kv-auctions-page .kvA__filtersBtn{ display:none; }
}

/* Filters (mobile sheet) */
.kv-auctions-page .kvA__filters{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: block;
  padding: 14px;
  background: rgba(0,0,0,.58);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.kv-auctions-page .kvA__filters.is-open{
  opacity: 1;
  pointer-events: auto;
}
.kv-auctions-page .kvA__filtersHead,
.kv-auctions-page .kvA__filtersBody{
  background: var(--panel2);
  border: 1px solid var(--border);
}
.kv-auctions-page .kvA__filtersHead{
  border-radius: var(--r) var(--r) 0 0;
  padding: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.kv-auctions-page .kvA__filtersTitle{ font-size: 16px; font-weight: 900; letter-spacing: .2px; }
.kv-auctions-page .kvA__close{
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  border-radius: 12px;
  padding: 8px 10px;
  cursor:pointer;
}
.kv-auctions-page .kvA__filtersBody{
  border-radius: 0 0 var(--r) var(--r);
  padding: 14px;
  box-shadow: var(--shadow);
}
.kv-auctions-page .kvA__label{ display:block; font-size: 13px; color: var(--muted); margin: 12px 0 6px; }
.kv-auctions-page .kvA__select{
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #101010;
  color: var(--text);
}
.kv-auctions-page .kvA__row{ display:flex; gap: 10px; margin-top: 14px; }
.kv-auctions-page .kvA__apply{
  flex:1;
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--gold);
  color: #090909;
  font-weight: 900;
  border: 0;
  cursor:pointer;
}
.kv-auctions-page .kvA__clear{
  padding: 12px 14px;
  border-radius: 14px;
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--border);
  cursor:pointer;
}

/* Meta */
.kv-auctions-page .kvA__meta{ color: var(--muted); font-size: 13px; margin: 2px 0 12px; }

/* Verberg WooCommerce result count (Toont alle X resultaten) */
.woocommerce-result-count{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Topbar luxer + beter uitgelijnd */
.kvA3__top{
  border-radius: 22px !important;
  padding: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
}
.kvA3__search{ height: 46px !important; border-radius: 16px !important; }
.kvA3__sort{ height: 46px !important; border-radius: 16px !important; }
@media (min-width: 980px){
  .kvA3__sort{ min-width: 180px; max-width: 220px; justify-self:end; }
}

/* Card hover effect */
.kvA3Card{ transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.kvA3Card:hover{
  transform: translateY(-4px);
  border-color: rgba(215,177,75,.35);
  box-shadow: 0 28px 90px rgba(0,0,0,.75);
}

/* Afbeelding iets meer depth */
.kvA3Card__media img{ transform: scale(1.01); filter: saturate(1.05) contrast(1.02); }

.kvA3Winner{
  margin-top: 10px !important;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  display:inline-flex !important;
  width: fit-content;
}
.kvA3Winner.is-leading{ border-color: rgba(215,177,75,.28); background: rgba(215,177,75,.10); }

.kvA3Price{ padding: 14px 14px !important; }
.kvA3Price__now{ font-size: 22px !important; letter-spacing: .2px; }
.kvA3Price__meta{ opacity: .75; }

.kvA3CTA a{
  height: 46px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap: 8px;
}
.kvA3Bid{ position: relative; }
.kvA3Bid:after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
  pointer-events:none;
}
.kvA3More{ background: rgba(255,255,255,.02) !important; }

/* Countdown blok + balk (KV A3 cards) */
.kvA3Countdown{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.kvA3Countdown__top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap: 10px;
  margin-bottom: 10px;
}
.kvA3Countdown__label{ font-size: 12px; color: rgba(243,243,243,.70); }
.kvA3Countdown__time{ font-size: 13px; font-weight: 900; color: rgba(215,177,75,.95); }
.kvA3Countdown__bar{
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  position: relative;
}
.kvA3Countdown__bar > span{
  display:block;
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(215,177,75,.95), rgba(201,162,39,.95));
  box-shadow: 0 10px 24px rgba(215,177,75,.18);
  transition: width .8s ease;
}
.kvA3Countdown.is-urgent .kvA3Countdown__time{ color: #ffcc66; }
.kvA3Countdown.is-critical .kvA3Countdown__time{ color: #ff7a7a; }
.kvA3Countdown.is-critical .kvA3Countdown__bar > span{ background: linear-gradient(90deg, #ffcc66, #ff7a7a); }

/* KV A3 – grotere filtervelden */
.kvA3 .kvA3__select{
  padding: 16px 18px !important;
  font-size: 15px !important;
  min-height: 52px;
  border-radius: 18px !important;
}
.kvA3 .kvA3__label{ margin-bottom: 6px; font-size: 14px; }
.kvA3 .kvA3__filtersBody{ gap: 14px !important; }

/* =========================================
   KV A3 – Vendor logo (Details-vervanger)
   Instelbaar: grootte + positie (shift)
   ========================================= */
.kvA3{
  --kv-logo-w: 110px;
  --kv-logo-h: 70px;
  --kv-logo-radius: 20px;
  --kv-logo-shift-x: 0px;
  --kv-logo-shift-y: 0px;
  --kv-logo-img-scale: 1;
}
.kvA3 .kvA3StoreLink{
  width: var(--kv-logo-w) !important;
  min-width: var(--kv-logo-w) !important;
  height: var(--kv-logo-h) !important;
  border-radius: var(--kv-logo-radius) !important;
  transform: translate(var(--kv-logo-shift-x), var(--kv-logo-shift-y)) !important;
}
.kvA3 .kvA3StoreLogo{
  transform: scale(var(--kv-logo-img-scale)) !important;
  transform-origin: center center;
}
.kvA3 .kvA3CTA{ gap: 12px !important; }

/* Home: verberg originele UWA/woocommerce product grid binnen het "Lopende veilingen" blok */
.fw-live ul.products,
.fw-live .products,
.fw-live .woocommerce ul.products,
.fw-live .woocommerce .products{
  display:none !important;
}

/* ================================
   HOME – Lopende veilingen (KV cards)
   Scoped op .fw-live zodat niets anders breekt
   ================================ */
.fw-live{
  border-radius: 22px;
  overflow: hidden;
  background: radial-gradient(1100px 500px at 18% -10%, rgba(215,177,75,.10), transparent 55%),
              linear-gradient(180deg, rgba(15,23,49,.90), rgba(10,14,24,.92));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 22px 70px rgba(0,0,0,.55);
  padding: 16px 16px 18px;
}
.fw-live .fw-live__head,
.fw-live .fw-live-head,
.fw-live h2{ margin-bottom: 10px; }

.fw-live a[href*="/veiling"],
.fw-live a[href*="veiling"]{
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.18) !important;
  color: rgba(233,236,245,.90) !important;
}
.fw-live a[href*="/veiling"]:hover{
  border-color: rgba(215,177,75,.35) !important;
  color: #ffd54f !important;
}
.fw-live .kvA3Grid{ gap: 16px !important; }
.fw-live .kvA3Card{
  border-radius: 20px !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.55) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fw-live .kvA3Card:hover{
  transform: translateY(-5px);
  border-color: rgba(215,177,75,.28) !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.70) !important;
}
.fw-live .kvA3Card__media{
  height: 210px !important;
  background: #0b0b0b !important;
}
@media (max-width: 520px){
  .fw-live .kvA3Card__media{ height: 190px !important; }
}
.fw-live .kvA3Card__media img{ transform: scale(1.02); filter: saturate(1.05) contrast(1.03); }
.fw-live .kvA3Card__body{ padding: 16px !important; }
.fw-live .kvA3Card__title{
  font-size: 16px !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
  opacity: .96;
}
.fw-live .kvA3Winner{
  display: inline-flex !important;
  width: fit-content;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.fw-live .kvA3Winner.is-leading{
  border-color: rgba(215,177,75,.24);
  background: rgba(215,177,75,.08);
}
.fw-live .kvA3Countdown{
  padding: 10px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.025) !important;
}
.fw-live .kvA3Countdown__bar{ height: 7px !important; }
.fw-live .kvA3Price{
  padding: 12px 12px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.025) !important;
}
.fw-live .kvA3Price__now{ font-size: 20px !important; letter-spacing: .2px; }
.fw-live .kvA3CTA{ gap: 12px !important; }
.fw-live .kvA3CTA a{ height: 46px !important; border-radius: 16px !important; }
.fw-live .kvA3Bid{ box-shadow: 0 16px 40px rgba(215,177,75,.16) !important; }
.fw-live .kvA3StoreLink{
  border-radius: 16px !important;
  border-color: rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
}
.fw-live .kvA3StoreLink:hover{
  border-color: rgba(215,177,75,.30) !important;
  transform: translateY(-2px) !important;
}
@media (max-width: 768px){
  .fw-live{ padding: 14px 12px 16px; }
  .fw-live .kvA3Grid{ gap: 14px !important; }
}
.fw-live ul.products,
.fw-live .products{ display: none !important; }

/* KLEUR OPTIMALISATIE – HOME KV CARDS */
.fw-live{
  --kv-bg: #0b1020;
  --kv-panel: #0f1629;
  --kv-panel2: #121b33;
  --kv-text: #eef2ff;
  --kv-muted: rgba(238,242,255,.65);
  --kv-gold: #e0b84f;
  --kv-gold-soft: rgba(224,184,79,.18);
  background: radial-gradient(900px 400px at 20% -10%, rgba(224,184,79,.10), transparent 55%),
              linear-gradient(180deg, #0d1326, #090d1a) !important;
  border-color: rgba(255,255,255,.06) !important;
}
.fw-live .kvA3Card{
  background: linear-gradient(180deg, #141d36, #0c1224) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.fw-live .kvA3Card__title{ color: #f4f7ff !important; }
.fw-live .kvA3Winner{ background: rgba(255,255,255,.04) !important; }
.fw-live .kvA3Winner.is-leading{ background: var(--kv-gold-soft) !important; color: var(--kv-gold) !important; }
.fw-live .kvA3Countdown{
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.fw-live .kvA3Countdown__top strong{ color: var(--kv-gold) !important; }
.fw-live .kvA3Countdown__bar{ background: rgba(255,255,255,.10) !important; }
.fw-live .kvA3Countdown__bar span{ background: linear-gradient(90deg, #ffd56a, #e0b84f) !important; }
.fw-live .kvA3Price{ background: rgba(255,255,255,.035) !important; }
.fw-live .kvA3Price__now{ color: #ffd56a !important; }
.fw-live .kvA3Bid{ background: linear-gradient(180deg, #ffd56a, #e0b84f) !important; }
.fw-live .kvA3Bid:hover{ filter: brightness(1.08); }
.fw-live .kvA3StoreLink{ background: rgba(255,255,255,.04) !important; }
.fw-live a[href*="veiling"]{
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.fw-live a[href*="veiling"]:hover{
  background: rgba(224,184,79,.12) !important;
  border-color: rgba(224,184,79,.35) !important;
  color: #ffd56a !important;
}

/* HOME – KV product afbeeldingen: FULL + luxe effecten (contain etc.) */
.fw-live .kvA3Card__media{
  height: 260px !important;
  padding: 14px 12px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  background: radial-gradient(600px 260px at 50% 15%, rgba(255,255,255,.07), transparent 60%),
              radial-gradient(900px 360px at 50% 120%, rgba(224,184,79,.10), transparent 55%),
              linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.35)) !important;
}
.fw-live .kvA3Card__media::after{
  content:"";
  position:absolute;
  inset:-1px;
  background: radial-gradient(120% 85% at 50% 45%, transparent 55%, rgba(0,0,0,.45) 100%);
  pointer-events:none;
}
.fw-live .kvA3Card__media::before{
  content:"";
  position:absolute;
  inset:-40%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent 35%, rgba(255,255,255,.08) 50%, transparent 65%);
  opacity: .25;
  pointer-events:none;
  transition: transform .8s ease, opacity .8s ease;
}
.fw-live .kvA3Card:hover .kvA3Card__media::before{
  transform: translateX(14%) rotate(18deg);
  opacity: .35;
}
.fw-live .kvA3Card__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center top !important;
  max-width: 100% !important;
  max-height: 100% !important;
  transform: translateY(-2px) scale(1.03);
  filter: saturate(1.06) contrast(1.05);
  transition: transform .25s ease, filter .25s ease;
  z-index: 2;
  -webkit-box-reflect: none !important;
}
.fw-live .kvA3Card:hover .kvA3Card__media img{
  transform: translateY(-4px) scale(1.08);
  filter: saturate(1.08) contrast(1.06) drop-shadow(0 28px 26px rgba(0,0,0,.62)) !important;
}
.fw-live .kvA3Card:hover .kvA3Card__media{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 18px 60px rgba(0,0,0,.45);
}
@media (max-width: 520px){
  .fw-live .kvA3Card__media{ height: 225px !important; padding: 12px 10px 18px !important; }
}

/* ALLEEN dit specifieke HBL logo verplaatsen (veiling cards) */
:root{
  --hbl-shift-x: 0px;
  --hbl-shift-y: 2px;
}
img.kvA3StoreLogo[src*="cropped-hblllll"]{
  transform: translate(var(--hbl-shift-x), var(--hbl-shift-y)) !important;
}

/* LOGO CONTROL (ring weg + verplaatsen + schalen) */
:root{
  --kv-logo-x: 0px;
  --kv-logo-y: 0px;
  --kv-logo-scale: 1;
  --kv-logo-max-h: 70px;
}
.kv-brand .custom-logo-link{
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.kv-brand{ position: relative; }
.kv-brand .custom-logo-link img{
  max-height: var(--kv-logo-max-h) !important;
  width: auto !important;
  height: auto !important;
  transform: translate(var(--kv-logo-x), var(--kv-logo-y)) scale(var(--kv-logo-scale));
  transform-origin: left center;
  will-change: transform;
}

/* MOBILE PROOF PATCH */
@media (max-width: 782px){
  html, body{ overflow-x: hidden; }
  a, button{ -webkit-tap-highlight-color: transparent; }
}
@media (max-width: 782px){
  :root{ --kv-h: 78px; --kv-radius: 16px; }
  body{ padding-top: var(--kv-h); }
  .kv-nav{
    width: calc(100% - 16px);
    height: calc(var(--kv-h) - 14px);
    padding: 8px 10px 12px;
    border-radius: 18px;
    gap: 10px;
  }
  :root{ --kv-logo-max-h: 54px; }
  .kv-brand .custom-logo-link img{
    height: var(--kv-logo-max-h) !important;
    max-height: var(--kv-logo-max-h) !important;
    width: auto !important;
    transform: translate(var(--kv-logo-x), var(--kv-logo-y)) !important;
    filter: none !important;
  }
  .kv-actions{ gap: 8px; min-width: auto; }
  .kv-btn{ height: 44px; min-height: 44px; padding: 0 12px; font-size: 13px; }
  .kv-iconbtn{ width: 44px; height: 44px; }
  .kv-menu{ display:none !important; }
  .kv-burger{ display:inline-flex !important; }
}
@media (max-width: 430px){
  :root{ --kv-h: 74px; }
  .kv-nav{ padding: 8px 8px 11px; }
  :root{ --kv-logo-max-h: 50px; }
  .kv-btn{ padding: 0 10px; }
}
@media (max-width: 782px){
  .kv-drawer{
    left: 8px;
    right: 8px;
    top: calc(var(--kv-h) + 8px);
    border-radius: 18px;
    padding: 10px;
    max-height: calc(100vh - (var(--kv-h) + 24px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .kv-drawer a{
    min-height: 46px;
    padding: 12px 12px;
    border-radius: 14px;
  }
}
@media (max-width: 782px){
  .kv-search-overlay{ padding-top: calc(var(--kv-h) + 18px); }
  .kv-search-box{ width: calc(100% - 16px); border-radius: 18px; }
  .kv-search-box form{ flex-direction: column; }
  .kv-search-box input[type="search"],
  .kv-search-box button{
    width: 100%;
    height: 48px;
    border-radius: 14px;
  }
}
@media (max-width: 782px){
  :root{ --kv-blur: 10px; }
  .kv-nav{
    backdrop-filter: blur(var(--kv-blur));
    -webkit-backdrop-filter: blur(var(--kv-blur));
  }
}
@media (max-width: 782px){
  .elementor-section .elementor-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  h1{ font-size: clamp(26px, 6vw, 34px); line-height: 1.12; }
  h2{ font-size: clamp(20px, 5vw, 26px); line-height: 1.18; }
}

/* Woo/product grid: 1 of 2 kolommen (sitebreed, niet single-product specifiek) */
@media (max-width: 520px){
  .woocommerce ul.products, ul.products{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}
@media (min-width: 521px) and (max-width: 782px){
  .woocommerce ul.products, ul.products{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
}

/* KV A3 (Veiling) – images zoals Home cards */
.kvA3 .kvA3Card__media{
  background: radial-gradient(800px 320px at 50% 35%, rgba(255,255,255,.06), rgba(0,0,0,0) 60%),
              linear-gradient(180deg, rgba(10,18,40,.55), rgba(6,10,20,.25)) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.kvA3 .kvA3Card__media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  filter: none !important;
  transform: none !important;
  display: block !important;
}
.kvA3 .kvA3Card__media{ height: 240px !important; }
@media (max-width: 520px){
  .kvA3 .kvA3Card__media{ height: 220px !important; padding: 14px !important; }
}

/* FIX: hele kaart klikbaar (stretched link) */
.kvA3Card{ position: relative; cursor: pointer; }
.kvA3Card__stretched{
  position: absolute;
  inset: 0;
  z-index: 5;
  border-radius: var(--r);
}
.kvA3Card__media, .kvA3Card__body{ position: relative; z-index: 1; }
.kvA3CTA, .kvA3CTA a, .kvA3StoreLink, .kvA3More, .kvA3Bid{
  position: relative;
  z-index: 6;
}

/* UWA hint (sitebreed) */
.uwa_inc_price_hint{
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.05);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 14px;
}
.uwa_inc_price{ color: #ccc; }
.uwa_inc_latest_price{ font-weight: 600; color: #ffd000; }
.uwa_inc_latest_price .woocommerce-Price-currencySymbol{ margin-right: 2px; }

/* =========================================
   WooCommerce Mijn account – luxe redesign (/mijn-account/)
   ========================================= */
.woocommerce-account .site-content { padding-top: 18px; }
.woocommerce-account .woocommerce {
  background: rgba(10,10,12,.45);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 18px 55px rgba(0,0,0,.50);
  backdrop-filter: blur(8px);
}
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 16px;
}
.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"]{
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.25) !important;
  box-shadow: none !important;
  padding: 12px 12px !important;
}
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce input.button {
  border-radius: 999px !important;
  padding: 12px 18px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.45);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
  filter: brightness(1.05);
}
/* Navigatie links (Dashboard, Orders, Adressen, etc.) */
.woocommerce-account .woocommerce-MyAccount-navigation{}

/* LOGIN / REGISTREREN – PREMIUM REDESIGN */
.woocommerce-account .woocommerce { max-width: 1200px; margin: auto; }
.woocommerce-account .u-columns { display: grid !important; grid-template-columns: 1fr 1fr; gap: 50px; }
.woocommerce-account .u-column1,
.woocommerce-account .u-column2 {
  background: linear-gradient(180deg,#0e0e12,#050507);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 30px;
  box-shadow: 0 30px 80px rgba(0,0,0,.7);
  position: relative;
}
.woocommerce-account h2 { color: #ffc740; letter-spacing: .5px; margin-bottom: 18px; }
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"],
.woocommerce-account select {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  color: #fff !important;
  transition: all .2s ease;
}
.woocommerce-account input:focus,
.woocommerce-account select:focus {
  border-color: #ffc740 !important;
  box-shadow: 0 0 0 2px rgba(255,199,64,.25);
}
.woocommerce-account label { font-size: .85rem; opacity: .8; margin-bottom: 4px; }
.woocommerce-account input[type="checkbox"],
.woocommerce-account input[type="radio"]{ accent-color: #ffc740; }
.woocommerce-account button.button,
.woocommerce-account input.button {
  background: linear-gradient(135deg,#ffb700,#ffd56b) !important;
  color: #000 !important;
  border-radius: 999px !important;
  padding: 14px 26px !important;
  font-weight: 600;
  box-shadow: 0 20px 45px rgba(255,183,0,.45);
  transition: all .2s ease;
}
.woocommerce-account button.button:hover{
  transform: translateY(-2px);
  box-shadow: 0 30px 70px rgba(255,183,0,.6);
}
.woocommerce-account .lost_password a{ color: #ffc740; text-decoration: none; }
.woocommerce-account .lost_password a:hover{ text-decoration: underline; }
.woocommerce-account .privacy-policy-text { opacity: .65; font-size: .8rem; }
@media(max-width:900px){ .woocommerce-account .u-columns{ grid-template-columns:1fr; } }

/* MOBIEL - Store logo volledig controle */
@media (max-width: 768px) {
  img.kvA3StoreLogo{
    width: 200px !important;
    height: auto !important;
    margin-left: -30px !important;
    margin-top: -5px !important;
    display: block !important;
    max-width: 100% !important;
  }
}
/* =========================
   Knalveilingen – Luxe Single Product Skin
   Plak in: Weergave > Customizer > Extra CSS
   ========================= */

:root{
  --kv-bg:#07090d;
  --kv-card:#0c1017;
  --kv-card2:#0a0d12;
  --kv-border:rgba(255,255,255,.08);
  --kv-text:rgba(255,255,255,.88);
  --kv-muted:rgba(255,255,255,.62);
  --kv-gold:#d7b04a;
  --kv-gold2:#b98d2c;
  --kv-radius:18px;
  --kv-shadow: 0 18px 55px rgba(0,0,0,.55);
  --kv-glow: 0 0 0 1px rgba(215,176,74,.10), 0 10px 45px rgba(215,176,74,.08);
}

/* Achtergrond en algemene typografie */
body.single-product{
  background: radial-gradient(1200px 600px at 30% 10%, rgba(215,176,74,.06), transparent 60%),
              radial-gradient(900px 500px at 80% 20%, rgba(80,140,255,.05), transparent 60%),
              var(--kv-bg);
  color: var(--kv-text);
}

body.single-product a{ color: var(--kv-gold); }
body.single-product a:hover{ color: #f0cf6e; }

/* Woo wrapper wat netter */
body.single-product .site,
body.single-product #page{
  background: transparent;
}

/* Woo notices (melding banners) in luxe style */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error{
  border-radius: var(--kv-radius);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--kv-border);
  box-shadow: var(--kv-shadow);
  color: var(--kv-text);
}

/* =========================================================
   KNALVEILINGEN – AUCTION PRODUCT PAGE (Clean Luxe Skin)
   Past bij veilingpagina: dark glass + gold accent
   Scope: alleen auction products
   ========================================================= */

body.single-product.product-type-auction{
  --kv-bg:#07090d;
  --kv-card1: rgba(255,255,255,.06);
  --kv-card2: rgba(255,255,255,.03);
  --kv-border: rgba(255,255,255,.10);
  --kv-text: rgba(255,255,255,.90);
  --kv-muted: rgba(255,255,255,.65);
  --kv-gold:#d7b04a;
  --kv-gold2:#b98d2c;
  --kv-radius: 22px;
  --kv-shadow: 0 18px 55px rgba(0,0,0,.55);
  --kv-glow: 0 0 0 1px rgba(215,176,74,.10), 0 14px 45px rgba(215,176,74,.08);
  background:
    radial-gradient(1100px 650px at 20% 10%, rgba(215,176,74,.07), transparent 60%),
    radial-gradient(900px 550px at 80% 20%, rgba(80,140,255,.05), transparent 60%),
    var(--kv-bg);
  color: var(--kv-text);
}

body.single-product.product-type-auction a{ color: var(--kv-gold); }
body.single-product.product-type-auction a:hover{ color: #f0cf6e; }

/* ---------------------------------------------------------
   1) Pagina breedte: “premium wide” maar niet edge-to-edge
   --------------------------------------------------------- */
body.single-product.product-type-auction .woocommerce,
body.single-product.product-type-auction .site-content,
body.single-product.product-type-auction .content-area{
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 0 22px !important;
}

/* ---------------------------------------------------------
   2) Bovenste layout: gallery links, biedkaart rechts
   (werkt met Woo standaard classes)
   --------------------------------------------------------- */
body.single-product.product-type-auction div.product{
  display: grid !important;
  grid-template-columns: 1.2fr .8fr !important;
  gap: 26px !important;
  align-items: start !important;
}

/* Cards: gallery + summary */
body.single-product.product-type-auction .woocommerce-product-gallery,
body.single-product.product-type-auction .summary{
  border-radius: var(--kv-radius);
  background: linear-gradient(180deg, var(--kv-card1), var(--kv-card2));
  border: 1px solid var(--kv-border);
  box-shadow: var(--kv-shadow);
  padding: 18px;
  overflow: hidden;
  position: relative;
}

body.single-product.product-type-auction .woocommerce-product-gallery:before,
body.single-product.product-type-auction .summary:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(800px 260px at 30% 0%, rgba(215,176,74,.12), transparent 55%);
  pointer-events:none;
}

/* Gallery image lekker groot en gecentreerd */
body.single-product.product-type-auction .woocommerce-product-gallery{
  display: grid;
  place-items: center;
  min-height: 520px;
}
body.single-product.product-type-auction .woocommerce-product-gallery__wrapper,
body.single-product.product-type-auction .woocommerce-product-gallery__image{
  width: 100% !important;
}
body.single-product.product-type-auction .woocommerce-product-gallery__image img{
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* ---------------------------------------------------------
   3) Titel + korte omschrijving
   --------------------------------------------------------- */
body.single-product.product-type-auction .product_title{
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.12;
  margin: 6px 0 10px;
  color: rgba(215,176,74,.92);
}

body.single-product.product-type-auction .woocommerce-product-details__short-description{
  color: var(--kv-text);
  opacity: .92;
}

/* Divider van Blocksy wat subtiel */
body.single-product.product-type-auction .ct-product-divider{
  display:block;
  height: 1px;
  background: rgba(255,255,255,.10);
  margin: 16px 0;
}

/* ---------------------------------------------------------
   4) Huidig bod (Ultimate WooCommerce Auction)
   --------------------------------------------------------- */
body.single-product.product-type-auction .woo-ua-auction-price.current-bid{
  display:flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--kv-glow);
}

body.single-product.product-type-auction .woo-ua-current.auction{
  color: var(--kv-muted);
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .35px;
}

body.single-product.product-type-auction .woo-ua-auction-price.current-bid .amount{
  color: var(--kv-gold);
  font-weight: 950;
  font-size: 22px;
}

/* ---------------------------------------------------------
   5) Winning badge (plugin output met inline groen)
   --------------------------------------------------------- */
body.single-product.product-type-auction .winner-name span[style*="color:green"][style*="font-size:20px"]{
  color: #101015 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, #f5dc8a, var(--kv-gold), var(--kv-gold2)) !important;
  box-shadow: 0 12px 30px rgba(215,176,74,.35), inset 0 1px 0 rgba(255,255,255,.45) !important;
  position: relative;
  overflow: hidden;
}

body.single-product.product-type-auction .winner-name span[style*="color:green"][style*="font-size:20px"]::before{
  content:"👑";
  font-size: 14px;
}

/* ---------------------------------------------------------
   6) Countdown (Ultimate Auction)
   --------------------------------------------------------- */
body.single-product.product-type-auction .uwa_auction_time{
  margin-top: 10px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10));
  border: 1px solid rgba(255,255,255,.10);
}

body.single-product.product-type-auction .uwa_auction_time > strong{
  display:block;
  color: var(--kv-muted);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  font-size: 12px;
  margin-bottom: 10px;
}

/* countdown row -> grid chips */
body.single-product.product-type-auction .uwa_auction_product_countdown .countdown_row{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.single-product.product-type-auction .uwa_auction_product_countdown .countdown_section{
  text-align:center;
  padding: 12px 10px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
}

body.single-product.product-type-auction .uwa_auction_product_countdown .countdown_amount{
  display:block;
  color: var(--kv-gold);
  font-weight: 950;
  font-size: 18px;
  line-height: 1.1;
}

/* ---------------------------------------------------------
   7) Eindtijd + watchlist
   --------------------------------------------------------- */
body.single-product.product-type-auction .uwa-timezone h5,
body.single-product.product-type-auction .uwa-watchlist-button a{
  color: var(--kv-text) !important;
}

body.single-product.product-type-auction .uwa-timezone h5 strong{
  color: var(--kv-muted) !important;
}

body.single-product.product-type-auction .uwa-watchlist-button a{
  display:inline-flex;
  gap: 10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}

/* ---------------------------------------------------------
   8) Biedformulier + knop
   --------------------------------------------------------- */
body.single-product.product-type-auction form#uwa_auction_form{
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--kv-glow);
}

body.single-product.product-type-auction .quantity.buttons_added{
  display:flex;
  gap: 10px;
  align-items: stretch;
  margin-bottom: 12px;
}

body.single-product.product-type-auction .uwa_currency{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 46px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--kv-muted);
  font-weight: 900;
}

body.single-product.product-type-auction #uwa_bid_value{
  flex: 1;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.35) !important;
  color: var(--kv-text) !important;
  padding: 12px 12px !important;
  outline: none !important;
}

body.single-product.product-type-auction #uwa_bid_value:focus{
  border-color: rgba(215,176,74,.45) !important;
  box-shadow: 0 0 0 3px rgba(215,176,74,.12) !important;
}

body.single-product.product-type-auction #placebidbutton{
  width: 100% !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-weight: 950 !important;
  letter-spacing: .2px;
  color: #101015 !important;
  background: linear-gradient(180deg, var(--kv-gold), var(--kv-gold2)) !important;
  box-shadow: 0 10px 24px rgba(215,176,74,.20);
}

/* hint (min bod) */
body.single-product.product-type-auction .uwa_inc_price_hint{
  margin-top: 10px;
  color: var(--kv-muted);
}
body.single-product.product-type-auction .uwa_inc_price_hint .amount{
  color: var(--kv-gold) !important;
  font-weight: 900;
}

/* ---------------------------------------------------------
   9) Tabs onderaan in dezelfde luxe card stijl
   --------------------------------------------------------- */
body.single-product.product-type-auction .woocommerce-tabs{
  margin-top: 22px;
  border-radius: var(--kv-radius);
  background: linear-gradient(180deg, var(--kv-card1), var(--kv-card2));
  border: 1px solid var(--kv-border);
  box-shadow: var(--kv-shadow);
  padding: 18px;
}

body.single-product.product-type-auction .woocommerce-tabs ul.tabs{
  display:flex !important;
  gap: 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

body.single-product.product-type-auction .woocommerce-tabs ul.tabs li{
  border: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product.product-type-auction .woocommerce-tabs ul.tabs li a{
  color: var(--kv-muted) !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .35px;
  font-size: 12px;
}

body.single-product.product-type-auction .woocommerce-tabs ul.tabs li.active a{
  color: var(--kv-gold) !important;
}

/* ---------------------------------------------------------
   10) Responsive
   --------------------------------------------------------- */
@media (max-width: 980px){
  body.single-product.product-type-auction .woocommerce,
  body.single-product.product-type-auction .site-content,
  body.single-product.product-type-auction .content-area{
    padding: 0 14px !important;
  }

  body.single-product.product-type-auction div.product{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.single-product.product-type-auction .woocommerce-product-gallery{
    min-height: 380px;
  }

  body.single-product.product-type-auction .uwa_auction_product_countdown .countdown_row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* =========================================================
   Ultimate Auctions PRO – Luxe productpagina skin
   Targets: #auction-product-type, .winner-name, .uwa_..., .current-bid
   ========================================================= */

:root{
  --kv-bg:#07090d;
  --kv-card1: rgba(255,255,255,.06);
  --kv-card2: rgba(255,255,255,.03);
  --kv-border: rgba(255,255,255,.10);
  --kv-text: rgba(255,255,255,.90);
  --kv-muted: rgba(255,255,255,.65);
  --kv-gold:#d7b04a;
  --kv-gold2:#b98d2c;
  --kv-radius: 22px;
  --kv-shadow: 0 18px 55px rgba(0,0,0,.55);
  --kv-glow: 0 0 0 1px rgba(215,176,74,.10), 0 14px 45px rgba(215,176,74,.08);
}

/* --- Rechter kaart (summary) als luxe card --- */
.single-product .summary.entry-summary{
  border-radius: var(--kv-radius) !important;
  background: linear-gradient(180deg, var(--kv-card1), var(--kv-card2)) !important;
  border: 1px solid var(--kv-border) !important;
  box-shadow: var(--kv-shadow) !important;
  padding: 18px !important;
  overflow: hidden !important;
  position: relative !important;
}

.single-product .summary.entry-summary:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(800px 260px at 30% 0%, rgba(215,176,74,.12), transparent 55%);
  pointer-events:none;
}

/* --- Huidig bod: dit staat in jouw HTML --- */
.single-product .woo-ua-auction-price.current-bid{
  display:flex !important;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;

  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--kv-glow);
}

.single-product .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  color: var(--kv-muted) !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
}

.single-product .woo-ua-auction-price.current-bid .amount{
  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 22px !important;
}

/* --- Winner badge (inline groen) --- */
.single-product .winner-name span[style*="color:green"][style*="font-size:20px"]{
  color: #101015 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 10px 16px !important;
  border-radius: 999px !important;

  background: linear-gradient(135deg, #f5dc8a, var(--kv-gold), var(--kv-gold2)) !important;
  box-shadow: 0 12px 30px rgba(215,176,74,.35), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.single-product .winner-name span[style*="color:green"][style*="font-size:20px"]::before{
  content:"👑";
  font-size: 14px;
}

/* --- Countdown wrapper --- */
.single-product .uwa_auction_time{
  margin-top: 10px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.single-product .uwa_auction_time > strong{
  display:block !important;
  color: var(--kv-muted) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
  font-size: 12px !important;
  margin-bottom: 10px !important;
}

/* Countdown vakjes */
.single-product .uwa_auction_product_countdown .countdown_row{
  display:grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 10px !important;
}

.single-product .uwa_auction_product_countdown .countdown_section{
  text-align:center !important;
  padding: 12px 10px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--kv-text) !important;
}

.single-product .uwa_auction_product_countdown .countdown_amount{
  display:block !important;
  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
}

/* --- Biedformulier --- */
.single-product form#uwa_auction_form{
  margin-top: 12px !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: var(--kv-glow) !important;
}

.single-product .quantity.buttons_added{
  display:flex !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin-bottom: 12px !important;
}

.single-product .uwa_currency{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width: 46px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--kv-muted) !important;
  font-weight: 900 !important;
}

.single-product #uwa_bid_value{
  flex: 1 !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.35) !important;
  color: var(--kv-text) !important;
  padding: 12px 12px !important;
  outline: none !important;
}

.single-product #uwa_bid_value:focus{
  border-color: rgba(215,176,74,.45) !important;
  box-shadow: 0 0 0 3px rgba(215,176,74,.12) !important;
}

.single-product #placebidbutton{
  width: 100% !important;
  border: 0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-weight: 950 !important;
  letter-spacing: .2px !important;
  color: #101015 !important;
  background: linear-gradient(180deg, var(--kv-gold), var(--kv-gold2)) !important;
  box-shadow: 0 10px 24px rgba(215,176,74,.20) !important;
}

/* Min bod hint */
.single-product .uwa_inc_price_hint{
  margin-top: 10px !important;
  color: var(--kv-muted) !important;
}
.single-product .uwa_inc_price_hint .amount{
  color: var(--kv-gold) !important;
  font-weight: 900 !important;
}

/* Mobiel countdown 2x2 */
@media (max-width: 520px){
  .single-product .uwa_auction_product_countdown .countdown_row{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
/* =========================================
   Toon "Huidig bod: € ..." super duidelijk
   Ultimate Auctions PRO
   ========================================= */

/* Zorg dat de price container zichtbaar is */
.single-product .summary p.price{
  display: block !important;
  margin: 12px 0 14px !important;
}

/* Luxe current bid bar */
.single-product .summary .woo-ua-auction-price.current-bid{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;

  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 0 0 1px rgba(215,176,74,.10), 0 14px 40px rgba(0,0,0,.55) !important;
}

/* Label links */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  color: rgba(255,255,255,.70) !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
}

/* Bedrag rechts groot en goud */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount{
  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

/* Zorg dat de price niet op rare plekken zweeft */
.single-product .summary .woo-ua-auction-price.current-bid *{
  float: none !important;
}
/* ==========================
   VISIBILITY FIX: current bid wordt niet zichtbaar
   ========================== */

/* Force prijsregel zichtbaar */
.single-product .summary p.price,
.single-product .summary p.price *{
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Maak de current-bid balk altijd duidelijk zichtbaar */
.single-product .summary .woo-ua-auction-price.current-bid{
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 0 0 1px rgba(215,176,74,.12), 0 14px 40px rgba(0,0,0,.55) !important;
}

/* Label */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  color: rgba(255,255,255,.70) !important;
}

/* Bedrag: goud en groot */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount,
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-currencySymbol{
  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 24px !important;
}
/* =========================================
   Ultimate Auctions PRO – Luxe countdown (geen wit blok)
   Element: .uwa_auction_product_countdown .countdown_row
   ========================================= */

/* Wrapper van de countdown (de witte balk verwijderen) */
.single-product .uwa_auction_product_countdown{
  width: 100% !important;
  padding: 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55), 0 0 0 1px rgba(215,176,74,.10) !important;
  overflow: hidden !important;
}

/* Countdown rij -> grid */
.single-product .uwa_auction_product_countdown .countdown_row{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Elk vakje (Day/Hour/Min/Sec) */
.single-product .uwa_auction_product_countdown .countdown_section{
  display: grid !important;
  place-items: center !important;
  text-align: center !important;

  padding: 12px 10px !important;
  border-radius: 16px !important;

  background: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.14)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;

  color: rgba(255,255,255,.70) !important;
  font-weight: 800 !important;
  font-size: 12px !important;
}

/* Nummer groot + goud */
.single-product .uwa_auction_product_countdown .countdown_amount{
  display: block !important;
  margin-bottom: 4px !important;

  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

/* Br weg (nettere spacing) */
.single-product .uwa_auction_product_countdown .countdown_section br{
  display: none !important;
}

/* Labels (Day(s) etc) iets kleiner */
.single-product .uwa_auction_product_countdown .countdown_section{
  row-gap: 6px;
}

/* Mobile: 2x2 */
@media (max-width: 520px){
  .single-product .uwa_auction_product_countdown .countdown_row{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.single-product .uwa_auction_time > strong{
  display: inline-block !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.70) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
  font-size: 11px !important;
}
/* =========================================
   FIX: "Huidige bod" blok strak & luxe
   Ultimate Auctions PRO
   ========================================= */

/* 1) Reset alle rare inline/float gedrag binnen current bid */
.single-product .summary .woo-ua-auction-price.current-bid,
.single-product .summary .woo-ua-auction-price.current-bid *{
  float: none !important;
}

/* 2) Maak het blok een nette 2-koloms bar */
.single-product .summary .woo-ua-auction-price.current-bid{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;

  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55), 0 0 0 1px rgba(215,176,74,.10) !important;
}

/* 3) De dubbele punt / rare separator weg */
.single-product .summary .woo-ua-auction-price.current-bid{
  position: relative;
}
.single-product .summary .woo-ua-auction-price.current-bid::after{
  content: "" !important;
}

/* Verberg losse ":" nodes als die via pseudo/inline verschijnen */
.single-product .summary .woo-ua-auction-price.current-bid .sep,
.single-product .summary .woo-ua-auction-price.current-bid .separator{
  display: none !important;
}

/* 4) Label links als mooie chip */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  display: inline-flex !important;
  width: fit-content !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.25) !important;
  border: 1px solid rgba(255,255,255,.10) !important;

  color: rgba(255,255,255,.70) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
}

/* 5) Bedrag rechts groot/goud – en verberg losse currencySymbol */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-currencySymbol{
  display: none !important; /* haalt los '€' weg zodat het niet dubbel/raar staat */
}

.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount{
  justify-self: end !important;
  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
}

/* 6) Zorg dat 'Huidige bod' en bedrag op 1 lijn blijven */
.single-product .summary .woo-ua-auction-price.current-bid bdi{
  white-space: nowrap !important;
}
/* =========================================
   HUIDIGE BOD – definitieve luxe versie
   ========================================= */

.single-product .summary .woo-ua-auction-price.current-bid{
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 18px 22px !important;
  border-radius: 22px !important;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,.07),
    rgba(255,255,255,.03)
  ) !important;

  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 18px 50px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(215,176,74,.12) !important;
}

/* Label links */
.single-product .summary 
.woo-ua-auction-price.current-bid 
.woo-ua-current.auction{

  padding: 8px 14px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  color: rgba(255,255,255,.75) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
}

/* Bedrag rechts */
.single-product .summary 
.woo-ua-auction-price.current-bid 
.woocommerce-Price-amount{

  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

/* € teken */
.single-product .summary 
.woo-ua-auction-price.current-bid 
.woocommerce-Price-currencySymbol{

  font-size: 18px !important;
  opacity: .9 !important;
}

/* Zorg dat niets springt */
.single-product .summary 
.woo-ua-auction-price.current-bid *{

  line-height: 1 !important;
}

/* Mobiel iets compacter */
@media(max-width:520px){
  .single-product .summary 
  .woo-ua-auction-price.current-bid{

    padding: 14px 16px !important;
  }

  .single-product .summary 
  .woo-ua-auction-price.current-bid 
  .woocommerce-Price-amount{

    font-size: 22px !important;
  }
}
/* =====================================================
   FIX DEFINITIEF: bedrag MOET in het kader blijven
   (Ultimate Auctions Pro current-bid)
   ===================================================== */

/* Zorg dat de hele prijsregel niet gek doet */
.single-product .summary p.price{
  display: block !important;
  margin: 12px 0 14px !important;
}

/* Maak current-bid een echte blok-container */
.single-product .summary .woo-ua-auction-price.current-bid{
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  box-sizing: border-box !important;

  padding: 18px 22px !important;
  border-radius: 22px !important;

  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(215,176,74,.12) !important;
}

/* Linker label als chip */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12) !important;

  color: rgba(255,255,255,.75) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
  white-space: nowrap !important;
}

/* Het stuk ": " weg */
.single-product .summary .woo-ua-auction-price.current-bid{
  font-size: 0 !important; /* kill losse tekstnodes zoals ":" */
}

/* Herstel font-sizes voor de echte elementen */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  font-size: 11px !important;
}
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount,
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount *{
  font-size: 28px !important;
}

/* Bedrag rechts: altijd 1 regel, altijd in kader */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  justify-self: end !important;
  white-space: nowrap !important;

  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

/* € teken */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-currencySymbol{
  font-size: 18px !important;
  opacity: .9 !important;
}

/* bdi nooit laten wrappen */
.single-product .summary .woo-ua-auction-price.current-bid bdi{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}
/* =========================================
   HUIDIGE BOD: alles IN het grijze kader
   + € vóór bedrag
   ========================================= */

/* 1) Het grijze kader = p.price */
.single-product .summary p.price{
  display: block !important;
  margin: 12px 0 14px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;

  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55), inset 0 0 0 1px rgba(215,176,74,.10) !important;
}

/* 2) De plugin wrapper moet GEEN eigen “balk” meer tekenen */
.single-product .summary .woo-ua-auction-price.current-bid{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;

  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 3) Label links (chip, maar binnen kader) */
.single-product .summary .woo-ua-auction-price.current-bid .woo-ua-current.auction{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.32) !important;
  border: 1px solid rgba(255,255,255,.10) !important;

  color: rgba(255,255,255,.72) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;
  white-space: nowrap !important;
}

/* 4) Bedrag rechts: groot, goud, altijd 1 regel */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount{
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;

  color: var(--kv-gold) !important;
  font-weight: 950 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* 5) € teken altijd vóór bedrag (ook als plugin het verbergt/verplaatst) */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount::before{
  content: "€";
  font-size: 18px;
  opacity: .95;
  margin-right: 2px;
}

/* 6) Verberg eventuele dubbele currencySymbol uit plugin */
.single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-currencySymbol{
  display: none !important;
}

/* Mobiel iets compacter */
@media(max-width:520px){
  .single-product .summary p.price{ padding: 12px 14px !important; }
  .single-product .summary .woo-ua-auction-price.current-bid .woocommerce-Price-amount.amount{
    font-size: 22px !important;
  }
	
}
/* € teken exact even groot als bedrag */
.single-product .summary 
.woo-ua-auction-price.current-bid 
.woocommerce-Price-amount.amount::before{

  font-size: inherit !important; /* zelfde grootte als bedrag */
  font-weight: 950 !important;
  opacity: 1 !important;
  margin-right: 4px !important;
}
/* € teken dichter bij bedrag */
.single-product .summary 
.woo-ua-auction-price.current-bid 
.woocommerce-Price-amount.amount::before{

  margin-right: 1px !important; /* was 4px */
}
/* =====================================================
   FINISHING TOUCH – "is winning" badge (jouw exacte span)
   Element: span met inline style color:green en font-size:20px
   ===================================================== */

.single-product .winner-name span[style*="color:green"][style*="font-size:20px"]{
  /* Zorg dat hij altijd te stylen is */
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  overflow: hidden !important;

  /* Luxe look */
  color: #101015 !important;                 /* overschrijft groen */
  font-size: 13px !important;               /* netter */
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .35px !important;

  background: linear-gradient(135deg, #f5dc8a, var(--kv-gold), var(--kv-gold2)) !important;
  box-shadow: 0 12px 30px rgba(215,176,74,.30), inset 0 1px 0 rgba(255,255,255,.45) !important;

  /* Pulse */
  animation: kv-winning-pulse 2.6s ease-in-out infinite !important;
}

/* 👑 icoon links */
.single-product .winner-name span[style*="color:green"][style*="font-size:20px"]::before{
  content: "👑" !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Shine sweep */
.single-product .winner-name span[style*="color:green"][style*="font-size:20px"]::after{
  content: "" !important;
  position: absolute !important;
  top: -60% !important;
  left: -60% !important;
  width: 45% !important;
  height: 220% !important;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent) !important;
  transform: rotate(18deg) !important;
  animation: kv-shine 4.2s ease-in-out infinite !important;
  pointer-events: none !important;
}

/* Animaties */
@keyframes kv-winning-pulse{
  0%   { transform: translateZ(0) scale(1);   filter: brightness(1); }
  50%  { transform: translateZ(0) scale(1.01); filter: brightness(1.05); }
  100% { transform: translateZ(0) scale(1);   filter: brightness(1); }
}

@keyframes kv-shine{
  0%   { left: -60%; opacity: 0; }
  15%  { opacity: 1; }
  45%  { left: 120%; opacity: 0; }
  100% { left: 120%; opacity: 0; }
}
/* =========================================
   QUICK TEST: als dit wél werkt, pakken selectors goed
   (na 5 sec kun je dit blok weer verwijderen)
   ========================================= */
.nickx-slider.nswiper{
  outline: 2px solid rgba(215,176,74,.55) !important;
}

/* =========================================
   PRODUCT GALLERY – Luxe frame (Nickx / nswiper)
   ========================================= */

/* Groot frame om slider */
.nickx-slider.nswiper.nickx-slider-for{
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Subtiele gold glow bovenin */
.nickx-slider.nswiper.nickx-slider-for::before{
  content: "" !important;
  position: absolute !important;
  inset: -2px !important;
  background: radial-gradient(900px 260px at 30% 0%, rgba(215,176,74,.14), transparent 60%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.nickx-slider.nswiper.nickx-slider-for .nswiper-wrapper,
.nickx-slider.nswiper.nickx-slider-for .nswiper-slide{
  position: relative !important;
  z-index: 2 !important;
}

/* Images & video mooi afgerond */
.nickx-slider.nswiper.nickx-slider-for img{
  border-radius: 16px !important;
}

.nickx-slider.nswiper.nickx-slider-for iframe{
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.35) !important;
}

/* Pijlen premium */
.nickx-slider.nswiper.nickx-slider-for .nswiper-button-next,
.nickx-slider.nswiper.nickx-slider-for .nswiper-button-prev{
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;

  background: rgba(0,0,0,.45) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.55), 0 0 0 1px rgba(215,176,74,.10) !important;

  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;

  transition: transform .15s ease, filter .15s ease, opacity .15s ease !important;
  z-index: 6 !important;
}

.nickx-slider.nswiper.nickx-slider-for .nswiper-button-next:hover,
.nickx-slider.nswiper.nickx-slider-for .nswiper-button-prev:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
}

/* Swiper icons (meestal ::after) */
.nickx-slider.nswiper.nickx-slider-for .nswiper-button-next::after,
.nickx-slider.nswiper.nickx-slider-for .nswiper-button-prev::after{
  color: rgba(215,176,74,.95) !important;
  font-weight: 900 !important;
}

/* Zoom overlays binnen het frame houden */
.nickx-slider.nswiper.nickx-slider-for .zoomContainer{
  border-radius: 22px !important;
  overflow: hidden !important;
  z-index: 5 !important;
}

.nickx-slider.nswiper.nickx-slider-for .zoomWindow{
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.65) !important;
}

/* =========================================
   THUMBNAILS – Luxe tray
   (pakkend op jouw HTML: .nickx-thumbnail en .nswiper-wrapper)
   ========================================= */

/* Tray rond thumbnails: pak de wrapper waar thumbnails in zitten */
.nswiper-wrapper:has(.nickx-thumbnail){
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
}

/* Thumbnail cards */
.nickx-thumbnail{
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.25) !important;
  transition: transform .15s ease, border-color .15s ease, filter .15s ease !important;
}

.nickx-thumbnail:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) !important;
}

/* Actief = goud */
.nswiper-slide-thumb-active.nickx-thumbnail{
  border-color: rgba(215,176,74,.55) !important;
  box-shadow: 0 0 0 1px rgba(215,176,74,.20), 0 16px 40px rgba(0,0,0,.55) !important;
}

/* Video thumb overlay */
.video-thumbnail{
  position: relative !important;
}

.video-thumbnail::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(600px 220px at 50% 30%, rgba(215,176,74,.18), transparent 60%),
              linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.45)) !important;
  pointer-events: none !important;
}

.video-thumbnail .video_icon_img{
  position: absolute !important;
  inset: 0 !important;
  margin: auto !important;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.55)) !important;
  opacity: .95 !important;
}

/* Responsive */
@media (max-width: 980px){
  .nickx-slider.nswiper.nickx-slider-for .nswiper-button-next,
  .nickx-slider.nswiper.nickx-slider-for .nswiper-button-prev{
    width: 42px !important;
    height: 42px !important;
  }
}
.nickx-slider-for{
  overflow: hidden !important;
}

.nickx-slider-for .main_arrow{
  opacity: .9 !important;
  transition: transform .15s ease, opacity .15s ease !important;
}
.nickx-slider-for .main_arrow:hover{
  opacity: 1 !important;
  transform: scale(1.05) !important;
}
/* =====================================================
   KILL ZOOM OVERLAY (zoomWindow / zoomContainer)
   Werkt ook als plugin inline styles zet
   ===================================================== */

/* alles wat zoom heet: uit */
.zoomWindow,
.zoomWindowContainer,
.zoomContainer,
.zoomLens{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;

  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* extra: soms wordt hij als div met class gezet en blijft ‘position’ hangen */
div.zoomWindow,
div.zoomContainer,
div.zoomWindowContainer{
  position: static !important;
  left: auto !important;
  top: auto !important;
}
/* =========================================================
   FINAL POLISH – totale look (gallery + thumbs + buttons)
   Plak ONDERAAN je Extra CSS
   ========================================================= */

/* 1) Gallery card: subtiele highlight bovenin + nettere rand */
body.single-product .woocommerce-product-gallery,
body.single-product.product-type-auction .woocommerce-product-gallery{
  position: relative !important;
  border: 1px solid rgba(215,176,74,.22) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset !important;
}

body.single-product .woocommerce-product-gallery::after,
body.single-product.product-type-auction .woocommerce-product-gallery::after{
  content:"" !important;
  position:absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 12px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent) !important;
  pointer-events:none !important;
  opacity: .9 !important;
}

/* 2) Slider pijlen: premium round buttons */
body.single-product .nswiper-button-next,
body.single-product .nswiper-button-prev{
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  backdrop-filter: blur(6px) !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.50), 0 0 0 1px rgba(215,176,74,.10) inset !important;
  transition: transform .15s ease, filter .15s ease, opacity .15s ease !important;
}

body.single-product .nswiper-button-next:hover,
body.single-product .nswiper-button-prev:hover{
  transform: translateY(-1px) scale(1.03) !important;
  filter: brightness(1.08) !important;
}

/* 3) Thumbnails: glass cards + actieve thumb goud */
body.single-product .nickx-thumbnail{
  border-radius: 14px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.40) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

body.single-product .nickx-thumbnail:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(215,176,74,.22) !important;
}

body.single-product .nswiper-slide-thumb-active.nickx-thumbnail{
  border-color: rgba(215,176,74,.45) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.48), 0 0 0 1px rgba(215,176,74,.22) inset !important;
}

/* 4) Lijnen/dividers rechts: consistent subtiel */
body.single-product.product-type-auction .ct-product-divider,
body.single-product .ct-product-divider{
  background: rgba(255,255,255,.10) !important;
  height: 1px !important;
  opacity: .85 !important;
}

/* 5) Bid input: sterkere gold focus */
body.single-product #uwa_bid_value:focus{
  border-color: rgba(215,176,74,.55) !important;
  box-shadow: 0 0 0 3px rgba(215,176,74,.14) !important;
}

/* 6) Het kleine expand/zoom icoontje in gallery: subtieler */
body.single-product .woocommerce-product-gallery .nickx-popup,
body.single-product .woocommerce-product-gallery .zoomContainer,
body.single-product .woocommerce-product-gallery .zoomWindow{
  /* zoom is al killed bij jou; dit temt ook popup overlay gedrag */
}

body.single-product .woocommerce-product-gallery .ct-zoom,
body.single-product .woocommerce-product-gallery .ct-gallery-trigger,
body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
  opacity: .25 !important;
  filter: grayscale(1) !important;
  transition: opacity .15s ease, filter .15s ease !important;
}

body.single-product .woocommerce-product-gallery:hover .ct-zoom,
body.single-product .woocommerce-product-gallery:hover .ct-gallery-trigger,
body.single-product .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger{
  opacity: .55 !important;
  filter: grayscale(0) !important;
}
/* C) SLIDER CARD – moet de gallery/slider een luxe frame geven */
.single-product .nickx-slider,
.single-product .nickx-slider-for{
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(215,176,74,.22) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.60), inset 0 0 0 1px rgba(255,255,255,.06) !important;
  padding: 14px !important;
  position: relative !important;
  overflow: hidden !important;
}
/* D) BALKJE WEG – vaak een pseudo/overlay op de slider */
.single-product .nickx-slider::before,
.single-product .nickx-slider::after,
.single-product .nickx-slider-for::before,
.single-product .nickx-slider-for::after{
  content: none !important;
  display: none !important;
}

.single-product .nickx-slider *::before,
.single-product .nickx-slider *::after{
  /* brute fallback: als het balkje via pseudo op child zit */
  border: 0 !important;
  box-shadow: none !important;
}
/* 3B – PIJLEN: force background + fix pseudo elements */
body.single-product .nswiper-button-next,
body.single-product .nswiper-button-prev,
body.single-product [class*="nswiper-button-next"],
body.single-product [class*="nswiper-button-prev"]{
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;

  background-color: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.60) !important;

  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;

  display: grid !important;
  place-items: center !important;

  z-index: 9999 !important;
}

/* Veel sliders tekenen de pijl via ::after of ::before */
body.single-product .nswiper-button-next::before,
body.single-product .nswiper-button-next::after,
body.single-product .nswiper-button-prev::before,
body.single-product .nswiper-button-prev::after,
body.single-product [class*="nswiper-button-next"]::before,
body.single-product [class*="nswiper-button-next"]::after,
body.single-product [class*="nswiper-button-prev"]::before,
body.single-product [class*="nswiper-button-prev"]::after{
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Soms zit er een svg/icoon binnenin dat onzichtbaar is */
body.single-product .nswiper-button-next svg,
body.single-product .nswiper-button-prev svg,
body.single-product [class*="nswiper-button-next"] svg,
body.single-product [class*="nswiper-button-prev"] svg{
  fill: #fff !important;
  opacity: 1 !important;
}
/* F2 – THUMBNAILS (breed) */
body.single-product .product_thumbnail_item,
body.single-product .nickx-thumbnail,
body.single-product [class*="thumbnail"]{
  border-radius: 16px !important;
  overflow: hidden !important;

  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.45) !important;
}

body.single-product .product_thumbnail_item img,
body.single-product .nickx-thumbnail img{
  border-radius: 14px !important;
  display: block !important;
}
/* =========================================
   PIJLEN – netjes gecentreerd op de slider
   (Nickx / nswiper)
   ========================================= */

/* Zorg dat de slider een positioning context heeft */
body.single-product .nickx-slider,
body.single-product .nickx-slider-for,
body.single-product .nswiper{
  position: relative !important;
}

/* De pijlen zelf */
body.single-product .nswiper-button-next,
body.single-product .nswiper-button-prev{
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;

  background-color: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.60) !important;

  opacity: 1 !important;
  z-index: 9999 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Links/rechts afstand */
body.single-product .nswiper-button-prev{ left: 14px !important; }
body.single-product .nswiper-button-next{ right: 14px !important; }

/* Pijl-icoon (vaak via ::after) zichtbaar houden */
body.single-product .nswiper-button-next::before,
body.single-product .nswiper-button-next::after,
body.single-product .nswiper-button-prev::before,
body.single-product .nswiper-button-prev::after{
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Mobiel: iets kleiner + iets dichter op beeld */
@media (max-width: 768px){
  body.single-product .nswiper-button-next,
  body.single-product .nswiper-button-prev{
    width: 46px !important;
    height: 46px !important;
  }
  body.single-product .nswiper-button-prev{ left: 10px !important; }
  body.single-product .nswiper-button-next{ right: 10px !important; }
}
nav.ct-breadcrumbs {
    display: none !important;
}
/* B) FIX – gallery blok iets naar beneden zodat top border zichtbaar blijft */
.single-product .product-entry-wrapper .images.nickx_product_images_with_video{
  margin-top: 18px !important;   /* probeer 12px / 18px / 24px */
}
/* Summary (rechts) exact op dezelfde hoogte als de gallery */
.single-product .product-entry-wrapper .summary.entry-summary{
  margin-top: 18px !important; /* zelfde waarde als je gallery-fix */
}
/* =========================================================
   ONLY: #tab-description (Woo tab panel description)
   - 1 vaste tekstkleur
   - nette card styling
   - geen invloed buiten dit paneel
========================================================= */

/* Panel card */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description{
  background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(0,0,0,.18)) !important;
  border: 1px solid rgba(214,168,74,.26) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;

  padding: 22px !important;
  margin-top: 14px !important;

  color: #e6d3a3 !important;
}

/* Alles binnen dit paneel krijgt exact dezelfde tekstkleur */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description *{
  color: #e6d3a3 !important;
}

/* Typografie */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p{
  margin: 0 0 12px !important;
  line-height: 1.75 !important;
  font-size: 15px !important;
}

/* Eerste regel als heading */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p:first-of-type{
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: .2px !important;
  margin-bottom: 14px !important;
}

/* Afhaalinformatie */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p.notranslate{
  background: rgba(214,168,74,.08) !important;
  border: 1px solid rgba(214,168,74,.22) !important;
  border-left: 4px solid rgba(214,168,74,.55) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  margin: 14px 0 !important;
}

/* Adresblok (p direct na afhaalinformatie) */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p.notranslate + p{
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  margin: 12px 0 14px !important;
}

/* Waarschuwing (2e .notranslate) */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p.notranslate + p + p.notranslate{
  background: rgba(0,0,0,.24) !important;
  border: 1px solid rgba(214,168,74,.22) !important;
  border-left: 4px solid rgba(255,190,70,.75) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  margin-top: 12px !important;
}

/* Laatste p geen extra ruimte */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description p:last-child{
  margin-bottom: 0 !important;
}

/* Subtiele lijn onderaan */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description::after{
  content: "";
  display: block;
  margin-top: 8px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214,168,74,.35), transparent);
}

/* Mobiel */
@media (max-width: 768px){
  #tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description{
    padding: 16px !important;
    border-radius: 16px !important;
  }
}

/* =========================================================
   Tabs container breedte (zelfde als bovenliggende content)
========================================================= */

/* Tabs sectie container */
.woocommerce div.product .woocommerce-tabs{
  max-width: 1330px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}

/* Description card centreren binnen tabs container
   (GEEN nested selectors meer, GEEN conflicterende max-width resets) */
#tab-description.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description{
  max-width: 1150px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobiel: minder padding in container */
@media (max-width: 768px){
  .woocommerce div.product .woocommerce-tabs{
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* =========================================================
   Tabs styling (Beschrijving / Biedingen / Meer producten)
========================================================= */

/* Tabs bar (UL) */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs{
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;

  padding: 10px 12px !important;
  margin: 12px auto 18px !important;

  border: 1px solid rgba(214,168,74,.22) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.14)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.30) !important;

  max-width: 1150px !important;
  box-sizing: border-box !important;
}

/* Woo default lijnen/pseudo’s weg */
.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;
  content: none !important;
}

/* LI reset */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Tab link */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 10px 14px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(0,0,0,.22) !important;

  color: #e6d3a3 !important;
  text-decoration: none !important;

  font-weight: 700 !important;
  letter-spacing: .25px !important;
  font-size: 12.5px !important;
  text-transform: uppercase !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease !important;
}

/* Hover */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover{
  border-color: rgba(214,168,74,.45) !important;
  background: rgba(214,168,74,.10) !important;
  transform: translateY(-1px) !important;
}

/* Active tab */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a{
  border-color: rgba(214,168,74,.70) !important;
  background: linear-gradient(180deg, rgba(214,168,74,.22), rgba(214,168,74,.10)) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.35) !important;
  position: relative !important;
}

/* Underline active */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a::after{
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: -6px !important;

  height: 3px !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, transparent, #d6a84a, transparent) !important;
}

/* Mobiel: tabs full width */
@media (max-width: 768px){
  .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs{
    padding: 10px !important;
    gap: 8px !important;
    margin: 10px 14px 14px !important;
    max-width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li a{
    width: 100% !important;
    justify-content: center !important;
  }
}
/* =====================================================
   NICKX / NSWIPER — VIDEO + GALLERY FIX (clean, no conflicts)
   - 1x regels voor slide + iframe (geen overrides die elkaar bijten)
   - slider krijgt vaste hoogte zodat hij nooit inklapt
   - iframe altijd klikbaar en zichtbaar
===================================================== */

/* ===== 0) Basis: slider mag niet inklappen ===== */
body.single-product .nickx-slider-for .nswiper-wrapper,
body.single-product .nickx-slider-for .nswiper-slide{
  height: auto !important;
  min-height: 620px !important; /* 1 waarheid: desktop hoogte */
}

/* ===== 1) Frame strak (gouden rand / clip) ===== */
body.single-product .nickx-slider-for,
body.single-product .nickx-slider{
  padding: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important; /* strak clippen binnen rand */
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(215,176,74,.28) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.55) !important;
}

/* Inhoud tot aan randen */
body.single-product .nickx-slider-for .nswiper,
body.single-product .nickx-slider-for .nswiper-wrapper,
body.single-product .nickx-slider-for .nswiper-slide{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ===== 2) Video slide (één set regels) ===== */
body.single-product .nickx-slider-for .tc_video_slide{
  width: 100% !important;
  min-height: 620px !important;
  height: 620px !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  position: relative !important;
  background: transparent !important;
}

/* Wrapper(s) rondom iframe: geen rare spacing */
body.single-product .nickx-slider-for .tc_video_slide .product_video_iframe{
  height: 100% !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* ===== 3) Iframe: altijd full size, klikbaar ===== */
body.single-product .nickx-slider-for .tc_video_slide iframe{
  display: block !important;
  width: 100% !important;
  height: 100% !important;        /* vult 620px van de slide */
  min-height: 620px !important;

  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;     /* rand zit op frame, niet binnenin */
  background: #000 !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  position: relative !important;
  z-index: 50 !important;
}

/* ===== 4) Overlays die klik blokkeren: hard kill ===== */
body.single-product .nickx-slider-for .tc_video_slide > span,
body.single-product .nickx-slider-for .tc_video_slide .product_video_iframe_light,
body.single-product .nickx-slider-for .tc_video_slide .nickx-popup,
body.single-product .nickx-slider-for .tc_video_slide .nfancybox-media{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ===== 5) Theme kan gallery op grid zetten: neutraliseren ===== */
body.single-product .woocommerce-product-gallery{
  display: block !important;
}

/* ===== 6) Pijlen: netjes en gecentreerd ===== */
body.single-product .nswiper-button-next,
body.single-product .nswiper-button-prev{
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.55) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  opacity: .95 !important;

  top: 50% !important;
  transform: translateY(-50%) !important;
}
body.single-product .nswiper-button-prev{ left: 12px !important; }
body.single-product .nswiper-button-next{ right: 12px !important; }

body.single-product .nswiper-button-next:hover,
body.single-product .nswiper-button-prev:hover{
  transform: translateY(-50%) scale(1.04) !important;
  opacity: 1 !important;
}

/* ===== 7) Responsief videohogte ===== */
@media (max-width: 768px){
  body.single-product .nickx-slider-for .nswiper-wrapper,
  body.single-product .nickx-slider-for .nswiper-slide{
    min-height: 520px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide{
    min-height: 520px !important;
    height: 520px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide .product_video_iframe{
    min-height: 520px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide iframe{
    min-height: 520px !important;
  }
}

@media (max-width: 520px){
  body.single-product .nickx-slider-for .nswiper-wrapper,
  body.single-product .nickx-slider-for .nswiper-slide{
    min-height: 420px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide{
    min-height: 420px !important;
    height: 420px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide .product_video_iframe{
    min-height: 420px !important;
  }
  body.single-product .nickx-slider-for .tc_video_slide iframe{
    min-height: 420px !important;
  }
}

/* ===== 8) (OPTIONEEL) Video verplaatsen zonder resize (desktop) =====
   Zet deze alleen aan als je écht moet schuiven.
   Tip: liever NIET doen, want je krijgt snel clipping/rare hitboxes.
*/
@media (min-width: 1025px){
  body.single-product .nickx-slider-for .tc_video_slide iframe#nickx_yt_video_0{
    transform: translate(10px, 0px) !important;
  }
}

/* ===== 9) (OPTIONEEL) Product afbeelding naar beneden schuiven =====
   Dit beïnvloedt alleen de hoofdafbeelding, niet de video.
*/
body.single-product .woocommerce-product-gallery__image img.wp-post-image{
  position: relative !important;
  transform: translateY(100px) !important;
}

/* =====================================================
   KV — WINNING BAR (CLEAN / SINGLE SOURCE OF TRUTH)
   Markup:
   .winner-name
     .kv-winning-bar.is-winning|is-outbid|is-nobid
       .kv-win-left
       .kv-win-text
       .kv-win-badge
===================================================== */

/* ---------- BASE ---------- */
.single-product .winner-name .kv-winning-bar{
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: max-content 1fr max-content !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 14px 16px !important;
  border-radius: 999px !important;

  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.20) !important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* tekst overal mee laten kleuren */
.single-product .winner-name .kv-winning-bar,
.single-product .winner-name .kv-winning-bar *{
  color: inherit !important;
}

/* shine sweep (default uit, alleen aan bij winning) */
.single-product .winner-name .kv-winning-bar::after{
  content: "" !important;
  position: absolute !important;
  top: -60% !important;
  left: -70% !important;
  width: 45% !important;
  height: 220% !important;

  background: linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent) !important;
  transform: rotate(18deg) !important;

  pointer-events: none !important;
  opacity: 0 !important;
}

/* ---------- CHIPS ---------- */
.single-product .winner-name .kv-win-left,
.single-product .winner-name .kv-win-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  white-space: nowrap !important;
  border-radius: 999px !important;

  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(0,0,0,.26) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;

  font-weight: 950 !important;
  font-size: 11px !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

/* badge iets breder */
.single-product .winner-name .kv-win-badge{
  min-width: 138px !important;
  padding: 8px 14px !important;
}

/* Midden tekst */
.single-product .winner-name .kv-win-text{
  min-width: 0 !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  font-weight: 950 !important;
  letter-spacing: .45px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  opacity: .98 !important;
}

/* Als er per ongeluk meerdere nodes in badge zitten */
.single-product .winner-name .kv-win-badge > * + *{
  display: none !important;
}

/* ---------- STATES ---------- */

/* GEEL = geen bod */
.single-product .winner-name .kv-winning-bar.is-nobid{
  background: linear-gradient(135deg, #fff2b5, #d7a93d) !important;
  color: #1a1306 !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow:
    0 18px 52px rgba(215,176,74,.22),
    0 0 0 10px rgba(215,176,74,.10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}
.single-product .winner-name .kv-winning-bar.is-nobid .kv-win-left,
.single-product .winner-name .kv-winning-bar.is-nobid .kv-win-badge{
  background: rgba(0,0,0,.20) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* GROEN = hoogste bod */
.single-product .winner-name .kv-winning-bar.is-winning{
  background: linear-gradient(135deg, #8cffc4, #19a85f) !important;
  color: #05140b !important;
  border-color: rgba(255,255,255,.26) !important;

  box-shadow:
    0 22px 65px rgba(25,168,95,.35),
    0 0 0 12px rgba(60,255,160,.18),
    inset 0 1px 0 rgba(255,255,255,.26) !important;

  animation: kv-bar-win 2.0s ease-in-out infinite !important;
}
.single-product .winner-name .kv-winning-bar.is-winning .kv-win-left{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.single-product .winner-name .kv-winning-bar.is-winning .kv-win-badge{
  background: rgba(0,0,0,.22) !important;
  color: rgba(255,255,255,.96) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.10),
    0 0 26px rgba(90,255,170,.35),
    inset 0 1px 0 rgba(255,255,255,.18) !important;

  animation: kv-badge-pop 1.8s ease-in-out infinite !important;
}
/* shine alleen bij winning */
.single-product .winner-name .kv-winning-bar.is-winning::after{
  opacity: 1 !important;
  animation: kv-shine 2.4s ease-in-out infinite !important;
}

/* ROOD = overboden */
.single-product .winner-name .kv-winning-bar.is-outbid{
  background: linear-gradient(135deg, #ff9b9b, #b32020) !important;
  color: #1a0707 !important;
  border-color: rgba(255,255,255,.26) !important;

  box-shadow:
    0 22px 60px rgba(190,35,55,.30),
    0 0 0 12px rgba(255,80,80,.16),
    inset 0 1px 0 rgba(255,255,255,.22) !important;

  animation: kv-bar-outbid 2.4s ease-in-out infinite !important;
}
.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-left{
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-badge{
  background: rgba(0,0,0,.26) !important;
  color: rgba(255,255,255,.98) !important;
  border-color: rgba(255,255,255,.34) !important;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.10),
    0 0 24px rgba(255,90,90,.30),
    inset 0 1px 0 rgba(255,255,255,.16) !important;

  animation: kv-badge-pop 1.9s ease-in-out infinite !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 680px){
  .single-product .winner-name .kv-winning-bar{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px 14px !important;
  }
  .single-product .winner-name .kv-win-left,
  .single-product .winner-name .kv-win-badge{
    justify-self: center !important;
    min-width: 0 !important;
    width: fit-content !important;
  }
}

/* ---------- ANIMATIONS (1x) ---------- */
@keyframes kv-shine{
  0%{ left:-70%; opacity:0; }
  12%{ opacity:1; }
  45%{ left:140%; opacity:0; }
  100%{ left:140%; opacity:0; }
}
@keyframes kv-bar-win{
  0%{ transform: scale(1); filter: brightness(1); }
  50%{ transform: scale(1.03); filter: brightness(1.12); }
  100%{ transform: scale(1); filter: brightness(1); }
}
@keyframes kv-bar-outbid{
  0%,100%{ transform: translateX(0); }
  92%{ transform: translateX(0); }
  94%{ transform: translateX(-3px); }
  96%{ transform: translateX(3px); }
  98%{ transform: translateX(-2px); }
}
@keyframes kv-badge-pop{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.07); }
  100%{ transform: scale(1); }
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce){
  .single-product .winner-name .kv-winning-bar,
  .single-product .winner-name .kv-winning-bar::after,
  .single-product .winner-name .kv-winning-bar .kv-win-badge{
    animation: none !important;
  }
}
/* =====================================================
   KV — WINNING BAR (FINAL / CLEAN)
   States:
   - is-winning / is-green
   - is-outbid  / is-red
   - is-nobid   / is-yellow  (optioneel)
===================================================== */

/* ---------- BASE LAYOUT + TYPO ---------- */
body.single-product .winner-name .kv-winning-bar{
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;

  display: grid !important;
  grid-template-columns: max-content 1fr max-content !important;
  align-items: center !important;
  gap: 14px !important;

  padding: 14px 16px !important;
  border-radius: 999px !important;
  overflow: hidden !important;

  border: 1px solid rgba(255,255,255,.25) !important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.18) !important;

  transform: translateZ(0);
}

/* Tekst overal mee laten kleuren */
body.single-product .winner-name .kv-winning-bar,
body.single-product .winner-name .kv-winning-bar *{
  color: inherit !important;
}

/* Midden tekst */
body.single-product .winner-name .kv-winning-bar .kv-win-text{
  min-width: 0 !important;
  text-align: center !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;

  font-weight: 950 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  opacity: .98 !important;
}

/* Chips */
body.single-product .winner-name .kv-winning-bar .kv-win-left,
body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  white-space: nowrap !important;
  border-radius: 999px !important;

  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;

  font-weight: 950 !important;
  font-size: 11px !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  min-width: 138px !important;
  padding: 8px 14px !important;
  transition: transform .2s ease, filter .2s ease !important;
}

/* ---------- DEFAULT = GEEL (als er géén state class is) ---------- */
body.single-product .winner-name .kv-winning-bar{
  background:
    radial-gradient(900px 220px at 30% 0%, rgba(255,255,255,.22), transparent 60%),
    linear-gradient(135deg, #fff3bf, #e2b54a, #b9861f) !important;
  color: #1a1306 !important;

  box-shadow:
    0 20px 55px rgba(215,176,74,.26),
    0 0 0 10px rgba(215,176,74,.10),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

/* Chips in geel */
body.single-product .winner-name .kv-winning-bar .kv-win-left,
body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  background: rgba(0,0,0,.20) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Optioneel: als je expliciet is-nobid/is-yellow gebruikt */
body.single-product .winner-name .kv-winning-bar.is-nobid,
body.single-product .winner-name .kv-winning-bar.is-yellow{
  /* zelfde als default geel */
}

/* Subtiele shine (geel) */
body.single-product .winner-name .kv-winning-bar.is-nobid::after,
body.single-product .winner-name .kv-winning-bar.is-yellow::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent) !important;
  opacity:0 !important;
  animation: kv-shine-slow 4.2s ease-in-out infinite !important;
  pointer-events:none !important;
}

/* ---------- WINNING = GROEN ---------- */
body.single-product .winner-name .kv-winning-bar.is-winning,
body.single-product .winner-name .kv-winning-bar.is-green{
  background:
    radial-gradient(900px 240px at 25% 0%, rgba(255,255,255,.25), transparent 60%),
    linear-gradient(135deg, #b7ffe0, #2ce68d, #0ea85a) !important;

  color: #04140a !important;
  border-color: rgba(255,255,255,.30) !important;

  box-shadow:
    0 26px 80px rgba(25,168,95,.40),
    0 0 0 12px rgba(60,255,160,.18),
    0 0 30px rgba(60,255,160,.18),
    inset 0 1px 0 rgba(255,255,255,.26) !important;

  animation: kv-win-pulse 1.9s ease-in-out infinite !important;
}

/* Chips in groen (premium) */
body.single-product .winner-name .kv-winning-bar.is-winning .kv-win-left,
body.single-product .winner-name .kv-winning-bar.is-green  .kv-win-left{
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* Badge extra opvallend in groen */
body.single-product .winner-name .kv-winning-bar.is-winning .kv-win-badge,
body.single-product .winner-name .kv-winning-bar.is-green  .kv-win-badge{
  background: #0aff7a !important;
  color: #04140a !important;
  border: 2px solid #d7ffe9 !important;

  box-shadow:
    0 0 0 6px rgba(80,255,170,.55),
    0 0 35px rgba(80,255,170,.9) !important;

  animation: kv-badge-pulse 1.6s ease-in-out infinite !important;
}

/* Winning shimmer sweep */
body.single-product .winner-name .kv-winning-bar.is-winning::after,
body.single-product .winner-name .kv-winning-bar.is-green::after{
  content:"" !important;
  position:absolute !important;
  top:-60% !important;
  left:-80% !important;
  width:50% !important;
  height:220% !important;

  transform: rotate(18deg) !important;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.60), transparent) !important;
  opacity:0 !important;

  animation: kv-shine-fast 2.3s ease-in-out infinite !important;
  pointer-events:none !important;
}

/* ---------- OUTBID = ROOD ---------- */
body.single-product .winner-name .kv-winning-bar.is-outbid,
body.single-product .winner-name .kv-winning-bar.is-red{
  background:
    radial-gradient(900px 240px at 25% 0%, rgba(255,255,255,.20), transparent 60%),
    linear-gradient(135deg, #ffb3b3, #ff4a4a, #b32020) !important;

  color: #1a0505 !important;
  border-color: rgba(255,255,255,.28) !important;

  box-shadow:
    0 24px 65px rgba(190,35,55,.35),
    0 0 0 12px rgba(255,80,80,.18),
    inset 0 1px 0 rgba(255,255,255,.22) !important;

  animation: kv-outbid-shake 2.4s ease-in-out infinite !important;
}

/* Chips in rood */
body.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-left,
body.single-product .winner-name .kv-winning-bar.is-red   .kv-win-left{
  background: rgba(255,255,255,.16) !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* Badge extra opvallend in rood */
body.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-badge,
body.single-product .winner-name .kv-winning-bar.is-red    .kv-win-badge{
  background: #ff2d2d !important;
  color: #fff !important;
  border: 2px solid #ffd0d0 !important;

  box-shadow:
    0 0 0 6px rgba(255,90,90,.55),
    0 0 35px rgba(255,90,90,.9) !important;

  animation: kv-badge-pulse 1.6s ease-in-out infinite !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 680px){
  body.single-product .winner-name .kv-winning-bar{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px 14px !important;
  }
  body.single-product .winner-name .kv-win-left,
  body.single-product .winner-name .kv-win-badge{
    justify-self: center !important;
    min-width: 0 !important;
    width: fit-content !important;
  }
}

/* ---------- ANIMATIES (1x) ---------- */
@keyframes kv-win-pulse{
  0%{ transform: scale(1); filter: brightness(1); }
  50%{ transform: scale(1.03); filter: brightness(1.12); }
  100%{ transform: scale(1); filter: brightness(1); }
}
@keyframes kv-outbid-shake{
  0%,100%{ transform: translateX(0); }
  92%{ transform: translateX(0); }
  94%{ transform: translateX(-3px); }
  96%{ transform: translateX(3px); }
  98%{ transform: translateX(-2px); }
}
@keyframes kv-badge-pulse{
  0%{ transform: scale(1); }
  50%{ transform: scale(1.12); }
  100%{ transform: scale(1); }
}
@keyframes kv-shine-fast{
  0%{ left:-80%; opacity:0; }
  12%{ opacity:1; }
  45%{ left:140%; opacity:0; }
  100%{ left:140%; opacity:0; }
}
@keyframes kv-shine-slow{
  0%{ opacity:0; transform: translateX(-120%); }
  15%{ opacity:1; }
  55%{ opacity:0; transform: translateX(120%); }
  100%{ opacity:0; }
}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion: reduce){
  body.single-product .winner-name .kv-winning-bar,
  body.single-product .winner-name .kv-winning-bar::after,
  body.single-product .winner-name .kv-winning-bar .kv-win-badge{
    animation: none !important;
  }
}
/* =========================================================
   FINAL PATCH — BADGE ICONS (NO CROWN / NO DUPLICATES)
   Plak helemaal onderaan
========================================================= */

/* 0) Kill ALLE eerdere badge/text pseudo icons (kroon/emoji/whatever) */
body.single-product .winner-name .kv-winning-bar .kv-win-text::before,
body.single-product .winner-name .kv-winning-bar .kv-win-text::after,
body.single-product .winner-name .kv-winning-bar .kv-win-badge::before,
body.single-product .winner-name .kv-winning-bar .kv-win-badge::after{
  content: none !important;
  display: none !important;
}

/* 1) Badge basis: strakker + 1 animatie-systeem */
body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  position: relative !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;

  font-weight: 1000 !important;
  letter-spacing: .7px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;

  border: 2px solid rgba(255,255,255,.75) !important;

  box-shadow:
    0 14px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.20) !important;

  transform: translateZ(0);
}

/* 2) ICON komt NU maar uit 1 plek: op de badge zelf via content */
body.single-product .winner-name .kv-winning-bar.is-winning .kv-win-badge,
body.single-product .winner-name .kv-winning-bar.is-green  .kv-win-badge{
  /* jouw winning badge look (donkerder dan balk) */
  background: linear-gradient(135deg,#064e3b,#0b6b50) !important;
  color: #eafff6 !important;

  box-shadow:
    0 0 0 6px rgba(255,255,255,.16),
    0 0 0 12px rgba(52,211,153,.14),
    0 0 28px rgba(52,211,153,.40),
    0 14px 24px rgba(0,0,0,.22) !important;

  animation: kvBadgePulse 1.7s ease-in-out infinite !important;
}

body.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-badge,
body.single-product .winner-name .kv-winning-bar.is-red    .kv-win-badge{
  background: linear-gradient(135deg,#3a0a0a,#7a1111) !important;
  color: #fff1f1 !important;

  box-shadow:
    0 0 0 6px rgba(255,255,255,.14),
    0 0 0 12px rgba(255,90,90,.14),
    0 0 28px rgba(255,90,90,.42),
    0 14px 24px rgba(0,0,0,.22) !important;

  animation: kvBadgePulse 1.6s ease-in-out infinite !important;
}

/* 3) Voeg 1 enkel icon toe (via extra span wrapper is het mooiste, maar zonder markup kan dit ook)
   -> we doen het met een background “chip” links in de badge via ::after.
   (We hebben ::after net gekillt, dus we zetten 'm hier expliciet weer aan, maar alleen hier.)
*/
body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  padding-left: 34px !important; /* ruimte voor icoon */
}

/* icon bubble */
body.single-product .winner-name .kv-winning-bar.is-winning .kv-win-badge::after,
body.single-product .winner-name .kv-winning-bar.is-green  .kv-win-badge::after,
body.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-badge::after,
body.single-product .winner-name .kv-winning-bar.is-red    .kv-win-badge::after{
  display: inline-flex !important;
  content: "" !important;

  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;

  align-items: center !important;
  justify-content: center !important;

  font-size: 12px !important;
  line-height: 1 !important;

  background: rgba(255,255,255,.18) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color: rgba(255,255,255,.96) !important;
}

/* icon content per state */
body.single-product .winner-name .kv-winning-bar.is-winning .kv-win-badge::after,
body.single-product .winner-name .kv-winning-bar.is-green  .kv-win-badge::after{
  content: "✓" !important;
}

body.single-product .winner-name .kv-winning-bar.is-outbid .kv-win-badge::after,
body.single-product .winner-name .kv-winning-bar.is-red    .kv-win-badge::after{
  content: "!" !important;
}

/* 4) Animaties (1x) */
@keyframes kvBadgePulse{
  0%   { transform: translateZ(0) scale(1);    filter: brightness(1); }
  50%  { transform: translateZ(0) scale(1.10); filter: brightness(1.10); }
  100% { transform: translateZ(0) scale(1);    filter: brightness(1); }
}

/* 5) Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.single-product .winner-name .kv-winning-bar .kv-win-badge{
    animation: none !important;
  }
}
/* Tabs naar links schuiven */
body.single-product ul.tabs.wc-tabs{
  transform: translateX(-50px); /* pas -50px aan naar smaak */
}
/* Beschrijving panel naar links schuiven */
body.single-product #tab-description{
  transform: translateX(-50px); /* pas waarde aan */
}
/* =========================================================
   KV WINNING BAR — OPTIMALIZED (no emoji, cleaner, premium)
   Target: .kv-winning-bar inside .winner-name
========================================================= */

/* 1) Layout/looks: strak, 1 lijn, netjes responsive */
body.single-product .winner-name .kv-winning-bar{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 999px !important;
  box-sizing: border-box !important;

  border: 1px solid rgba(255,255,255,.20) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Alles erbinnen volgt kleur */
body.single-product .winner-name .kv-winning-bar,
body.single-product .winner-name .kv-winning-bar *{
  color: inherit !important;
  box-sizing: border-box !important;
}

/* 2) “Chip” links (Huidige bod) */
body.single-product .winner-name .kv-winning-bar .kv-win-left{
  flex: 0 0 auto !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;

  font-weight: 900 !important;
  font-size: 11px !important;
  letter-spacing: .25px !important;
  white-space: nowrap !important;

  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}

/* 3) Midden tekst — emoji weg + ellipsis */
body.single-product .winner-name .kv-winning-bar .kv-win-text{
  flex: 1 1 auto !important;
  min-width: 0 !important;

  font-weight: 950 !important;
  font-size: 12px !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Emoji kill (meest voorkomende) */
body.single-product .winner-name .kv-winning-bar .kv-win-text{
  /* als er een emoji vooraan staat: visueel weg */
  text-indent: 0 !important;
}

/* Hard-kill voor emoji die door plugin als tekst wordt toegevoegd:
   we verbergen "de eerste printable" niet betrouwbaar in pure CSS,
   maar we kunnen wél het icon dat jij eerder met ::before had volledig uitschakelen.
*/
body.single-product .winner-name .kv-winning-bar .kv-win-text::before,
body.single-product .winner-name .kv-winning-bar .kv-win-text::after{
  content: none !important;
  display: none !important;
}

/* 4) Badge rechts — compact, premium */
body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  flex: 0 0 auto !important;
  padding: 9px 12px !important;
  border-radius: 999px !important;

  font-weight: 1000 !important;
  font-size: 11px !important;
  letter-spacing: .55px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  border: 2px solid rgba(255,255,255,.70) !important;
  background: rgba(0,0,0,.26) !important;

  box-shadow:
    0 10px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

/* 5) States: groen / rood / geel */
body.single-product .winner-name .kv-winning-bar.is-winning,
body.single-product .winner-name .kv-winning-bar.is-green{
  background: linear-gradient(135deg,#bff7dc,#34d399,#059669) !important;
  color: #04140a !important;
  box-shadow:
    0 20px 60px rgba(5,150,105,.22),
    0 0 0 10px rgba(52,211,153,.10),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

body.single-product .winner-name .kv-winning-bar.is-outbid,
body.single-product .winner-name .kv-winning-bar.is-red{
  background: linear-gradient(135deg,#ffd2d2,#ff5454,#b01010) !important;
  color: #1a0505 !important;
  box-shadow:
    0 20px 60px rgba(190,35,55,.18),
    0 0 0 10px rgba(255,80,80,.10),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body.single-product .winner-name .kv-winning-bar.is-nobid,
body.single-product .winner-name .kv-winning-bar.is-yellow{
  background: linear-gradient(135deg,#fff3bf,#e2b54a,#b9861f) !important;
  color: #1a1306 !important;
  box-shadow:
    0 18px 52px rgba(215,176,74,.16),
    0 0 0 10px rgba(215,176,74,.08),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

/* 6) Subtiele shimmer (alleen groen) */
body.single-product .winner-name .kv-winning-bar.is-winning::after,
body.single-product .winner-name .kv-winning-bar.is-green::after{
  content:"" !important;
  position:absolute !important;
  top:-70% !important;
  left:-90% !important;
  width:55% !important;
  height:240% !important;
  transform: rotate(18deg) !important;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.45), transparent) !important;
  opacity: 0 !important;
  animation: kvShineSoft 3.6s ease-in-out infinite !important;
  pointer-events:none !important;
}

@keyframes kvShineSoft{
  0%{ left:-90%; opacity:0; }
  14%{ opacity:.85; }
  46%{ left:150%; opacity:0; }
  100%{ left:150%; opacity:0; }
}

/* 7) Mobiel: onder elkaar als het krap wordt */
@media (max-width: 520px){
  body.single-product .winner-name .kv-winning-bar{
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  body.single-product .winner-name .kv-winning-bar .kv-win-left,
  body.single-product .winner-name .kv-winning-bar .kv-win-badge{
    width: fit-content !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  body.single-product .winner-name .kv-winning-bar.is-winning::after,
  body.single-product .winner-name .kv-winning-bar.is-green::after{
    animation: none !important;
  }
}
/* =========================================================
   KV BAR — EMOJI / ICON HARD REMOVE (WORKS FOR: pseudo + textnode + extra elements)
   Plak HELEMAAL ONDERAAN
========================================================= */

/* 1) Kill pseudo-icons die vaak de 👑 plaatsen */
body.single-product .winner-name .kv-winning-bar::before,
body.single-product .winner-name .kv-winning-bar::after,
body.single-product .winner-name .kv-winning-bar .kv-win-left::before,
body.single-product .winner-name .kv-winning-bar .kv-win-left::after,
body.single-product .winner-name .kv-winning-bar .kv-win-text::before,
body.single-product .winner-name .kv-winning-bar .kv-win-text::after,
body.single-product .winner-name .kv-winning-bar .kv-win-badge::before,
body.single-product .winner-name .kv-winning-bar .kv-win-badge::after{
  content: "" !important;
  display: none !important;
}

/* 2) Als de 👑 als “losse tekst” in de bar staat (tekstnode), verberg die door parent op 0 te zetten */
body.single-product .winner-name .kv-winning-bar{
  font-size: 0 !important;      /* verbergt losse tekstnodes zoals 👑 */
  line-height: 0 !important;
}

/* 3) Zet jouw 3 echte spans weer netjes terug */
body.single-product .winner-name .kv-winning-bar > .kv-win-left,
body.single-product .winner-name .kv-winning-bar > .kv-win-text,
body.single-product .winner-name .kv-winning-bar > .kv-win-badge{
  font-size: 12px !important;   /* pas aan naar smaak */
  line-height: 1 !important;
}

/* 4) Als de 👑 tóch in een apart element zit (span/i/svg/img) vóór je left-chip: kill die ook */
body.single-product .winner-name .kv-winning-bar > :not(.kv-win-left):not(.kv-win-text):not(.kv-win-badge){
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =================================================
   FIX: € icoon netjes IN het invoerveld
================================================= */

/* Wrapper correct positioneren */
body.single-product .uwa_bid_amount_wrapper{
  position: relative !important;
}

/* Euro teken */
body.single-product .uwa_currency{
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 36px !important;
  height: 36px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(255,255,255,.08) !important;
  border-radius: 10px !important;

  font-weight: 900 !important;
  font-size: 16px !important;

  color: #e6d3a3 !important;
  pointer-events: none !important;
}

/* Input ruimte maken voor € */
body.single-product .uwa_bid_amount_wrapper input{
  padding-left: 60px !important; /* ruimte voor euro */
}
/* ALLEEN HET EURO ELEMENT VERPLAATSEN */
body.single-product .uwa_currency{
  position: relative !important;
  left: 48px !important;   /* links/rechts */
  top: 20px !important;      /* omhoog/omlaag */
}

  /* haal sticky-top invloed weg */
  .kvA3__filters{
    top: 0 !important;
  }
.kvA3Winner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #d4af37, #f5d76e);
    padding: 6px 14px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    color: #000; /* ZWARTE TEKST */
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
    animation: winnerPulse 2s infinite;
}

.kvA3Winner span {
    color: #000; /* extra zekerheid */
}

/* Knipperend stipje */
.kvA3Winner__dot {
    width: 8px;
    height: 8px;
    background: #00ff99;
    border-radius: 50%;
    animation: dotBlink 1.2s infinite;
}

/* Pulse animatie */
@keyframes winnerPulse {
    0% { box-shadow: 0 0 8px rgba(212,175,55,0.4); }
    50% { box-shadow: 0 0 20px rgba(212,175,55,0.9); }
    100% { box-shadow: 0 0 8px rgba(212,175,55,0.4); }
}

/* Knipper stip */
@keyframes dotBlink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}
/* =========================================
   UWA BIEDGESCHIEDENIS TAB (table styling)
   Match: dark/glass + gold accents
========================================= */

#tab-uwa_auction_bids_history{
  /* geen extra padding vergroten; alleen nette spacing */
  margin-top: 10px;
}

/* Titel */
#tab-uwa_auction_bids_history > h2{
  color: #d6b15a;
  font-weight: 800;
  letter-spacing: .2px;
  margin: 12px 0 16px;
  font-size: clamp(22px, 2.2vw, 34px);
}

/* Container als “panel” */
#tab-uwa_auction_bids_history .uwa_bids_history_data{
  background: rgba(15,18,22,.55);
  border: 1px solid rgba(214,177,90,.18);
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.55);
  overflow: hidden;
}

/* Table basis */
#tab-uwa_auction_bids_history table.auction-history-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  background: transparent;
}

/* Header */
#tab-uwa_auction_bids_history table.auction-history-table thead th{
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.88);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .35px;
  text-transform: uppercase;

  padding: 14px 16px;
  border-bottom: 1px solid rgba(214,177,90,.18);
}

/* Body cells */
#tab-uwa_auction_bids_history table.auction-history-table tbody td{
  padding: 14px 16px;
  color: rgba(255,255,255,.84);
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
}

/* Subtiele zebra */
#tab-uwa_auction_bids_history table.auction-history-table tbody tr:nth-child(even) td{
  background: rgba(255,255,255,.03);
}

/* Hover */
#tab-uwa_auction_bids_history table.auction-history-table tbody tr:hover td{
  background: rgba(214,177,90,.06);
}

/* Prijs kolom iets “gold” */
#tab-uwa_auction_bids_history td.bid_price .amount{
  color: #d6b15a;
  font-weight: 800;
}

/* Proxy/automatisch kolom: leeg blijft neutraal */
#tab-uwa_auction_bids_history td.proxy{
  color: rgba(255,255,255,.55);
}

/* “Veiling is begonnen” rij (start) als info-bar */
#tab-uwa_auction_bids_history table.auction-history-table tr.start td{
  background: rgba(0,0,0,.28) !important;
  color: rgba(255,255,255,.78);
  font-weight: 700;
  border-bottom: 0;
}

/* Maak “Veiling is begonnen” tekst goudaccent */
#tab-uwa_auction_bids_history table.auction-history-table tr.start td.started{
  color: rgba(214,177,90,.95);
}

/* Rondingen op de buitenhoeken (header) */
#tab-uwa_auction_bids_history table.auction-history-table thead th:first-child{
  border-top-left-radius: 18px;
}
#tab-uwa_auction_bids_history table.auction-history-table thead th:last-child{
  border-top-right-radius: 18px;
}

/* Rondingen op de onderkant van de card */
#tab-uwa_auction_bids_history .uwa_bids_history_data{
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* Responsive: tabel scrollbaar zonder layout breken */
@media (max-width: 768px){
  #tab-uwa_auction_bids_history .uwa_bids_history_data{
    overflow-x: auto;
  }
  #tab-uwa_auction_bids_history table.auction-history-table{
    min-width: 640px;
  }
	}
/* =========================================================
   MEER PRODUCTEN tab – auction product cards “nieuw jasje”
   Scope: alleen tab #tab-more_seller_product
========================================================= */

#tab-more_seller_product ul.products li.product{
  background: rgba(15,18,22,.55);
  border: 1px solid rgba(214,177,90,.20);
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.55);
  overflow: hidden;

  /* geen extra padding (voorkomt groter gevoel) */
  padding: 0 !important;
}

#tab-more_seller_product ul.products li.product:hover{
  border-color: rgba(214,177,90,.35);
  box-shadow: 0 18px 36px rgba(0,0,0,.62);
}
/* Winner bar: zelfde LENGTE als de blokken eronder, zonder kleur/werking te veranderen */
.kvA3Winner{
  width: 100% !important;
  display: flex !important;       /* i.p.v. inline-flex (zodat hij niet “krimpt”) */
  box-sizing: border-box;
}

/* Tekst netjes binnen de volle breedte houden */
.kvA3Winner [data-kv-wintext]{
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Dot + tekst exact in het midden van de balk */
.kvA3Winner{
  justify-content: center !important;
  text-align: center;
}

/* Zorg dat tekst ook netjes gecentreerd blijft */
.kvA3Winner [data-kv-wintext]{
  text-align: center;
}


/* Afbeelding container (Blocksy: ct-media-container) */
#tab-more_seller_product li.product figure{
  margin: 0;
  padding: 12px 12px 0;
}

#tab-more_seller_product li.product .ct-media-container{
  display: block;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.06);
}

#tab-more_seller_product li.product .ct-media-container img{
  border-radius: 0;
  display: block;
}

/* Auction badge icon subtieler en netjes in hoek */
#tab-more_seller_product li.product .uwa_auction_bage_icon{
  width: 42px;
  height: 42px;
  top: 10px;
  right: 10px;
  border-radius: 12px;
  background-color: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(214,177,90,.20);
}

/* Titel */
#tab-more_seller_product li.product .woocommerce-loop-product__title{
  padding: 10px 14px 0;
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
}

#tab-more_seller_product li.product .woocommerce-loop-product__title a{
  color: #d6b15a;
  text-decoration: none;
}

#tab-more_seller_product li.product .woocommerce-loop-product__title a:hover{
  text-decoration: underline;
}

/* Meta blok (vendor + huidig bod) */
#tab-more_seller_product li.product .kv-rel-meta{
  padding: 10px 14px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#tab-more_seller_product li.product .kv-rel-vendor img{
  height: 34px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.18);
  box-shadow: 0 8px 18px rgba(0,0,0,.35);
}

/* “Huidig bod” compact panel */
#tab-more_seller_product li.product .kv-rel-bid{
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(214,177,90,.18);
  border-radius: 14px;
  padding: 8px 10px;
  text-align: right;
}

#tab-more_seller_product li.product .kv-rel-bid__label{
  display: block;
  font-size: 11px;
  letter-spacing: .35px;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
  margin-bottom: 2px;
}

#tab-more_seller_product li.product .kv-rel-bid__value{
  font-weight: 800;
  color: #d6b15a;
}

/* Acties + knop */
#tab-more_seller_product li.product .ct-woo-card-actions{
  padding: 12px 14px 0;
}

#tab-more_seller_product li.product .ct-woo-card-actions a.button{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(214,177,90,.35);
  background: linear-gradient(180deg, rgba(214,177,90,.95), rgba(168,124,44,.95));
  color: #0b0c0e !important;
  font-weight: 800;
  padding: 10px 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,.35);
}

/* Countdown: dezelfde look als je timers */
#tab-more_seller_product li.product .uwa_auction_product_countdown{
  margin: 12px 14px 0;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(214,177,90,.18);
}

#tab-more_seller_product li.product .uwa_auction_product_countdown .countdown_section{
  display: inline-block;
  min-width: 60px;
  margin-right: 8px;
  text-align: center;
  padding: 10px 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.70);
  font-size: 12px;
}

#tab-more_seller_product li.product .uwa_auction_product_countdown .countdown_amount{
  display: block;
  font-weight: 900;
  font-size: 18px;
  color: #d6b15a;
  margin-bottom: 2px;
}

/* WINNER bar (overschrijft inline groen/20px) */
#tab-more_seller_product li.product .winner-name{
  margin: 12px 14px 14px;
}

#tab-more_seller_product li.product .winner-name span{
  display: block;
  width: 100%;
  padding: 10px 12px;
  border-radius: 14px;

  /* overschrijf inline */
  color: rgba(255,255,255,.92) !important;
  font-size: 13px !important;
  font-weight: 800;

  background: rgba(214,177,90,.16);
  border: 1px solid rgba(214,177,90,.22);
  box-shadow: 0 10px 18px rgba(0,0,0,.35);
}

/* Kleine fix: extra logo wrapper die je via JS plaatst (inline styles) netjes laten aansluiten */
#tab-more_seller_product li.product .ct-woo-card-actions > div[style*="justify-content: center"]{
  margin-top: 10px !important;
  padding-bottom: 2px;
}

/* Responsive: tegels wrap */
@media (max-width: 560px){
  #tab-more_seller_product li.product .uwa_auction_product_countdown .countdown_section{
    min-width: 56px;
    margin-bottom: 8px;
  }
}
/* ================================
   FIX: winning balk wordt afgesneden
================================ */

/* Sta overflow toe zodat balk zichtbaar blijft */
#tab-more_seller_product ul.products li.product{
  overflow: visible !important;
}

/* Zorg dat de balk netjes onder de card hangt */
#tab-more_seller_product ul.products li.product .winner-name{
  position: relative;
  z-index: 5;


/* =========================================
   FIX 2: winning balk binnen de card houden
========================================= */

/* Card weer strak (niet buiten het element vallen) */
#tab-more_seller_product ul.products li.product{
  overflow: hidden !important;
}

/* Geef onderin ruimte voor de balk */
#tab-more_seller_product ul.products li.product{
  padding-bottom: 14px !important; /* klein, zodat het niet “groter” oogt */
}

/* Winner blok netjes als footer binnen de card */
#tab-more_seller_product ul.products li.product .winner-name{
  margin: 12px 14px 0 !important;   /* geen marge onder die buiten de card duwt */
}

/* (Als je eerder -6px gebruikte, zet dat uit) */
#tab-more_seller_product ul.products li.product .winner-name span{
  margin-top: 0 !important;
}

#tab-more_seller_product ul.products li.product{
  position: relative;
  padding-bottom: 64px !important;  /* ruimte voor balk */
}

#tab-more_seller_product ul.products li.product .winner-name{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  margin: 0 !important;
}

/* Huidig bod in product card (loop) */
.kv-loop-current-bid{
  margin: 10px 14px 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(214,177,90,.18);
  color: rgba(255,255,255,.85);
  font-weight: 700;
  font-size: 13px;
}
.kv-loop-current-bid strong{
  color: #d6b15a;
  font-weight: 900;
}

/* Verberg standaard play-icoon */
.product_video_img + *,
.product_video_img::after,
.product_video_img::before{
  display: none !important;
}

/* ================================
   YouTube thumb: play-knop weg + YouTube logo overlay
   (werkt via :has(img.product_video_img))
================================ */

/* 1) verberg de bestaande play overlay (meest voorkomende classes) */
.product_video_img ~ .play,
.product_video_img ~ .video-play,
.product_video_img ~ svg,
.ct-video-play,
.video-play,
.play-button,
.play{
  display: none !important;
}

/* 2) zet overlay op de container die de youtube thumbnail bevat */
.ct-media-container:has(img.product_video_img),
a:has(img.product_video_img),
figure:has(img.product_video_img),
div:has(> img.product_video_img){
  position: relative !important;
}

/* 3) YouTube “badge” (rode play) in het midden */
.ct-media-container:has(img.product_video_img)::after,
a:has(img.product_video_img)::after,
figure:has(img.product_video_img)::after,
div:has(> img.product_video_img)::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 44px;
  transform: translate(-50%, -50%);
  background: rgba(255,0,0,.92);
  border-radius: 12px;
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
  pointer-events: none;
  z-index: 5;
}

/* 4) witte play-driehoek Ãn die badge */
.ct-media-container:has(img.product_video_img)::before,
a:has(img.product_video_img)::before,
figure:has(img.product_video_img)::before,
div:has(> img.product_video_img)::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-35%, -50%);
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  pointer-events: none;
  z-index: 6;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.25));
}

/* Verwijder oude winnaar-balk volledig */
.single-product .winner-name span.kv-winner-original{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Verwijder product divider */
.single-product span.ct-product-divider[data-id="divider_1"]{
  display: none !important;
}

.single-product .kv-winning-bar{
  position: relative;
  top: -25px; /* hoger = meer omhoog */
}

/* Verwijder divider_2 */
.single-product span.ct-product-divider[data-id="divider_2"]{
  display: none !important;
}

/* Zet filters op desktop lager zodat hij gelijk komt met de product cards */
@media (min-width: 980px){
  :root{
    --kv-filter-offset: 32px; /* <-- verstel dit (bv 20, 28, 36) */
  }

  /* Zorg dat de container geen rare achtergrond/ruimte achterlaat */
  body.single-product .winner-name{
    position: relative !important;
    background: transparent !important;
  }

  /* Toon ALLEEN onze bar, verberg de rest in winner-name (dit pakt ook div/p/span) */
  body.single-product .winner-name > *:not(.kv-winning-bar){
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Als de plugin toch iets in een geneste laag zet: verberg alles behalve de bar */
  body.single-product .winner-name *:not(.kv-winning-bar):not(.kv-winning-bar *){
    /* LET OP: dit is de “brute” hammer */
    visibility: hidden !important;
  }

  /* Onze bar altijd bovenop, en alle randjes/glow afsnijden */
  body.single-product .winner-name .kv-winning-bar{
    position: relative !important;
    z-index: 99999 !important;
    overflow: hidden !important;     /* snijdt het witte randje weg */
    box-shadow: none !important;     /* voorkomt rare “achterbalk” glow */
  }

  /* Badge: kill alle borders/outline/shadows die het witte stukje kunnen geven */
  body.single-product .winner-name .kv-winning-bar .kv-win-badge{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  /* Als er pseudo-elements glows zijn (soms door themes): uitzetten */
  body.single-product .winner-name .kv-winning-bar::before,
  body.single-product .winner-name .kv-winning-bar::after,
  body.single-product .winner-name .kv-winning-bar .kv-win-badge::before,
  body.single-product .winner-name .kv-winning-bar .kv-win-badge::after{
    content: none !important;
    display: none !important;
  }
} /* ✅ BELANGRIJK: @media (min-width: 980px) nu afgesloten */


/* =========================================================
   Knalveilingen.de – WooCommerce CART (Blocks) skin
   Works with: .wp-block-woocommerce-cart / wc-block-*
========================================================= */

body.woocommerce-cart{
  --kv-bg: #070a12;
  --kv-panel: rgba(16, 22, 40, 0.62);
  --kv-panel-2: rgba(10, 14, 26, 0.72);
  --kv-border: rgba(255, 255, 255, 0.08);
  --kv-border-2: rgba(255, 255, 255, 0.12);
  --kv-text: rgba(255, 255, 255, 0.88);
  --kv-muted: rgba(255, 255, 255, 0.62);
  --kv-gold: #f4c24d;
  --kv-gold-2: #ffdd7a;
  --kv-green: #30d158;
  --kv-danger: #ff453a;

  --kv-radius-lg: 22px;
  --kv-radius-md: 16px;
  --kv-radius-sm: 12px;

  --kv-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
  --kv-glow: 0 0 0 1px rgba(255, 209, 102, 0.14), 0 18px 55px rgba(0, 0, 0, 0.65);
}

body.woocommerce-cart #page,
body.woocommerce-cart .site,
body.woocommerce-cart .site-content{
  background: radial-gradient(1200px 700px at 20% -10%, rgba(244, 194, 77, 0.12), transparent 55%),
              radial-gradient(900px 650px at 90% 0%, rgba(255, 221, 122, 0.08), transparent 60%),
              linear-gradient(180deg, #05070f 0%, #070a12 100%);
}

/* Scope to Blocks Cart */
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  color: var(--kv-text);
}

/* --- Notices (Blocks) --- */
body.woocommerce-cart .wc-block-components-notice{
  border-radius: var(--kv-radius-md) !important;
  border: 1px solid var(--kv-border) !important;
  background: rgba(10, 14, 26, 0.75) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.4);
  color: var(--kv-text) !important;
}
body.woocommerce-cart .wc-block-components-notice__content a{
  color: var(--kv-gold-2) !important;
  text-decoration: none;
}
body.woocommerce-cart .wc-block-components-notice__content a:hover{
  text-decoration: underline;
}

/* --- Main cart containers / cards --- */
body.woocommerce-cart .wc-block-cart__form,
body.woocommerce-cart .wc-block-cart__totals,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius-lg);
  background: var(--kv-panel);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--kv-shadow);
  overflow: hidden;
}

/* Some Block layouts wrap content in inner sections */
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-cart__totals,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
  padding: 18px;
}

/* --- Headings / titles --- */
body.woocommerce-cart .wp-block-woocommerce-cart h1,
body.woocommerce-cart .wp-block-woocommerce-cart h2,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2{
  color: rgba(255,255,255,0.92);
  font-weight: 800;
}

/* Empty cart icon/title spacing */
body.woocommerce-cart .wc-block-cart__empty-cart__title{
  margin-top: 6px;
  margin-bottom: 10px;
}

/* Dots separator */
body.woocommerce-cart hr.is-style-dots{
  opacity: .55;
}

/* --- Buttons (Blocks) --- */
body.woocommerce-cart .wc-block-components-button,
body.woocommerce-cart .wp-block-button__link,
body.woocommerce-cart .wc-block-cart__submit-button{
  border-radius: 999px !important;
  min-height: 44px;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  letter-spacing: .01em;
  border: 1px solid rgba(244, 194, 77, 0.35) !important;
  background: rgba(244, 194, 77, 0.14) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}

body.woocommerce-cart .wc-block-components-button:hover,
body.woocommerce-cart .wp-block-button__link:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover{
  transform: translateY(-1px);
  background: rgba(244, 194, 77, 0.18) !important;
  border-color: rgba(244, 194, 77, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(244, 194, 77, 0.10);
}

/* Primary checkout button (usually "Doorgaan naar afrekenen") */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-button.wc-block-components-checkout-button{
  background: linear-gradient(180deg, rgba(244,194,77,0.95), rgba(196,135,34,0.92)) !important;
  color: rgba(10, 10, 12, 0.92) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.55);
}

/* Secondary link-like buttons */
body.woocommerce-cart .wc-block-components-button.is-link{
  background: transparent !important;
  border-color: rgba(255,255,255,0.10) !important;
  color: var(--kv-gold-2) !important;
}

/* --- Inputs (coupon, qty, etc.) --- */
body.woocommerce-cart .wc-block-components-text-input input,
body.woocommerce-cart .wc-block-components-text-input textarea,
body.woocommerce-cart .wc-block-components-select select,
body.woocommerce-cart input[type="text"],
body.woocommerce-cart input[type="number"]{
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.92) !important;
  border-radius: 999px !important;
  min-height: 44px;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.25);
  transition: border-color .15s ease, box-shadow .15s ease;
}

body.woocommerce-cart .wc-block-components-text-input input:focus,
body.woocommerce-cart .wc-block-components-select select:focus,
body.woocommerce-cart input[type="text"]:focus,
body.woocommerce-cart input[type="number"]:focus{
  border-color: rgba(244, 194, 77, 0.45) !important;
  box-shadow: 0 0 0 4px rgba(244, 194, 77, 0.14) !important;
}

/* Placeholders */
body.woocommerce-cart ::placeholder{
  color: rgba(255,255,255,0.45);
}

/* --- Cart lines/items (Blocks) --- */
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-cart-items__header,
body.woocommerce-cart .wc-block-cart-item{
  border-color: rgba(255,255,255,0.08) !important;
}

body.woocommerce-cart .wc-block-cart-items__header{
  background: rgba(7,10,18,0.45);
}

body.woocommerce-cart .wc-block-cart-item{
  padding-top: 14px;
  padding-bottom: 14px;
}

body.woocommerce-cart .wc-block-cart-item__product a{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 700;
  text-decoration: none;
}
body.woocommerce-cart .wc-block-cart-item__product a:hover{
  color: var(--kv-gold-2) !important;
}

body.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge .wc-block-components-product-price__value,
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price__value{
  color: var(--kv-gold-2) !important;
  font-weight: 800;
}

/* Thumbnails */
body.woocommerce-cart .wc-block-cart-item__image img{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 10px 22px rgba(0,0,0,0.45);
}

/* Remove item */
body.woocommerce-cart .wc-block-cart-item__remove-link,
body.woocommerce-cart .wc-block-cart-item__remove-link:visited{
  color: rgba(255,255,255,0.70) !important;
  text-decoration: none !important;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover{
  color: #fff !important;
  text-decoration: underline !important;
}

/* --- Totals table --- */
body.woocommerce-cart .wc-block-components-totals-wrapper,
body.woocommerce-cart .wc-block-components-totals-item{
  border-color: rgba(255,255,255,0.08) !important;
}

body.woocommerce-cart .wc-block-components-totals-item__label{
  color: rgba(255,255,255,0.78) !important;
  font-weight: 700;
}
body.woocommerce-cart .wc-block-components-totals-item__value{
  color: rgba(255,255,255,0.92) !important;
  font-weight: 800;
}
body.woocommerce-cart .wc-block-components-totals-footer-item__value{
  color: var(--kv-gold-2) !important;
}

/* --- Shipping methods radio accent --- */
body.woocommerce-cart .wc-block-components-radio-control__input{
  accent-color: var(--kv-gold);
}

/* --- Empty cart "Nieuw in de winkel" grid --- */
body.woocommerce-cart .wc-block-grid__products{
  gap: 18px !important;
}

body.woocommerce-cart .wc-block-grid__product{
  border: 1px solid var(--kv-border);
  border-radius: var(--kv-radius-md);
  background: rgba(10, 14, 26, 0.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.40);
  padding: 14px !important;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.woocommerce-cart .wc-block-grid__product:hover{
  transform: translateY(-2px);
  border-color: rgba(244, 194, 77, 0.28);
  box-shadow: 0 0 0 1px rgba(244,194,77,0.12), 0 18px 45px rgba(0,0,0,0.55);
}

body.woocommerce-cart .wc-block-grid__product-image img{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
}

body.woocommerce-cart .wc-block-grid__product-title{
  color: rgba(255,255,255,0.92);
  font-weight: 800;
  line-height: 1.25;
  margin-top: 10px;
}

body.woocommerce-cart .wc-block-grid__product-price,
body.woocommerce-cart .wc-block-grid__product-price *{
  color: var(--kv-gold-2) !important;
  font-weight: 800;
}

/* Fix wp button inside product card */
body.woocommerce-cart .wc-block-grid__product .wp-block-button__link{
  width: 100%;
  text-align: center;
}

/* --- Small screens --- */
@media (max-width: 768px){
  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-cart .wc-block-cart__totals,
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
    padding: 14px;
  }

  body.woocommerce-cart .wc-block-components-button,
  body.woocommerce-cart .wp-block-button__link,
  body.woocommerce-cart .wc-block-cart__submit-button{
    width: 100%;
  }
}

/* =========================================================
   Knalveilingen.de – KV veiling-card look
   ONLY on Cart page + ONLY inside empty-cart block
   Targets: .wp-block-woocommerce-empty-cart-block ul.products > li.product
========================================================= */

body.woocommerce-cart{
  --kv-text:#f3f3f3;
  --kv-muted:rgba(243,243,243,.70);
  --kv-border:rgba(255,255,255,.10);
  --kv-gold:#d7b14b;
  --kv-gold2:#c9a227;
  --kv-shadow: 0 22px 70px rgba(0,0,0,.65);
  --kv-r:18px;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products{
  display:grid !important;
  grid-template-columns: 1fr !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
}

@media (min-width: 520px){
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
  ul.products{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width: 1100px){
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
  ul.products{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}


/* (optioneel) als je echt 4 kolommen wil op grote schermen, zet dit aan */
/*
@media (min-width: 1280px){
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
  ul.products{
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
*/

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product{
  position:relative !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;

  border:1px solid rgba(215,177,75,.18) !important;
  border-radius: var(--kv-r) !important;
  overflow:hidden !important;
  background: radial-gradient(1200px 500px at 20% -10%, rgba(215,177,75,.10), transparent 45%),
              linear-gradient(180deg, #161616, #0a0a0a) !important;
  box-shadow: var(--kv-shadow) !important;
  transform: translateZ(0);
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product:hover{
  border-color: rgba(215,177,75,.35) !important;
}

/* Media area */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product figure{
  margin:0 !important;
  height:240px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(800px 320px at 50% 35%, rgba(255,255,255,.06), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(10,18,40,.55), rgba(6,10,20,.25));
}

@media (max-width: 520px){
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
  ul.products li.product figure{
    height:220px;
    padding:14px;
  }
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product figure img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}

/* Title */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product h2.woocommerce-loop-product__title{
  margin:0 !important;
  padding:18px 18px 0 18px !important;
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:1000 !important;
  letter-spacing:.2px;
  color: var(--kv-text) !important;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product h2 a{
  color: var(--kv-text) !important;
  text-decoration:none !important;
}

/* Winner line (your "X is winning…") */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .winner-name{
  padding:0 18px;
  margin-top:10px;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .winner-name span{
  display:flex !important;
  align-items:center;
  gap:10px;
  font-size:13px !important;
  font-weight:900 !important;
  color: rgba(215,177,75,.96) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .winner-name span::before{
  content:"";
  width:10px; height:10px;
  border-radius:999px;
  background: rgba(215,177,75,.75);
  border:1px solid rgba(215,177,75,.55);
  display:inline-block;
}

/* Countdown panel */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_product_countdown{
  margin:12px 18px 0 18px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_product_countdown .countdown_section{
  color: rgba(255,255,255,.80) !important;
  font-size:12px !important;
  line-height:1.05;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_product_countdown .countdown_amount{
  color: rgba(215,177,75,.95) !important;
  font-weight:1000 !important;
  font-size:16px !important;
}

/* Current bid panel (prefer your kv-loop-current-bid if present) */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .kv-loop-current-bid{
  margin:12px 18px 0 18px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;

  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;

  color: var(--kv-muted) !important;
  font-size:12px !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .kv-loop-current-bid strong{
  font-size:20px !important;
  font-weight:1000 !important;
  color: var(--kv-gold) !important;
}

/* Fallback: style default .price similarly (if kv-loop-current-bid absent) */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .price{
  margin:12px 18px 0 18px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;

  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;

  color: var(--kv-muted) !important;
  font-size:12px !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .price bdi{
  font-size:20px !important;
  font-weight:1000 !important;
  color: var(--kv-gold) !important;
}

/* Actions row (button + vendor logo) */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions{
  margin:14px 18px 18px 18px !important;
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions .button.product_type_auction,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions .button{
  flex:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  padding:13px 14px !important;
  border-radius:16px !important;
  font-weight:1000 !important;
  border:0 !important;
  background: linear-gradient(180deg, var(--kv-gold), var(--kv-gold2)) !important;
  color:#090909 !important;
  box-shadow: 0 18px 45px rgba(215,177,75,.18) !important;
}

/* Vendor logo "chip" look */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"]{
  width:56px;
  min-width:56px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  overflow:hidden;
  transition:.25s;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"]:hover{
  transform: translateY(-1px);
  border-color: rgba(215,177,75,.55);
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"] img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background: none !important;
}

/* Theme cleanup */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions > span.screen-reader-text{
  display:none !important;
}
	
/* =========================================================
   FIXES (Cart only):
   1) Auction "hamer" badge niet afsnijden
   2) Vendor/HBL logo niet afsnijden
========================================================= */

/* 1) Hamer badge: zorg dat hij binnen de card blijft en niet geclipped wordt */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product{
  overflow: visible !important; /* zodat overlays niet worden afgesneden */
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product figure{
  position: relative !important;
  overflow: hidden !important; /* alleen de afbeelding/figure mag clippen */
}

/* Zet de badge netjes rechtsboven binnen de figure */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_bage_icon{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background-size: 70% !important;      /* icoon wat kleiner in de cirkel */
  background-position: center !important;
  background-repeat: no-repeat !important;

  /* subtiele chip look */
  background-color: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.45) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* 2) Vendor/HBL logo: maak het geen "cropped cover" maar "contain" */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"]{
  overflow: hidden !important;       /* mag blijven */
  align-items: center !important;
  justify-content: center !important;
  padding: 6px !important;           /* ruimte rondom logo */
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"] img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;    /* belangrijkste fix */
  object-position: center !important;
  display: block !important;
}


/* Als jouw logo alsnog net te groot oogt, kun je dit aanzetten: */
/*
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"]{
  width: 64px !important;
  min-width: 64px !important;
  height: 52px !important;
}
*/
/* =========================================================
   FINAL FIX – Cart cards netjes binnen kader
   - Card zelf blijft strak
   - Auction badge blijft zichtbaar
========================================================= */

/* 1️⃣ Card mag NIET lekken */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product{
  overflow: hidden !important;   /* belangrijk */
  position: relative !important;
}

/* 2️⃣ Figure beheert alleen image + badge */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product figure{
  position: relative !important;
  overflow: hidden !important;
}

/* 3️⃣ Auction hammer netjes rechtsboven IN figure */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_bage_icon{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;

  background-size: 70% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  background-color: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.45) !important;

  z-index: 3 !important;
  pointer-events: none !important;
}

/* 4️⃣ Countdown ALTIJD binnen body padding */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .uwa_auction_product_countdown{
  position: relative !important;
  margin-left: 18px !important;
  margin-right: 18px !important;
  box-sizing: border-box !important;
}

/* 5️⃣ Bid-boxen nooit breder dan kaart */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .price,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .kv-loop-current-bid{
  max-width: calc(100% - 36px) !important;
  box-sizing: border-box !important;
}

/* 6️⃣ Winner tekst niet laten overlopen */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .winner-name{
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 7️⃣ Extra veiligheid: niks absolute buiten body */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product > *{
  max-width: 100%;
  box-sizing: border-box;
}
/* =========================================================
   FIX: HBL logo heeft geen "max" meer (Cart only)
   - Force wrapper size
   - Remove max-width/max-height caps
========================================================= */

body.woocommerce-cart{
  /* Pas dit aan */
  --hbl-size: 100px;
  --hbl-offset-x: 20px;
  --hbl-offset-y: 0px;
}

/* target alleen de vendor/logo wrapper in de actions */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block
ul.products li.product .ct-woo-card-actions a[target="_blank"]{
  /* hard size */
  width: var(--hbl-size) !important;
  height: var(--hbl-size) !important;
  min-width: var(--hbl-size) !important;
  max-width: none !important;
  max-height: none !important;

  flex: 0 0 var(--hbl-size) !important;  /* voorkomt dat flex ‘m terugduwt */
  padding: 8px !important;              /* wat lucht rondom */
  overflow: visible !important;          /* zodat niks clipped */

  position: relative !important;
  transform: translate(var(--hbl-offset-x), var(--hbl-offset-y)) !important;
}
/* =========================================================
   KV AUCTIONS – SMARTPHONE OPTIMALISATIE (mobile-only)
   Desktop blijft onaangetast
========================================================= */
@media (max-width: 768px){

  /* 0) algemene container breathing room */
  .ct-container-full{
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
  }
  .entry-content{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 1) TOP BAR: zoek + filters + sort netjes onder elkaar */
  .kvA3__top{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .kvA3__search,
  .kvA3__sort,
  .kvA3__filtersBtn{
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;       /* voorkomt iOS zoom */
    border-radius: 14px !important;
  }

  .kvA3__filtersBtn{
    display: inline-flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* 2) LAYOUT: filters aside niet naast results op mobiel */
  .kvA3__layout{
    display: block !important;
  }

  /* 3) FILTERS: maak er een echte mobile drawer van */
  .kvA3__filters{
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    padding: 14px !important;
    background: rgba(0,0,0,.55) !important;

    /* default “hidden” */
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease !important;
  }

  .kvA3__filters[aria-hidden="false"]{
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .kvA3__filtersCard{
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;

    transform: translateY(16px) !important;
    transition: transform .18s ease !important;
  }
  .kvA3__filters[aria-hidden="false"] .kvA3__filtersCard{
    transform: translateY(0) !important;
  }

  .kvA3__filtersHead{
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    padding: 14px !important;
  }
  .kvA3__close{
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  .kvA3__filtersBody{
    padding: 14px !important;
  }
  .kvA3__select{
    width: 100% !important;
    min-height: 44px !important;
    font-size: 16px !important;
    border-radius: 14px !important;
  }

  .kvA3__row{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }
  .kvA3__apply,
  .kvA3__clear{
    min-height: 44px !important;
    border-radius: 14px !important;
    font-weight: 800 !important;
  }

  /* 4) RESULTS + META */
  .kvA3__meta{
    margin: 12px 0 10px !important;
    font-size: 14px !important;
    opacity: .9 !important;
  }

  /* 5) GRID: 1 kolom op mobiel */
  .kvA3Grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* 6) CARD */
  .kvA3Card{
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  .kvA3Card__media img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .kvA3Card__body{
    padding: 14px !important;
  }

  .kvA3Card__title{
    font-size: 16px !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* 7) Winner + countdown */
  .kvA3Winner{
    font-size: 13.5px !important;
    margin-bottom: 10px !important;
  }
  .kvA3Countdown__top{
    font-size: 13px !important;
  }
  .kvA3Countdown__top strong{
    font-size: 14px !important;
  }

  /* 8) Price blok */
  .kvA3Price{
    margin-top: 10px !important;
  }
  .kvA3Price__label{
    font-size: 12.5px !important;
    opacity: .85 !important;
  }
  .kvA3Price__now{
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  /* 9) CTA row */
  .kvA3CTA{
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin-top: 12px !important;
  }

  .kvA3Bid{
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    font-weight: 900 !important;
    padding: 12px 14px !important;
  }

  .kvA3StoreLink{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    min-width: 64px !important;
    border-radius: 14px !important;
    padding: 6px 8px !important;
    overflow: hidden !important;
  }

  .kvA3StoreLogo{
    height: 32px !important;
    width: auto !important;
    max-width: 110px !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* 10) Woo result count */
  .woocommerce-result-count.ct-hidden-sm{
    display: none !important;
  }

  /* 11) Verberg dubbele Woo products grid op mobiel */
  .woocommerce > ul.products.columns-4{
    display: none !important;
  }
}

/* Extra: kleine phones */
@media (max-width: 420px){
  .kvA3CTA{
    grid-template-columns: 1fr !important;
  }
  .kvA3StoreLink{
    width: 100% !important;
    justify-content: center !important;
  }
  .kvA3StoreLogo{
    height: 34px !important;
    max-width: 140px !important;
  }
}

/* Reduce motion (toegankelijkheid) */
@media (prefers-reduced-motion: reduce){
  .kvA3__filters,
  .kvA3__filtersCard{
    transition: none !important;
  }
}

.footer_uwa_copyright{
  display: none !important;
}

/* Afbeelding handmatig aanpassen (mobiel) */
@media (max-width: 768px){
  body.single-product img.wp-post-image{
    transform: translate(0px, 0px) scale(1) !important;
    transform-origin: center center !important;
    display: block !important;
    margin: 0 auto !important;
    width: auto !important;
    max-width: 320px !important;
    height: auto !important;
  }
}

/* Extra kleine schermen */
@media (max-width: 600px){
  .single-product .wp-post-image{
    transform: translate(15px, -40px) scale(1.15) !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Product-specifieke slide tweaks (mobiel klein) */
@media (max-width: 480px){

  #product-8191 .nickx-slider-for .nswiper-slide.zoom.nswiper-slide-active{
    transform: translate(0px, -120px) !important;
  }

  #product-8191 .nickx-slider-for .nswiper-slide.zoom.nswiper-slide-active img.wp-post-image{
    width: 120% !important;
    max-width: none !important;
    height: auto !important;
    margin-left: -10% !important;
  }

  #product-8191 .nickx-slider-for,
  #product-8191 .nickx-slider-for .nswiper-wrapper,
  #product-8191 .nickx-slider-for .nswiper-slide{
    height: auto !important;
  }
}

/* MOBIEL: Woo tabs altijd volledig in beeld + niet te ver naar links */
@media (max-width: 768px){

  html, body{
    overflow-x: hidden !important;
  }

  .woocommerce div.product,
  .woocommerce div.product .woocommerce-tabs,
  .woocommerce div.product .summary,
  .woocommerce div.product .woocommerce-tabs-wrapper{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .woocommerce div.product ul.tabs.wc-tabs,
  .woocommerce div.product ul.tabs.wc-tabs.is-width-constrained{
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    translate: none !important;
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .woocommerce div.product ul.tabs.wc-tabs li{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: auto !important;
    transform: none !important;
  }

  .woocommerce div.product ul.tabs.wc-tabs li a{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding: 14px 14px !important;
    white-space: normal !important;
  }

  .woocommerce div.product .woocommerce-tabs .panel,
  .woocommerce div.product .woocommerce-tabs .wc-tab{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    transform: none !important;
  }
}
/* KV Winning Bar – mobile override (higher specificity to beat inline head CSS) */

/* oude tekst weg (dit werkt al bij jou) */
html body.single-product .winner-name{
  font-size: 0 !important;
  line-height: 0 !important;
}

/* bar + children behouden wél tekst */
html body.single-product .winner-name .kv-winning-bar{
  font-size: 12px !important;
  line-height: 1.2 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.single-product .winner-name .kv-win-text{
  min-width: 0 !important;
}

/* Mobiel layout fix */
@media (max-width: 520px){
  html body.single-product .winner-name .kv-winning-bar{
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "left badge"
      "text text" !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    border-radius: 24px !important;
    margin-top: 0 !important; /* voorkomt overlap op mobiel */
  }

  html body.single-product .winner-name .kv-win-left{
    grid-area: left !important;
    justify-self: start !important;
  }

  html body.single-product .winner-name .kv-win-badge{
    grid-area: badge !important;
    justify-self: end !important;
  }

  html body.single-product .winner-name .kv-win-text{
    grid-area: text !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: hidden !important;
  }
}

@media (max-width: 380px){
  html body.single-product .winner-name .kv-winning-bar{
    padding: 10px 12px !important;
    gap: 6px !important;
  }
  html body.single-product .winner-name .kv-win-text{
    font-size: 11px !important;
  }
}
/* KV Winning Bar – mobile center + icon spacing (force override) */
@media (max-width: 520px){

  /* Zet alles netjes onder elkaar en centreer */
  html body.single-product .winner-name .kv-winning-bar{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "left"
      "text"
      "badge" !important;

    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Bedrag centreren (ook optisch) */
  html body.single-product .winner-name .kv-win-left{
    justify-self: center !important;
    width: fit-content !important;
    margin: 0 auto !important;
  }

  /* Badge centreren */
  html body.single-product .winner-name .kv-win-badge{
    justify-self: center !important;
    width: fit-content !important;
    margin: 0 auto !important;

    /* Zorg dat icoon + tekst netjes uitlijnen */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px 14px !important;
  }

  /* Ruimte fix voor het !-icoon (wat er ook gebeurt in andere CSS) */
  html body.single-product .winner-name .is-red .kv-win-badge::before,
  html body.single-product .winner-name .is-red .kv-win-badge:before{
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    margin-right: 8px !important;
  }
}
/* =========================
   KV Winning Bar – FORCE overrides (higher specificity than snippet)
   ========================= */

/* 1) Label "HUIDIGE BOD" boven het bedrag */
html body.single-product .winner-name .kv-winning-bar .kv-win-left{
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1.05 !important;
  padding: 10px 14px !important; /* extra ruimte voor 2 regels */
  white-space: normal !important; /* snippet zet nowrap, die overrulen we */
}

html body.single-product .winner-name .kv-winning-bar .kv-win-left::before{
  content: "HUIDIGE BOD" !important;
  display: block !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  letter-spacing: .6px !important;
  opacity: .85 !important;
}

/* 2) Meer ruimte tussen het !-icoon (in cirkel) en de tekst */
html body.single-product .winner-name .kv-winning-bar .kv-win-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  padding-left: 22px !important; /* extra buffer links (werkt óók als icoon absolute is) */
}

/* Als het icoon via :before/::before komt: maak 'm “inline” en geef marge */
html body.single-product .winner-name .kv-winning-bar.is-red .kv-win-badge::before,
html body.single-product .winner-name .kv-winning-bar.is-red .kv-win-badge:before{
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin-right: 10px !important;
}
/* Rijtje met input moet volle breedte hebben */
form#uwa_auction_form .quantity.buttons_added{
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;   /* GEEN flex */
  box-sizing: border-box !important;
}

/* Input is de volledige breedte (net als knop) */
form#uwa_auction_form input#uwa_bid_value{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 62px !important; /* ruimte voor € prefix */
}

/* € teken als prefix IN het veld, niet als “los blok” */
form#uwa_auction_form .quantity.buttons_added .uwa_currency{
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  pointer-events: none !important; /* voorkomt klikken op € */
  z-index: 5 !important;
}
/* 100% gericht op jouw biedveld */
body form#uwa_auction_form .quantity.buttons_added{
  position: relative !important;
}

/* Alleen het € teken aanpassen (prefix) */
body form#uwa_auction_form .quantity.buttons_added > span.uwa_currency{
  position: absolute !important;

  /* === HIER PAS JE AAN === */
  left: 1px !important;     /* links/rechts */
  top: 50% !important;       /* basis hoogte (laat meestal 50%) */
  transform: translateY(-70%) !important; /* omhoog/omlaag: -45% lager, -55% hoger */

  width: 30px !important;    /* groter/kleiner blok */
  height: 39px !important;   /* groter/kleiner blok */
  font-size: 18px !important;/* groter/kleiner € */

  /* === styling (optioneel) === */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  z-index: 9999 !important;
  box-sizing: border-box !important;
}
/* € teken iets omhoog uitlijnen met bedrag */
.kv-winning-bar .woocommerce-Price-currencySymbol{
  position: relative;
  top: -2px; /* 🔼 pas dit aan: -1px / -2px / -3px */
}
/* Alleen desktop */
@media (min-width: 1024px){

  /* Countdown container */
  #uwa_auction_countdown{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Binnenste countdown balk */
  #uwa_auction_countdown .uwa_auction_product_countdown{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
.uwa-timezone {
  display: none !important;
}
h5[style*="margin-bottom: 0"]{
  display: none !important;
}
/* 1) Maak het bied-formulier een anker */
#uwa_auction_form{
  position: relative !important;
  padding-bottom: 52px !important; /* ruimte voor de watchlist-link */
}

/* 2) Pin de watchlist-link direct op de eindpositie (onderaan) */
#uwa_auction_form a.add-uwa.uwa-watchlist-action{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  z-index: 10 !important;
}
/* Dynamische statusbalk iets omlaag */
.kv-winning-bar,
.winner-name{
  margin-top: 70px !important;
}