.elementor-kit-6{--e-global-color-primary:#F6ECDD;--e-global-color-secondary:#E87722;--e-global-color-text:#F6ECDD;--e-global-color-accent:#E87722;--e-global-color-4c2ca2a:#8A7860;--e-global-color-742d85c:#D96513;--e-global-color-624a437:#F4A26A;--e-global-color-9b13389:#C9A875;--e-global-color-e63eeba:#6E1F2A;--e-global-color-642e97c:#211710;--e-global-color-f6ce90f:#2B1F15;--e-global-color-7d11c60:#E6D6BF;--e-global-color-94d1e7d:#B09C80;--e-global-color-41a1587:#5A4D3C;--e-global-color-af6ee5f:#0C0805;--e-global-color-10de9e8:#1a120c;background-color:#120C08;font-family:"Cormorant Garamond", Sans-serif;font-size:22px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-6 a:hover{color:var( --e-global-color-624a437 );}.elementor-kit-6 h1{font-family:"Cormorant Garamond", Sans-serif;font-size:110px;font-weight:400;}.elementor-kit-6 h2{font-family:"Cormorant Garamond", Sans-serif;font-size:64px;}.elementor-kit-6 h3{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-6 h4{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-6 h5{font-family:"Cormorant Garamond", Sans-serif;}.elementor-kit-6 h6{font-family:"Cormorant Garamond", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══════════════════════════════════════════════════════════════
   De Wijnintermediair — Aanvullende CSS · Contactpagina
   Plakken ONDER het bestaande bouwgids-stylesheet in:
   Elementor → ≡ → Site Settings → Custom CSS
   Stylet het Elementor Pro Form-widget (class: wi-form)
   en de gestileerde kaart (class: wi-stylemap).
   ═══════════════════════════════════════════════════════════════ */

/* ── Labels boven de velden ─────────────────────────────────── */
.wi-form .elementor-field-group > label {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #8a7860;               /* ink-400 */
  margin-bottom: 10px;
}

/* ── Invoervelden: onderstreept, geen kader ─────────────────── */
.wi-form .elementor-field-textual,
.wi-form select.elementor-field-textual {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(246, 236, 221, 0.18);   /* hairline-2 */
  border-radius: 0;
  padding: 10px 2px 12px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 18px;
  color: #f6ecdd;               /* ink-100 */
  box-shadow: none;
  transition: border-color .25s ease;
}

.wi-form .elementor-field-textual::placeholder {
  color: #8a7860;               /* ink-400 */
  font-style: italic;
  opacity: 1;
}

.wi-form .elementor-field-textual:focus {
  border-bottom-color: #e87722; /* oranje */
  outline: none;
  box-shadow: none;
  background: transparent;
}

/* ── Dropdown (Onderwerp) ───────────────────────────────────── */
.wi-form select.elementor-field-textual {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23e87722' stroke-width='1.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 4px center;
  padding-right: 28px;
}

.wi-form select.elementor-field-textual option {
  background: #1a120c;          /* bg-mid */
  color: #f6ecdd;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
}

/* ── Tekstvak (Bericht) ─────────────────────────────────────── */
.wi-form textarea.elementor-field-textual {
  resize: vertical;
  min-height: 120px;
  line-height: 1.55;
}

/* ── Verzendknop in de stijl van wi-btn--primary ────────────── */
.wi-form .elementor-button {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #0c0805;               /* bg-deep */
  background: #e87722;          /* oranje */
  border: 1px solid #e87722;
  border-radius: 0;
  padding: 16px 30px;
  transition: background .25s ease, border-color .25s ease;
}

.wi-form .elementor-button:hover,
.wi-form .elementor-button:focus {
  background: #d96513;          /* oranje-2 */
  border-color: #d96513;
  color: #0c0805;
}

/* ── Meldingen na verzenden ─────────────────────────────────── */
.wi-form .elementor-message {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 17px;
  font-style: italic;
}

.wi-form .elementor-message.elementor-message-success {
  color: #f4a26a;               /* oranje-soft */
}

.wi-form .elementor-message.elementor-message-danger,
.wi-form .elementor-error .elementor-field-textual {
  color: #e08a8a;
  border-bottom-color: rgba(224, 138, 138, 0.6);
}

.wi-form .elementor-message.elementor-message-danger {
  border-bottom: none;
}

/* ── Gestileerde kaart ──────────────────────────────────────── */
.wi-stylemap {
  position: absolute;
  inset: 0;
}

.wi-stylemap svg {
  width: 100%;
  height: 100%;
}

/* Kaartkolom moet de SVG volledig laten vullen */
.elementor-widget-html:has(.wi-stylemap) {
  position: absolute;
  inset: 0;
}

/* Fallback voor browsers zonder :has() — geef het HTML-widget
   in de kaartkolom desnoods handmatig de class wi-mapfill mee */
.wi-mapfill {
  position: absolute;
  inset: 0;
}

/* ── Mobiel ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .wi-form .elementor-field-textual {
    font-size: 16px;            /* voorkomt zoom-in op iOS */
  }

  .wi-form .elementor-button {
    width: 100%;
  }
}

