/* =========================================
   B.K.R. DESIGN TOKENS / BASIS
   ========================================= */
:root{
  --bkr-page-bg:#171a20;
  --bkr-page-bg-alt:#1d2128;
  --bkr-surface:#20242c;
  --bkr-surface-2:#252a33;
  --bkr-surface-3:#2b303a;
  --bkr-card:#1f232b;
  --bkr-card-2:#262b34;
  --bkr-card-soft:#2c323d;

  --bkr-border:rgba(255,255,255,.08);
  --bkr-border-soft:rgba(255,255,255,.05);

  --bkr-text:#ffffff;
  --bkr-text-soft:#d0d5de;
  --bkr-text-muted:#9ca4b2;

  --bkr-red:#d62828;
  --bkr-red-dark:#b91f1f;
  --bkr-red-soft:#ef4444;

  --bkr-dark-btn:#111318;
  --bkr-dark-btn-hover:#1a1f27;

  --bkr-shadow:0 12px 30px rgba(0,0,0,.18);
  --bkr-shadow-soft:0 8px 20px rgba(0,0,0,.12);
  --bkr-shadow-lg:0 16px 38px rgba(0,0,0,.22);

  --bkr-radius-lg:18px;
  --bkr-radius-md:14px;
  --bkr-radius-sm:10px;
}

/* =========================================
   GLOBALE B.K.R. DONKERE PAGINA-ACHTERGROND
   Gebruik alleen waar nodig / op B.K.R.-pagina’s
   ========================================= */
body{
  background:var(--bkr-page-bg);
  color:var(--bkr-text);
}

/* Eventuele hoofdcontent iets rustiger laten landen */
.site,
.site-main,
.elementor-location-single,
.elementor-location-archive{
  background:transparent;
}

/* =========================================
   B.K.R. MOBIEL MENU OVERLAY + KLEUREN
   ========================================= */
