/* ===== Résidence – Linkerkolom (Warme stijl) – v1.1 ===== */

/* Kleuren */
:root{
  --brand-red:#A0163D;
  --brand-green:#0F7A3E;
  --bg-tint:#ECFDF5;
  --card-bg:#FFFFFF;
  --card-border:#E7F5EE;
  --card-shadow:0 4px 14px rgba(0,0,0,.06);
  --text:#183C2E;
  --muted:#4E695E;
}

/* Leesbaarheid algemeen */
html{ font-size:16px; }
body{
  font-family:"PT Sans","Segoe UI","Helvetica Neue",Helvetica,Arial,Tahoma,sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility; line-height:1.5;
}
h1,h2,h3,h4,h5,h6,.card-title{
  font-family:"PT Serif", Georgia, "Times New Roman", serif;
}

/* Container & cards */
.sidebar-stack{ display:flex; flex-direction:column; gap:16px; }
.sidebar-card{
  background:var(--card-bg); border:1px solid var(--card-border);
  border-radius:14px; padding:18px; box-shadow:var(--card-shadow);
}
.sidebar-card::after{ content:""; display:block; clear:both; }

.sidebar-card .card-head{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.sidebar-card .icon{
  width:26px; height:26px; flex:0 0 26px; border-radius:8px; background:var(--bg-tint);
  display:flex; align-items:center; justify-content:center; color:var(--brand-green);
}
.sidebar-card .card-title{ margin:0; font-weight:700; font-size:1rem; color:var(--text); }
.sidebar-card p{ color:var(--muted); margin:.25rem 0 .75rem; }

.sidebar-card img{ max-width:100%; height:auto; display:block; }

/* Links (geen knoppen) */
.sidebar-card a:not(.btn){ color:var(--text); text-underline-offset:2px; }
.sidebar-card a:not(.btn):hover{ color:var(--brand-red); }

/* ---------- Inputs / selects / focus ---------- */
.input,
.sidebar-card input[type="text"],
.sidebar-card input[type="search"],
.sidebar-card select,
.sidebar-card .goog-te-combo{
  width:100%; border:1px solid var(--card-border);
  border-radius:10px; padding:.55rem .75rem;
  font-family:inherit; font-size:1rem; line-height:1.4;
  background:#fff;
}
.input:focus-visible,
.sidebar-card input[type="text"]:focus-visible,
.sidebar-card input[type="search"]:focus-visible,
.sidebar-card select:focus-visible,
.sidebar-card .goog-te-combo:focus-visible{
  outline:3px solid color-mix(in oklab, var(--brand-red) 35%, white);
  outline-offset:2px;
}

/* ---------- Knoppen consistent & 100% breed ---------- */
/* labels blok maken, anders ‘in-line’ breedte */
.sidebar-card label{ display:block; width:100%; }

/* alle mogelijke knoppen/varianten in een kaart */
.sidebar-card form button,
.sidebar-card form input[type="submit"],
.sidebar-card form input[type="button"],
.sidebar-card form input[type="reset"]{
  display:block !important; width:100% !important;
  background:var(--brand-green) !important; color:#fff !important;
  border:1px solid transparent !important; border-radius:10px !important;
  padding:.6rem .9rem !important; font-weight:700 !important; font-size:1rem !important;
  cursor:pointer !important; text-align:center !important; line-height:1.2 !important;
  box-shadow:0 1px 0 rgba(0,0,0,.02); transition:transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.sidebar-card form button:hover,
.sidebar-card form input[type="submit"]:hover,
.sidebar-card form input[type="button"]:hover,
.sidebar-card form input[type="reset"]:hover{
  background:#0c5f30 !important; transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(15,122,62,.25);
}
.sidebar-card form button:focus-visible,
.sidebar-card form input[type="submit"]:focus-visible,
.sidebar-card form input[type="button"]:focus-visible,
.sidebar-card form input[type="reset"]:focus-visible{
  outline:3px solid color-mix(in oklab, var(--brand-red) 35%, white);
  outline-offset:2px;
}

/* Vangnet: als id/name ‘wegwijzer’ of ‘contact’ bevat */
.sidebar-card [id*="wegwijzer"], .sidebar-card [name*="wegwijzer"],
.sidebar-card [id*="contact"],   .sidebar-card [name*="contact"]{
  display:block !important; width:100% !important;
  background:var(--brand-green) !important; color:#fff !important;
  border-radius:10px !important; padding:.6rem .9rem !important; font-weight:700 !important;
}

/* ---------- Zoekformulier netjes onder elkaar ---------- */
.sidebar-card form#ajaxSearch_form{ display:block }
.sidebar-card form#ajaxSearch_form input[type="text"],
.sidebar-card form#ajaxSearch_form input[type="search"]{
  margin:0 0 .6rem 0;
}

/* ---------- Vertaalblok gelijk trekken ---------- */
/* Optioneel: Engelse kop uit de chunk verbergen als die dubbel is */
/* .sidebar-card.card-translate h2, .sidebar-card.card-translate h3 { display:none; } */

/* Google-translate wrapper marges minimaliseren */
.sidebar-card #google_translate_element{ margin:0; }

/* ---------- Toegankelijkheid ---------- */
.sidebar-card .btn:focus-visible, .sidebar-card .input:focus-visible{
  outline:3px solid color-mix(in oklab, var(--brand-red) 35%, white);
  outline-offset:2px;
}

/* ---------- Mobiel ---------- */
@media (max-width: 900px){
  .sidebar-stack{ gap:12px }
  .sidebar-card{ padding:14px }
}

/* ===== Sidebar v1.2 – leesbaarheid + bordeaux accenten ===== */

/* 1) Basis-typografie in de sidebar iets groter en rustiger */
.sidebar-card{
  font-size: 0.98rem;         /* ~15.7px bij html 16px */
  line-height: 1.55;
  color: var(--text);
}

/* 2) Titels naast pictogram groter en steviger */
.sidebar-card .card-title{
  font-size: 1.125rem;        /* ~18px */
  line-height: 1.3;
  font-weight: 700;
}

/* 3) Pictogram iets groter/duidelijker, kleur blijft warm-groen */
.sidebar-card .icon{
  width: 28px; height: 28px;  /* was 26x26 */
  border-radius: 9px;
}

/* 4) Subtiele bordeaux: focus-ringen + hover op links/knoppen */
.sidebar-card a:not(.btn):hover{
  color: var(--brand-red);
}
.sidebar-card *:focus-visible{
  outline: 3px solid color-mix(in oklab, var(--brand-red) 30%, white);
  outline-offset: 2px;
}

/* 5) Heel licht bordeaux scheidslijntje onder de header van elke card */
.sidebar-card .card-head{
  padding-bottom: 4px;
  border-bottom: 1px solid color-mix(in oklab, var(--brand-red) 12%, white);
  margin-bottom: 12px;
}

/* 6) Vertaalblok laten “meevoelen” met de rest */
.sidebar-card select,
.sidebar-card .goog-te-combo{
  font-size: 1rem;
  background: #fff;
}
.sidebar-card .goog-te-combo:hover{
  border-color: color-mix(in oklab, var(--brand-red) 14%, var(--card-border));
}

/* 7) Knoppen: iets grotere tekst en betere leesbaarheid */
.sidebar-card form button,
.sidebar-card form input[type="submit"],
.sidebar-card form input[type="button"],
.sidebar-card form input