/* ═══════════════════════════════════════════════════════════════
   De Wijnintermediair — Aanvullende CSS · Proeverijen & Wijnen
   Plakken ONDER het bestaande bouwgids-stylesheet in:
   Elementor → ≡ → Site Settings → Custom CSS
   Dekt: filterpills, sorteerlabels, datumstempel op foto,
   uitverkochte kaart, flesillustratie en de sidebar-lijsten.
   ═══════════════════════════════════════════════════════════════ */

/* ── Filterpills (HTML-widget, class wi-pills) ──────────────── */
.wi-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wi-pill {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 14px;
  color: #e6d6bf;                               /* ink-200 */
  border: 1px solid rgba(246, 236, 221, 0.18);  /* hairline-2 */
  transition: border-color .25s ease, color .25s ease;
}

.wi-pill:hover {
  border-color: #e87722;
  color: #f6ecdd;
}

.wi-pill--active {
  color: #1a0d04;
  background: #e87722;
  border-color: #e87722;
}

/* ── Sorteer-/weergavelabels (HTML-widget, class wi-sortlabels) */
.wi-sortlabels {
  display: flex;
  align-items: center;
  gap: 14px;
}

.wi-sortlabels .wi-meta-inline {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #8a7860;               /* ink-400 */
}

.wi-sortlabels .lbl {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 17px;
  color: #8a7860;
}

.wi-sortlabels .lbl--active {
  color: #e87722;
}

.wi-sortlabels .sep {
  color: #5c4f3e;
}

/* ── Datumstempel groot, op de eventfoto ────────────────────── */
.wi-datestamp--lg {
  position: relative;
  z-index: 1;
}

.wi-datestamp--lg .day {
  font-size: 64px;
}

/* ── Donkere gradient onderin de eventfoto ──────────────────── */
.wi-imgfade {
  position: relative;
}

.wi-imgfade::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 55%;
  background: linear-gradient(180deg, transparent, rgba(12, 8, 5, 0.95));
  pointer-events: none;
}

/* ── Uitverkochte proeverij ─────────────────────────────────── */
.wi-card--sold {
  opacity: 0.55;
}

.wi-card--sold:hover {
  border-color: rgba(246, 236, 221, 0.10);   /* geen oranje hover */
}

/* ── Flesillustratie (HTML-widget, class wi-bottleslot) ─────── */
.wi-bottleslot {
  width: 100%;
  aspect-ratio: 0.75;
  background: #160e08;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.wi-bottleslot svg {
  filter: drop-shadow(0 30px 20px rgba(0, 0, 0, 0.6));
}

/* ── Sidebar-lijsten catalogus (class wi-sidelist) ──────────── */
.wi-sidelist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wi-sidelist li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 17px;
  color: #e6d6bf;               /* ink-200 */
  cursor: pointer;
  transition: color .2s ease;
}

.wi-sidelist li:hover,
.wi-sidelist li.active {
  color: #e87722;
}

.wi-sidelist .cnt {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-size: 11px;
  color: #8a7860;               /* ink-400 */
}

/* ── Kaarten in een rij even hoog ───────────────────────────── */
.wi-card {
  height: 100%;
}