@media (max-width:767px){
  .elementor-widget-nav-menu{
    position:relative!important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--dropdown,
  .elementor-widget-nav-menu .elementor-nav-menu__container,
  .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown{
    position:absolute!important;
    top:100%!important;
    right:0!important;
    left:auto!important;
    z-index:99999!important;
    min-width:260px!important;
    background:#ffffff!important;
    border-radius:0 0 14px 14px!important;
    box-shadow:0 18px 35px rgba(0,0,0,.16)!important;
    overflow:hidden!important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--dropdown ul,
  .elementor-widget-nav-menu .elementor-nav-menu--dropdown li,
  .elementor-widget-nav-menu .elementor-nav-menu__container ul,
  .elementor-widget-nav-menu .elementor-nav-menu__container li{
    background:#ffffff!important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--dropdown a,
  .elementor-widget-nav-menu .elementor-nav-menu__container a,
  .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item,
  .elementor-widget-nav-menu .elementor-nav-menu__container .elementor-item{
    display:block!important;
    padding:16px 24px!important;
    line-height:1.4!important;
    color:#1e1e1e!important;
    background:transparent!important;
    opacity:1!important;
    visibility:visible!important;
    font-weight:600!important;
  }

  .elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover,
  .elementor-widget-nav-menu .elementor-nav-menu__container a:hover,
  .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item-active,
  .elementor-widget-nav-menu .elementor-nav-menu__container .elementor-item-active,
  .elementor-widget-nav-menu .elementor-nav-menu--dropdown .current-menu-item > a,
  .elementor-widget-nav-menu .elementor-nav-menu__container .current-menu-item > a,
  .elementor-widget-nav-menu .elementor-nav-menu--dropdown .current-menu-ancestor > a,
  .elementor-widget-nav-menu .elementor-nav-menu__container .current-menu-ancestor > a{
    color:var(--bkr-red-dark)!important;
    background:#f3f4f6!important;
  }
}

/* =========================================
   B.K.R. REINIGINGSPAKKETTEN
   ========================================= */
.bkr-clean-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border:none!important;
  border-radius:18px;
  overflow:hidden;
  padding-bottom:28px;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.bkr-clean-featured{
  box-shadow:0 14px 34px rgba(214,40,40,.16)!important;
}

.bkr-clean-badge{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  padding:8px 14px;
  border-radius:999px;
  background:var(--bkr-red);
  color:#ffffff;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.2px;
  box-shadow:0 6px 14px rgba(214,40,40,.22);
}

.bkr-clean-card h3{
  margin:0 24px 10px;
  color:#111111;
  font-size:24px;
  line-height:1.25;
  font-weight:800;
}

.bkr-clean-featured h3{
  padding-right:125px!important;
}

.bkr-clean-btn{
  display:inline-block;
  margin:0 24px;
  padding:14px 18px;
  border-radius:12px;
  background:#111111;
  color:#ffffff!important;
  text-decoration:none!important;
  text-align:center;
  font-size:15px;
  font-weight:700;
  transition:background .25s ease, transform .2s ease;
}

.bkr-clean-btn:hover{
  background:var(--bkr-red)!important;
  transform:translateY(-1px);
}

.bkr-extra-services{
  margin-top:45px;
  padding:28px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.bkr-extra-item{
  padding:18px 16px;
  border-radius:14px;
  background:#ffffff;
  color:#111111;
  font-size:15px;
  font-weight:700;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* =========================================
   B.K.R. AFLEVERPAKKETTEN - LOGO SIZING
   ========================================= */
.bkr-deliver-packages img,
.bkr-package-card img,
.bkr-package-logo img,
.autotrust-logo,
img[src*="autotrust"],
img[src*="image007"]{
  width:auto!important;
  max-width:140px!important;
  max-height:34px!important;
  object-fit:contain!important;
  vertical-align:middle!important;
}

/* =========================================
   B.K.R. VOORRAAD INTRO CARD
   ========================================= */
.bkr-voorraad-card{
  position:relative;
  margin:0 0 28px;
  border:1px solid var(--bkr-border);
  border-radius:18px;
  background:linear-gradient(180deg,var(--bkr-card) 0%, #1b1f26 100%);
  overflow:hidden;
  box-shadow:var(--bkr-shadow-soft);
}

.bkr-voorraad-card__accent{
  position:absolute;
  top:0;
  left:0;
  width:5px;
  height:100%;
  background:linear-gradient(180deg,var(--bkr-red-soft) 0%, var(--bkr-red-dark) 100%);
}

.bkr-voorraad-card__content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 26px 24px 30px;
}

.bkr-voorraad-card__text{
  flex:1 1 auto;
}

.bkr-voorraad-card__label{
  display:inline-block;
  margin-bottom:10px;
  color:var(--bkr-red-soft);
  font-size:12px;
  font-weight:800;
  letter-spacing:1.4px;
}

.bkr-voorraad-card__text h2{
  margin:0 0 8px;
  color:var(--bkr-text);
  font-size:28px;
}

.bkr-voorraad-card__text p{
  margin:0;
  color:var(--bkr-text-soft);
  font-size:15px;
  line-height:1.7;
}

.bkr-voorraad-card__button{
  display:inline-block;
  padding:13px 20px;
  border-radius:12px;
  background:var(--bkr-dark-btn);
  color:var(--bkr-text)!important;
  text-decoration:none;
  font-weight:700;
  white-space:nowrap;
  transition:.25s ease;
}

.bkr-voorraad-card__button:hover{
  background:var(--bkr-red);
}

/* =========================================
   B.K.R. OCCASION CARDS / AUTOLIJST
   ========================================= */
.bkr-car-wrap{
  background:linear-gradient(180deg,#1d2128 0%, #1a1e25 100%);
  border:1px solid var(--bkr-border-soft);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--bkr-shadow-soft);
}

.bkr-car-wrap .elementor-widget-image,
.bkr-car-wrap .elementor-widget-html,
.bkr-car-wrap .elementor-widget-button,
.bkr-car-wrap .elementor-widget-container{
  margin:0!important;
  padding:0!important;
}

.bkr-car-wrap .elementor-widget-image img,
.bkr-car-wrap img{
  display:block;
  width:100%;
  height:auto;
}

.bkr-car{
  background:var(--bkr-card);
  margin:0;
  padding:18px;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.bkr-car-title{
  margin:0 0 6px;
  color:var(--bkr-text);
  font-size:30px;
  line-height:1.2;
  font-weight:800;
}

.bkr-car-sub{
  margin:0 0 14px;
  color:var(--bkr-text-soft);
  font-size:14px;
  line-height:1.6;
}

.bkr-car-specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.bkr-car-spec{
  padding:10px 12px;
  border:1px solid var(--bkr-border-soft);
  border-radius:10px;
  background:var(--bkr-card-2);
}

.bkr-car-label{
  display:block;
  margin-bottom:4px;
  color:var(--bkr-text-muted);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}

.bkr-car-value{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--bkr-text);
  font-size:14px;
  font-weight:700;
}

.bkr-car-value img{
  width:38px;
  height:auto;
}

.bkr-car-desc{
  margin:0 0 18px;
  color:var(--bkr-text-soft);
  font-size:14px;
  line-height:1.7;
}

.bkr-car-bottom{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  padding-top:14px;
  border-top:1px solid var(--bkr-border-soft);
}

.bkr-car-price-wrap{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.bkr-car-price-label{
  color:var(--bkr-text-muted);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.bkr-car-price{
  color:var(--bkr-red-soft);
  font-size:36px;
  line-height:1;
  font-weight:900;
}

.bkr-car-wrap .elementor-button-wrapper{
  padding:0 18px 18px;
}

.bkr-car-wrap .elementor-button{
  width:100%;
  border-radius:12px;
  background:var(--bkr-dark-btn)!important;
  color:var(--bkr-text)!important;
  font-weight:700;
  text-decoration:none!important;
}

.bkr-car-wrap .elementor-button:hover{
  background:var(--bkr-red)!important;
}

/* Alleen knop klikbaar houden */
.bkr-car-title-link,
.bkr-car-price-link{
  text-decoration:none;
  display:inline-block;
}

.bkr-car-title-link:hover .bkr-car-title,
.bkr-car-price-link:hover .bkr-car-price{
  color:inherit;
}

/* =========================================
   B.K.R. AUTODETAIL - ALGEMENE BLOKKEN
   ========================================= */
.bkr-car-block{
  width:100%;
  box-sizing:border-box;
}

.bkr-section-title{
  margin:0 0 18px;
  color:var(--bkr-text);
  font-size:32px;
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.02em;
}

.bkr-section-card{
  background:linear-gradient(180deg,var(--bkr-card) 0%, #1c2028 100%);
  border:1px solid var(--bkr-border);
  border-radius:var(--bkr-radius-lg);
  padding:28px;
  box-shadow:var(--bkr-shadow);
  box-sizing:border-box;
}

.bkr-section-card p{
  margin:0 0 18px;
  color:var(--bkr-text-soft);
  font-size:16px;
  line-height:1.8;
}

.bkr-section-card p:last-child{
  margin-bottom:0;
}

.bkr-section-card strong{
  color:var(--bkr-text);
}

/* =========================================
   B.K.R. AUTODETAIL - CONTACT / PRIJSBLOK
   ========================================= */
.bkr-contact-card{
  background:linear-gradient(180deg,#1f232b 0%, #181c23 100%);
  border:1px solid var(--bkr-border);
  border-radius:18px;
  padding:28px;
  box-shadow:var(--bkr-shadow-lg);
  box-sizing:border-box;
}

.bkr-block-title{
  margin:0;
  color:var(--bkr-text);
  font-weight:800;
  letter-spacing:-.02em;
}

.bkr-contact-title{
  font-size:34px;
  line-height:1.08;
  margin-bottom:12px;
}

.bkr-contact-meta{
  font-size:15px;
  line-height:1.6;
  font-weight:600;
  color:var(--bkr-text-soft);
  margin-bottom:18px;
}

.bkr-contact-divider{
  height:1px;
  background:rgba(255,255,255,.10);
  margin-bottom:20px;
}

.bkr-price{
  font-size:44px;
  line-height:1;
  font-weight:900;
  color:var(--bkr-red-soft);
  margin-bottom:18px;
}

.bkr-contact-text{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.75;
  color:var(--bkr-text-soft);
}

.bkr-btn-group{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.bkr-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:15px 18px;
  border-radius:12px;
  text-decoration:none!important;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
  transition:all .2s ease;
  box-sizing:border-box;
}

.bkr-btn:hover{
  transform:translateY(-1px);
}

.bkr-btn-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

.bkr-btn-icon svg{
  width:18px;
  height:18px;
  display:block;
}

.bkr-btn-whatsapp{
  background:#25D366;
  color:#ffffff!important;
}

.bkr-btn-whatsapp:hover{
  box-shadow:0 8px 18px rgba(37,211,102,.24);
}

.bkr-btn-call{
  background:var(--bkr-red);
  color:#ffffff!important;
}

.bkr-btn-call:hover{
  background:var(--bkr-red-dark);
  box-shadow:0 8px 18px rgba(214,40,40,.22);
}

.bkr-btn-mail{
  background:#0f172a;
  color:#ffffff!important;
}

.bkr-btn-mail:hover{
  box-shadow:0 8px 18px rgba(15,23,42,.24);
}

/* =========================================
   B.K.R. AUTODETAIL - OMSCHRIJVING / SPECS
   ========================================= */
.bkr-description-card{
  background:linear-gradient(180deg,var(--bkr-card) 0%, #1c2028 100%);
}

.bkr-specs-block .bkr-section-title{
  margin-bottom:18px;
}

.bkr-specs-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.bkr-spec-card{
  background:linear-gradient(180deg,var(--bkr-card-2) 0%, #20252d 100%);
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  padding:20px 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.16);
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
}

.bkr-spec-label{
  margin-bottom:8px;
  color:var(--bkr-text-muted);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.bkr-spec-value{
  color:var(--bkr-text);
  font-size:18px;
  line-height:1.45;
  font-weight:700;
}

/* =========================================
   B.K.R. AUTODETAIL - FORMULIER
   ========================================= */
.bkr-car-form-wrap{
  background:linear-gradient(180deg,#232833 0%, #1f242d 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:28px;
  box-shadow:var(--bkr-shadow-lg);
  color:var(--bkr-text);
  width:100%;
}

.bkr-car-form-wrap,
.bkr-car-form-wrap *{
  box-sizing:border-box;
}

.bkr-form-head{
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.bkr-form-title{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.2;
  font-weight:800;
  color:var(--bkr-text);
}

.bkr-form-text{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:#c6cad3;
}

.bkr-form-section{
  margin-bottom:24px;
}

.bkr-form-section-title{
  margin:0 0 14px;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
  color:var(--bkr-text);
  letter-spacing:.2px;
}

.bkr-form-grid{
  display:grid;
  gap:16px;
  margin-bottom:16px;
}

.bkr-grid-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.bkr-form-field{
  display:flex;
  flex-direction:column;
}

.bkr-form-field label{
  margin-bottom:7px;
  font-size:13px;
  font-weight:600;
  color:#d7dbe3;
}

.bkr-form-field input[type="text"],
.bkr-form-field input[type="email"],
.bkr-form-field input[type="tel"],
.bkr-form-field select,
.bkr-form-field textarea{
  width:100%;
  min-height:52px;
  padding:14px 16px;
  border:1px solid #3a414d;
  border-radius:12px;
  background:#2d333d;
  color:var(--bkr-text);
  font-size:15px;
  line-height:1.4;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
  appearance:none;
}

.bkr-form-field textarea{
  min-height:140px;
  resize:vertical;
  padding-top:14px;
}

.bkr-form-field input::placeholder,
.bkr-form-field textarea::placeholder{
  color:#9ea4b0;
  opacity:1;
}

.bkr-form-field select{
  cursor:pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, #cfd3da 50%),
    linear-gradient(135deg, #cfd3da 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:40px;
}

.bkr-form-field input[type="text"]:focus,
.bkr-form-field input[type="email"]:focus,
.bkr-form-field input[type="tel"]:focus,
.bkr-form-field select:focus,
.bkr-form-field textarea:focus{
  border-color:var(--bkr-red-dark);
  background:#313844;
  box-shadow:0 0 0 4px rgba(214,40,40,.14);
}

/* Kenteken */
.bkr-kenteken-field .bkr-kenteken-wrap{
  display:flex;
  align-items:stretch;
  width:100%;
  max-width:360px;
  min-height:58px;
  border:2px solid #1f2025;
  border-radius:12px;
  overflow:hidden;
  background:#f5c400;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}

.bkr-kenteken-nl{
  display:flex;
  align-items:center;
  justify-content:center;
  width:58px;
  min-width:58px;
  background:#1546a0;
  color:#ffffff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:uppercase;
  border-right:2px solid rgba(0,0,0,.15);
}

.bkr-kenteken-input{
  border:none!important;
  border-radius:0!important;
  background:#f5c400!important;
  color:#141414!important;
  min-height:58px!important;
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:1.8px;
  text-transform:uppercase;
  text-align:center;
  padding:8px 14px!important;
  box-shadow:none!important;
}

.bkr-kenteken-input::placeholder{
  color:#2f2f2f!important;
  opacity:.72;
}

.bkr-kenteken-input:focus{
  background:#ffd633!important;
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)!important;
}

.bkr-field-help{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.5;
  color:#aeb4bf;
}

.bkr-checkbox-field{
  margin-top:6px;
}

.bkr-checkbox-label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13px;
  line-height:1.55;
  color:#cdd2db;
  cursor:pointer;
}

.bkr-checkbox-label input[type="checkbox"]{
  margin-top:2px;
  width:18px;
  height:18px;
  accent-color:var(--bkr-red-dark);
  flex-shrink:0;
}

.bkr-form-actions{
  margin-top:6px;
}

.bkr-form-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:54px;
  padding:14px 22px;
  border:none;
  border-radius:12px;
  background:linear-gradient(135deg,var(--bkr-red-dark) 0%, #a61f1f 100%);
  color:#ffffff;
  font-size:15px;
  font-weight:800;
  letter-spacing:.2px;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  box-shadow:0 10px 22px rgba(166,31,31,.25);
}

.bkr-form-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(166,31,31,.30);
  background:linear-gradient(135deg,#d22b2b 0%, #b22020 100%);
}

.bkr-form-submit:active{
  transform:translateY(0);
  box-shadow:0 8px 18px rgba(166,31,31,.24);
}

/* HTML Forms meldingen */
.hf-message,
.hf-error,
.hf-success{
  margin-top:14px;
  border-radius:12px;
  padding:14px 16px;
  font-size:14px;
  line-height:1.5;
}

.hf-success{
  background:rgba(32,118,73,.16);
  border:1px solid rgba(65,170,109,.34);
  color:#d8f5e3;
}

.hf-error{
  background:rgba(166,31,31,.14);
  border:1px solid rgba(198,40,40,.36);
  color:#ffd7d7;
}

.bkr-form-section:last-of-type{
  margin-bottom:20px;
}

/* =========================================
   B.K.R. AUTODETAIL - INFO / DISCLAIMER BLOK
   ========================================= */
.bkr-info-wrap{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}

.bkr-info-card{
  background:linear-gradient(180deg,#202530 0%, #1a1f27 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:22px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.bkr-info-title{
  margin:0 0 14px;
  color:var(--bkr-text);
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.02em;
}

.bkr-info-card p{
  margin:0 0 14px;
  color:#cfd4dd;
  font-size:14px;
  line-height:1.75;
}

.bkr-info-card p:last-child{
  margin-bottom:0;
}

.bkr-info-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.bkr-info-list li{
  position:relative;
  padding-left:18px;
  color:#d7dbe3;
  font-size:14px;
  line-height:1.6;
}

.bkr-info-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.6em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--bkr-red);
}

.bkr-info-disclaimer{
  border-color:rgba(214,40,40,.18);
}

/* =========================================
   RUIMTE TUSSEN DETAILBLOKKEN
   ========================================= */
.bkr-description-block,
.bkr-specs-block,
.bkr-options-block,
.bkr-delivery-block,
.bkr-form-block{
  margin-bottom:34px;
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width:1024px){
  .bkr-specs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .bkr-grid-2{
    grid-template-columns:1fr;
  }
}

@media (max-width:767px){
  .bkr-clean-featured h3{
    padding-right:110px!important;
  }

  .bkr-clean-badge{
    top:14px;
    right:14px;
    padding:7px 12px;
    font-size:10px;
  }

  .bkr-clean-btn{
    padding:13px 16px;
    font-size:14px;
  }

  .bkr-voorraad-card__content{
    flex-direction:column;
    align-items:flex-start;
    padding:20px 18px 20px 24px;
  }

  .bkr-voorraad-card__text h2{
    font-size:22px;
  }

  .bkr-voorraad-card__button{
    width:100%;
    text-align:center;
  }

  .bkr-car{
    padding:15px;
  }

  .bkr-car-title{
    font-size:24px;
  }

  .bkr-car-specs{
    grid-template-columns:1fr;
  }

  .bkr-car-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .bkr-car-price{
    font-size:32px;
  }

  .bkr-section-title{
    font-size:26px;
    margin-bottom:14px;
  }

  .bkr-section-card,
  .bkr-contact-card,
  .bkr-car-form-wrap,
  .bkr-info-card{
    padding:20px;
    border-radius:16px;
  }

  .bkr-contact-title{
    font-size:28px;
  }

  .bkr-price{
    font-size:34px;
  }

  .bkr-btn{
    padding:14px 16px;
    font-size:15px;
  }

  .bkr-btn-icon,
  .bkr-btn-icon svg{
    width:17px;
    height:17px;
  }

  .bkr-specs-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .bkr-spec-card{
    min-height:auto;
    padding:18px 16px;
    border-radius:14px;
  }

  .bkr-spec-value{
    font-size:17px;
  }

  .bkr-form-title{
    font-size:24px;
  }

  .bkr-form-grid{
    gap:14px;
  }

  .bkr-form-field input[type="text"],
  .bkr-form-field input[type="email"],
  .bkr-form-field input[type="tel"],
  .bkr-form-field select,
  .bkr-form-field textarea{
    min-height:50px;
    font-size:15px;
  }

  .bkr-kenteken-field .bkr-kenteken-wrap{
    max-width:100%;
    min-height:54px;
  }

  .bkr-kenteken-nl{
    width:50px;
    min-width:50px;
    font-size:12px;
  }

  .bkr-kenteken-input{
    min-height:54px!important;
    font-size:22px!important;
    letter-spacing:1.2px;
    padding:8px 10px!important;
  }

  .bkr-form-submit{
    min-height:52px;
  }

  .bkr-info-title{
    font-size:20px;
  }

  .bkr-description-block,
  .bkr-specs-block,
  .bkr-options-block,
  .bkr-delivery-block,
  .bkr-form-block{
    margin-bottom:26px;
  }
}/* =========================================
   B.K.R. AANVULLING - GLOBALE PAGINA / SECTIE ACHTERGRONDEN
   ========================================= */

/* algemene contentzones donkerder en consistenter */
body,
.site,
.site-main,
.elementor-location-single,
.elementor-location-archive,
.elementor{
  background: linear-gradient(180deg, #171c23 0%, #1d232c 100%);
}

/* losse witte/lege sections neutraliseren waar geen eigen bg op staat */
.elementor-section:not(.elementor-section-stretched),
.elementor-top-section{
  background-color: transparent;
}

/* algemene donkere tussenlaag voor belangrijke pagina-secties */
.bkr-page-shell,
.bkr-main-shell,
.bkr-content-shell{
  background: linear-gradient(180deg, #1b2129 0%, #202733 100%);
  border-radius: 22px;
}

/* occasions / voorraad pagina als geheel */
.bkr-occasions-page,
.bkr-voorraad-page,
.bkr-auto-list-page{
  background: linear-gradient(180deg, #1a2028 0%, #202732 100%);
}

/* afleverpakketten sectie */
.bkr-delivery-section,
.bkr-packages-section,
.bkr-afleverpakketten-section{
  background: linear-gradient(180deg, #1b2129 0%, #232b36 100%);
  border-radius: 22px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* reinigingspakketten sectie */
.bkr-cleaning-section,
.bkr-reiniging-section,
.bkr-clean-section{
  background: linear-gradient(180deg, #1b2129 0%, #232b36 100%);
  border-radius: 22px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.05);
  box-shadow: 0 12px 28px rgba(0,0,0,.12);
}

/* voorraad / occasion grid omgeving */
.bkr-occasion-grid-wrap,
.bkr-cars-grid-wrap,
.bkr-stock-grid-wrap{
  background: linear-gradient(180deg, #1b2129 0%, #212832 100%);
  border-radius: 22px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.05);
}

/* =========================================
   B.K.R. AANVULLING - FORMULIER + INFO LAYOUT
   ========================================= */

/* wrapper voor links info / rechts formulier */
.bkr-form-layout{
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(520px, 1.35fr);
  gap: 22px;
  align-items: start;
}

/* linker kolom */
.bkr-form-layout__side{
  min-width: 0;
}

/* rechter kolom */
.bkr-form-layout__main{
  min-width: 0;
}

/* form en widgets echt volle breedte geven */
.bkr-form-layout__main,
.bkr-form-layout__main .elementor-widget,
.bkr-form-layout__main .elementor-widget-container,
.bkr-form-layout__main .elementor-shortcode,
.bkr-form-layout__main .elementor-widget-shortcode,
.bkr-form-layout__main .elementor-widget-html,
.bkr-form-layout__main .bkr-car-form-wrap{
  width: 100% !important;
  max-width: none !important;
}

/* html forms output wrapper niet laten knellen */
.hf-form,
.hf-form > div,
.hf-form form{
  width: 100%;
  max-width: none;
}

/* het formulier mag best iets groter ogen */
.bkr-car-form-wrap{
  width: 100%;
  max-width: none;
}

/* kenteken niet onnodig te smal maken op desktop */
.bkr-kenteken-field .bkr-kenteken-wrap{
  max-width: 420px;
}

/* =========================================
   B.K.R. AANVULLING - FORMULIER / DISCLAIMER VISUEEL ÉÉN RIJ
   ========================================= */

.bkr-info-wrap,
.bkr-car-form-wrap{
  height: auto;
}

/* disclaimer cards iets subtieler laten aansluiten */
.bkr-info-card{
  background: linear-gradient(180deg, #202631 0%, #1b2028 100%);
  border: 1px solid rgba(255,255,255,.07);
}

/* =========================================
   B.K.R. AANVULLING - OCCASION / LISTING PAGINA
   ========================================= */

/* gehele card-omgeving iets beter laten loskomen */
.bkr-car-wrap{
  backdrop-filter: blur(2px);
}

/* stock / listing pagina intro beter in lijn met de rest */
.bkr-voorraad-card{
  background: linear-gradient(180deg, #212731 0%, #1b2028 100%);
}

/* =========================================
   B.K.R. AANVULLING - WITTE PAGINA DELEN TERUGDRINGEN
   ========================================= */

/* als Elementor containers wit/transparent teruggeven, neutraliseren */
.elementor-element.elementor-element-edit-mode,
.elementor-container,
.e-con,
.e-con-inner{
  background-clip: padding-box;
}

/* =========================================
/* =========================================
   RESPONSIVE - FORM LAYOUT
   ========================================= */
@media (max-width:1024px){
  .bkr-form-layout{
    grid-template-columns:1fr;
  }

  .bkr-kenteken-field .bkr-kenteken-wrap{
    max-width:100%;
  }

  .bkr-delivery-section,
  .bkr-packages-section,
  .bkr-afleverpakketten-section,
  .bkr-cleaning-section,
  .bkr-reiniging-section,
  .bkr-clean-section,
  .bkr-occasion-grid-wrap,
  .bkr-cars-grid-wrap,
  .bkr-stock-grid-wrap{
    padding:20px;
  }
}
/* =========================================
   FIX: SPECS MOBIEL 2 KOLOMMEN (HARD FORCE)
   ========================================= */

@media (max-width:767px){

  /* grid echt afdwingen */
  .bkr-specs-grid{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px !important;
  }

  /* voorkom dat Elementor blokkeert */
  .bkr-specs-grid > *{
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
  }

  /* cards compacter */
  .bkr-spec-card{
    display:block !important;
    width:100% !important;
    min-height:auto !important;
    padding:12px !important;
  }

.bkr-packages-header h2{ color:#ffffff; }
.bkr-packages-header p{ color:#cfd4dd; }
	
/* =========================================
   B.K.R. HERO SLIDER FULL-BLEED FIX
   ========================================= */

/* hele slider echt randloos maken */
.bkr-hero-slider,
.bkr-hero-slider .elementor-widget-container,
.bkr-hero-slider .swiper,
.bkr-hero-slider .swiper-wrapper,
.bkr-hero-slider .swiper-slide,
.bkr-hero-slider .elementor-main-swiper,
.bkr-hero-slider .elementor-swiper,
.bkr-hero-slider .elementor-slides-wrapper,
.bkr-hero-slider .elementor-repeater-item,
.bkr-hero-slider .swiper-slide-inner {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* slider zelf */
.bkr-hero-slider {
  position: relative;
  overflow: hidden;
}

/* afbeelding / achtergrond moet hele vlak vullen */
.bkr-hero-slider .swiper-slide-bg,
.bkr-hero-slider .elementor-background-slideshow__slide,
.bkr-hero-slider .swiper-slide {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* content-box in de slide niet te breed en zonder extra rare padding */
.bkr-hero-slider .swiper-slide-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
}

/* tekstlaag netjes boven de foto */
.bkr-hero-slider .swiper-slide-contents {
  position: relative;
  z-index: 3;
  padding-left: 24px;
  padding-right: 24px;
}

/* overgang naar volgende sectie */
.bkr-hero-slider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  background: linear-gradient(
    180deg,
    rgba(23,26,32,0) 0%,
    #171a20 100%
  );
  pointer-events: none;
  z-index: 2;
}

/* pijlen netter positioneren */
.bkr-hero-slider .elementor-swiper-button,
.bkr-hero-slider .swiper-button-prev,
.bkr-hero-slider .swiper-button-next {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0,0,0,0.28);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bkr-hero-slider .elementor-swiper-button-prev,
.bkr-hero-slider .swiper-button-prev {
  left: 12px !important;
}

.bkr-hero-slider .elementor-swiper-button-next,
.bkr-hero-slider .swiper-button-next {
  right: 12px !important;
}

/* mobiel */
@media (max-width: 767px) {
  .bkr-hero-slider,
  .bkr-hero-slider .swiper,
  .bkr-hero-slider .swiper-slide {
    min-height: 430px !important;
  }

  .bkr-hero-slider .swiper-slide-contents {
    padding-left: 18px;
    padding-right: 18px;
  }

  .bkr-hero-slider::after {
    height: 80px;
  }

  .bkr-hero-slider .elementor-swiper-button-prev,
  .bkr-hero-slider .swiper-button-prev {
    left: 8px !important;
  }

  .bkr-hero-slider .elementor-swiper-button-next,
  .bkr-hero-slider .swiper-button-next {
    right: 8px !important;
  }
}