/* ==========================================================================
   DWK – Wijnhuis overrides (stable)
   File: assets/css/wijnhuis-overrides.css
   Laadvolgorde: na assets/css/wijnhuis.css
   Scope: alleen single-wijnhuis
   ========================================================================== */

/* ----------------------------------------------------------
   1) HERO: meta rechts (vlag + land) netjes
---------------------------------------------------------- */
body.single-wijnhuis .dwk-topbar__bottom{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

body.single-wijnhuis .dwk-topbar__sub{
  margin: 0;
}

body.single-wijnhuis .dwk-topbar__meta{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  color: rgba(255,255,255,.85);
  font-weight: 600;
}

body.single-wijnhuis .dwk-topbar__meta-flag{
  font-size: 18px;
  line-height: 1;
  transform: translateY(1px);
}


/* ----------------------------------------------------------
   2) VERWIJDER "losse Uruguay regel" onder de hero
   (komt meestal uit content/meta die als eerste <p> verschijnt)
---------------------------------------------------------- */
body.single-wijnhuis .entry-content > p:first-child{
  margin-top: 0;
}

/* Als eerste p exact een landnaam is: verstoppen.
   (veilig: alleen op single-wijnhuis en alleen eerste p) */
body.single-wijnhuis .entry-content > p:first-child:only-child{
  display: none;
}

/* Praktische variant: als er na hero meteen een losse meta/p komt,
   verberg die eerste losse regel. */
body.single-wijnhuis .dwk-topbar + p{
  display: none;
}
body.single-wijnhuis .dwk-topbar + .dwk-wh-meta{
  display: none;
}
body.single-wijnhuis .dwk-topbar + .dwk-wh-submeta{
  display: none;
}


/* ----------------------------------------------------------
   3) GEGEVENS-KAART: dl uitlijning (kleine finetune)
---------------------------------------------------------- */
body.single-wijnhuis .dwk-dl__row{
  grid-template-columns: 92px 1fr; /* net iets strakker */
}
@media (max-width: 520px){
  body.single-wijnhuis .dwk-dl__row{
    grid-template-columns: 1fr;
    gap: 6px;
  }
}


/* ----------------------------------------------------------
   4) LOCATIE: voorkom full-width “grijze band” door theme CSS
   (laat de card-styling uit wijnhuis.css leidend)
---------------------------------------------------------- */
body.single-wijnhuis .dwk-wh-location{
  background: transparent !important;
}
/* ==========================================================
   1) HERO exact zelfde breedte als content blokken
   ========================================================== */

body.single-wijnhuis .dwk-topbar{
  max-width: var(--global-content-width, 1200px);
  margin: 24px auto 0;
  border-radius: 26px;
}

body.single-wijnhuis .dwk-topbar .dwk-wrap{
  padding-left: var(--global-content-edge-padding, 28px);
  padding-right: var(--global-content-edge-padding, 28px);
}


/* ==========================================================
   2) LOCATIE blok beige maken
   ========================================================== */

body.single-wijnhuis .dwk-wh-location{
  background: var(--dwk-bg-soft, #f6f1e6);
  border-radius: 22px;
  padding: 26px 28px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}


/* ==========================================================
   3) WIJNEN sectie beige achtergrond
   ========================================================== */

body.single-wijnhuis .dwk-wh-wines{
  background: var(--dwk-bg-soft, #f6f1e6);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 10px 22px rgba(0,0,0,.05);
}


/* kleine spacing correctie binnen wijnen */
body.single-wijnhuis .dwk-wh-wines .dwk-wine-grid{
  margin-top: 18px;
}
/* LOCATIE: maak de hele kaart beige zoals PROFIEL/WIJNEN */
body.single-wijnhuis .dwk-wh-location{
  background: var(--dwk-bg-soft, #f6f1e6) !important;
}

/* Als er binnenin nog een “placeholder/inner box” zit: maak die transparant */
body.single-wijnhuis .dwk-wh-location .dwk-map-placeholder,
body.single-wijnhuis .dwk-wh-location .dwk-location-placeholder,
body.single-wijnhuis .dwk-wh-location .dwk-card,
body.single-wijnhuis .dwk-wh-location .dwk-box{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* =========================================================
   DWK — Beige unify (PROFIEL / LOCATIE / WIJNEN)
   Zet 1 bronkleur en forceer hem overal op de cards
========================================================= */

body.single-wijnhuis{
  --dwk-bg-soft: #f6f1e6; /* <— kies hier jouw “beige standaard” */
}

/* de 3 hoofdblokken exact dezelfde achtergrond */
body.single-wijnhuis .dwk-wh-profile,
body.single-wijnhuis .dwk-wh-location,
body.single-wijnhuis .dwk-wh-wines{
  background: var(--dwk-bg-soft) !important;
}

/* als er binnen LOCATIE nog een extra vlak zit: transparant maken */
body.single-wijnhuis .dwk-wh-location .dwk-map-placeholder,
body.single-wijnhuis .dwk-wh-location .dwk-location-placeholder,
body.single-wijnhuis .dwk-wh-location .dwk-card,
body.single-wijnhuis .dwk-wh-location .dwk-box{
  background: transparent !important;
}
/* ======================================
   MAPBOX — wijnhuis locatie
====================================== */

body.single-wijnhuis .dwk-map{
  width: 100%;
  height: 380px;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

/* Zorg dat locatie blok beige blijft */
body.single-wijnhuis .dwk-wh-location{
  background: var(--dwk-bg-soft);
}
/* Forceer map styling voor wijnhuis pagina */
body.single-wijnhuis .dwk-map{
  min-height: 380px !important;
  height: 380px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
body.single-wijnhuis .dwk-map{
  height: 380px !important;
  min-height: 380px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
/* Wijnhuis placeholder: beige i.p.v. wit */
body.single-wijnhuis .dwk-wh-cover__frame,
body.single-wijnhuis .dwk-wh-cover__placeholder{
  background: #f6f1e6 !important;
}
/* Gebruik geüploade placeholder-afbeelding */
body.single-wijnhuis .dwk-wh-cover__placeholder{
background-image: url("../images/placeholder_wijnhuis_v2.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* Cover-frame altijd dezelfde beige basis */
body.single-wijnhuis .dwk-wh-cover{
  background: #f6f1e6 !important;
}

body.single-wijnhuis .dwk-wh-cover__frame{
  background: #f6f1e6 !important;
}

/* Als cover_html een IMG is: laat 'm altijd coveren */
body.single-wijnhuis .dwk-wh-cover__frame img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Extra: als jouw placeholder zelf nog witte randen in het bestand heeft */
body.single-wijnhuis .dwk-wh-cover__frame img[alt*="placeholder"],
body.single-wijnhuis .dwk-wh-cover__frame img[src*="placeholder"]{
  transform: scale(1.08) !important;
}
/* ====== Wijnhuis cover placeholder: beige + geen wit kader ====== */

/* gebruik dezelfde beige overal (match met jouw DWK palette) */
body.single-wijnhuis .dwk-wh-cover{
  background: var(--dwk-bg-soft, #f6f1e6) !important;
}

body.single-wijnhuis .dwk-wh-cover__frame{
  background: var(--dwk-bg-soft, #f6f1e6) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: inherit;
}

/* de img/placeholder altijd "cover" zodat wit in de jpeg wegvalt */
body.single-wijnhuis .dwk-wh-cover__img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* ultieme fallback div: ook beige, geen tekst */
body.single-wijnhuis .dwk-wh-cover__placeholder{
  background: var(--dwk-bg-soft, #f6f1e6);
  min-height: 360px;
  border-radius: inherit;
}
/* ===== Cover: placeholder crop fix (background cover) ===== */

/* geef de cover een vaste “kaart” hoogte/ratio */
body.single-wijnhuis .dwk-wh-cover__frame{
  overflow: hidden !important;
  border-radius: 22px !important;
}

/* Featured image (als img) */
body.single-wijnhuis .dwk-wh-cover__img{
  width: 100% !important;
  height: 360px !important;      /* match met placeholder */
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Placeholder als background-image */
body.single-wijnhuis .dwk-wh-cover__placeholder{
  width: 100% !important;
  height: 360px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: var(--dwk-bg-soft, #f6f1e6); /* jouw beige */
}

/* Responsive iets hoger op desktop */
@media (min-width: 980px){
  body.single-wijnhuis .dwk-wh-cover__img,
  body.single-wijnhuis .dwk-wh-cover__placeholder{
    height: 420px !important;
  }
}
/* ===============================
   Wijnhuis cover – placeholder fix
================================= */

body.single-wijnhuis .dwk-wh-cover__frame{
    padding: 0;
    background: transparent;
}

body.single-wijnhuis .dwk-wh-cover__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.single-wijnhuis .dwk-wh-cover__placeholder{
    width: 100%;
    height: 420px;              /* pas eventueel aan */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f6f1e6;  /* jouw zachte beige */
    border-radius: 18px;
}
/* Cover fix */

body.single-wijnhuis .dwk-wh-cover__frame{
    padding: 0;
    background: transparent;
}

body.single-wijnhuis .dwk-wh-cover__placeholder{
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 18px;
}
body.single-wijnhuis .dwk-wh-cover__placeholder{
  width: 100%;
  height: 420px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
}
body.single-wijnhuis .dwk-wh-cover__placeholder{
  width: 100%;
  height: 100%;
  min-height: 320px; /* belangrijk als container geen hoogte “erft” */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.single-wijnhuis .dwk-wh-cover__frame{
  overflow: hidden;
  border-radius: 22px;
}

body.single-wijnhuis .dwk-wh-cover__placeholder{
  display:block;
  width:100%;
  min-height:360px;     /* kies hoogte die jij wil */
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}