/* ── Mobiel ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .wi-pills {
    gap: 8px;
  }

  .wi-pill {
    padding: 7px 11px;
    font-size: 10px;
  }

  .wi-sortlabels {
    flex-wrap: wrap;
    gap: 10px;
  }

  .wi-datestamp--lg .day {
    font-size: 48px;
  }
}

/* =====================================================================
   PRODUCTPAGINA WIJN — aanvulling op wijnintermediair-elementor.css
   Plak dit ONDER de bestaande stylesheet in Site Settings → Custom CSS.
   Bevat alleen de classes die de productpagina-template extra nodig
   heeft: breadcrumb, specificatie-rijen, prijs, staffel, quote,
   gerelateerde-wijn-kaarten. Desktop + mobiel.
   ===================================================================== */

/* Breadcrumb */
.wi-crumb { font-family: var(--wi-sans); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--wi-ink-400); display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.wi-crumb a { color: var(--wi-orange); text-decoration: none; }
.wi-crumb b { color: var(--wi-ink-200); font-weight: 500; }

/* Specificatie-rijen (Herkomst / Type / Samenstelling / Serveren) */
.wi-specs .spec-row { display: grid; grid-template-columns: 150px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid var(--wi-hairline); align-items: baseline; }
.wi-specs .k { font-family: var(--wi-sans); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--wi-ink-300); }
.wi-specs .v { font-family: var(--wi-serif); font-size: 18px; color: var(--wi-ink-100); line-height: 1.4; }

/* Grote vanaf-prijs */
.wi-price .lbl { font-family: var(--wi-sans); font-size: 12px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--wi-ink-300); margin-bottom: 8px; }
.wi-price .price-big { font-family: var(--wi-serif); font-size: 54px; line-height: 1; color: var(--wi-ink-100); }
.wi-price .price-big sup { font-size: 22px; color: var(--wi-ink-300); font-weight: 300; }

/* Staffelprijzen */
.wi-staffel { display: flex; border: 1px solid var(--wi-hairline); max-width: 340px; width: 100%; }
.wi-staffel > div { flex: 1; padding: 14px 18px; }
.wi-staffel > div + div { border-left: 1px solid var(--wi-hairline); }
.wi-staffel .n { font-family: var(--wi-sans); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--wi-ink-400); margin-bottom: 6px; }
.wi-staffel .p { font-family: var(--wi-serif); font-size: 22px; color: var(--wi-ink-100); }
.wi-staffel .best .p { color: var(--wi-orange); }

/* Kleine toelichting onder de prijs */
.wi-fineprint, .wi-fineprint p { font-family: var(--wi-sans); font-size: 11px; letter-spacing: .06em; color: var(--wi-ink-300); }

/* Proefnotitie-quote */
.wi-quote { font-family: var(--wi-serif); font-style: italic; font-weight: 300; font-size: 24px; line-height: 1.4; color: var(--wi-ink-200); border-left: 2px solid var(--wi-orange); padding-left: 22px; }
.wi-quote .who { display: block; font-family: var(--wi-sans); font-style: normal; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--wi-ink-400); margin-top: 14px; }

/* Gerelateerde wijnen — kaart (Container met class wi-card wi-relcard) */
.wi-relcard { text-decoration: none; }
.wi-relcard .elementor-widget-image { background: var(--wi-bg-elev); border-bottom: 1px solid var(--wi-hairline); }
.wi-relcard img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }

/* ============================ MOBIEL ≤ 767px ======================== */
@media (max-width: 767px) {
  .wi-specs .spec-row { grid-template-columns: 110px 1fr; }
  .wi-specs .v { font-size: 16px; }
  .wi-price .price-big { font-size: 44px; }
  .wi-staffel { max-width: none; }
  .wi-staffel .p { font-size: 19px; }
  .wi-quote { font-size: 20px; }
  .wi-crumb { font-size: 10px; }
}


/* ---- FLY OUT MENU FACET WP */
.facetwp-flyout-content {
    color: #F6ECDD;
    background-color: #1a120c;
}

.facetwp-flyout-close {
    background-color: #1a120c;
    color: #F6ECDD;
}

.facetwp-flyout.active {
    background-color: #1a120c;
}/* End custom CSS */