/* „Stöbern“ — partner centres by country → region (67b-stoebern-page.php, only on /stoebern/).
   Spec docs/superpowers/specs/2026-11-08-stoebern-design.md § 4; approved mockup (owner „yes – very nice“).
   Loaded after goldene-riviera.css (wp_head 1112). Colours come from the live appearance kit
   (Riviera --rv-*, else Ruhe --ru-*, else the mockup values); the primary button is the site's
   flat CTA (var(--dw-terracotta-cta, #bf501c)). Ivory ground, opaque cards, no gradients on text
   surfaces, reading text ≥ 19 px, nothing under 16 px, targets ≥ 48 px.
   Selectors start with #dw-stb (or .dw-stb-shell) and repeat #main where an appearance sheet's
   `#main …` rule would otherwise win; !important only against the sheets' own !important rules. */

#dw-stb{
  --stb-ground:var(--rv-ground,var(--ru-ground,#f6efe4));
  --stb-card:var(--rv-card,var(--ru-card,#fffdf8));
  --stb-sand:var(--rv-apricot,var(--ru-sand,#f3e8d6));
  --stb-line:var(--rv-line,var(--ru-line,rgba(60,30,10,.18)));
  --stb-line-strong:var(--rv-line-strong,var(--ru-line-strong,rgba(60,30,10,.28)));
  --stb-ink:var(--rv-ink,var(--ru-ink,#22180f));
  --stb-meta:var(--rv-meta,var(--ru-meta,#5a4634));
  --stb-head:var(--rv-rust,var(--ru-rust,#6e2810));
  --stb-cta:var(--dw-terracotta-cta,#bf501c);
  --stb-cta-hover:var(--dw-terracotta-cta-hover,#a3431a);
  --stb-sea:var(--rv-sea,var(--ru-sea,#17546d));
  --stb-water:#dbe7e6;--stb-land:#ece4d5;--stb-land-edge:#fffdf8;
  --stb-partner:#e7c9a6;--stb-partner-on:#d9a877;
  /* height of the theme's fixed top band (desktop banner 72 px; phone logo + A+ rows) */
  --stb-top:72px;--stb-anchor:160px;
  --stb-display:"Fraunces",Georgia,"Times New Roman",serif;
  color:var(--stb-ink);font-size:19px;line-height:1.55
}
html.dw-contrast #dw-stb{
  --stb-water:#fff;--stb-land:#e6e6e6;--stb-land-edge:#000;--stb-partner:#bdbdbd;--stb-partner-on:#8a8a8a;
  --stb-cta:#000;--stb-cta-hover:#222;--stb-head:#000;--stb-ink:#000;--stb-meta:#222;--stb-line:#444;--stb-sand:#fff
}

/* The page is wider than a reading page: the stub shell gives the map and the card grid room */
#main .about-page-2026 .ap-shell.dw-stb-shell{max-width:1180px!important;width:100%;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
#dw-stb *{box-sizing:border-box}
#dw-stb [hidden]{display:none!important}
#dw-stb :focus-visible{outline:3px solid var(--stb-head);outline-offset:3px;border-radius:6px}

/* ---- Page head ---- */
#main #dw-stb .dw-stb-head{padding:32px 0 18px;background:none!important;border:0!important;box-shadow:none!important}
#main #dw-stb .dw-stb-kicker{margin:0;font-size:16px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stb-head)!important}
#main #dw-stb h1.dw-stb-h1{margin:.2em 0 .3em!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;font:650 clamp(34px,5vw,52px)/1.08 var(--stb-display)!important;color:var(--stb-head)!important;-webkit-text-fill-color:var(--stb-head)!important;text-shadow:none!important;text-wrap:balance;hyphens:manual!important;text-align:left!important}
#main #dw-stb .dw-stb-lede{max-width:62ch;margin:0;font-size:20px!important;line-height:1.55;color:var(--stb-ink)!important}

/* ---- Country rail (sticky; horizontal scroll on phones) ---- */
#dw-stb .dw-stb-rail{position:sticky;top:var(--stb-top);z-index:5;background:var(--stb-ground);border-bottom:1px solid var(--stb-line);margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px)))}
#dw-stb .dw-stb-rail-in{display:flex;gap:8px;overflow-x:auto;padding:12px max(16px,env(safe-area-inset-left,0px));scrollbar-width:thin}
#main #dw-stb a.dw-stb-chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:999px;border:1.5px solid var(--stb-line-strong);background:var(--stb-card)!important;color:var(--stb-ink)!important;font-size:17px!important;font-weight:700;line-height:1.2;text-decoration:none!important;white-space:nowrap}
#main #dw-stb a.dw-stb-chip .dw-stb-n{font-weight:400;color:var(--stb-meta)}
#main #dw-stb a.dw-stb-chip:hover{border-color:var(--stb-cta)}
#main #dw-stb a.dw-stb-chip:is([aria-current="true"],[aria-pressed="true"]){background:var(--stb-head)!important;border-color:var(--stb-head);color:#fff!important}
#main #dw-stb a.dw-stb-chip:is([aria-current="true"],[aria-pressed="true"]) .dw-stb-n{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---- Map + region list ---- */
#dw-stb .dw-stb-explore{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:20px 0;align-items:start}
#dw-stb .dw-stb-mapbox{position:relative;min-width:0;border-radius:18px;overflow:hidden;border:1px solid var(--stb-line);background:var(--stb-water)}
#dw-stb .dw-stb-map{display:block;width:100%;height:auto;aspect-ratio:12/5}
#dw-stb .dw-stb-sea{fill:var(--stb-water)}
#dw-stb .dw-stb-land{fill:var(--stb-land);stroke:var(--stb-land-edge);stroke-width:.6}
#dw-stb .dw-stb-country{fill:var(--stb-partner);stroke:var(--stb-land-edge);stroke-width:.8;cursor:pointer;transition:fill .25s}
#dw-stb .dw-stb-country:hover,#dw-stb .dw-stb-country.is-on,#dw-stb a:focus-visible > .dw-stb-country{fill:var(--stb-partner-on)}
#dw-stb .dw-stb-bubble{cursor:pointer}
#dw-stb .dw-stb-bubble circle{fill:var(--stb-cta);stroke:#fff;stroke-width:2.5;transition:fill .2s}
#dw-stb .dw-stb-bubble:hover circle,#dw-stb .dw-stb-bubble.is-on circle,#dw-stb a:focus-visible > .dw-stb-bubble circle{fill:var(--stb-head)}
#dw-stb .dw-stb-bubble text{font-family:inherit;font-weight:700;dominant-baseline:central;pointer-events:none}
#dw-stb .dw-stb-bubble .dw-stb-bubble-n{font-size:21px;fill:#fff;text-anchor:middle}
#dw-stb .dw-stb-bubble .dw-stb-bubble-l{font-size:21px;fill:var(--stb-ink);text-anchor:start;paint-order:stroke;stroke:var(--stb-card);stroke-width:5px;stroke-linejoin:round}
#dw-stb .dw-stb-bubble .dw-stb-bubble-leader{stroke:var(--stb-ink);stroke-width:1.6;stroke-linecap:round}
#dw-stb .dw-stb-bubble .dw-stb-bubble-l--end{text-anchor:end}
#dw-stb .dw-stb-bubble .dw-stb-bubble-l--middle{text-anchor:middle}
#dw-stb .dw-stb-pins circle{fill:var(--stb-head);stroke:#fff;stroke-width:2}
#dw-stb .dw-stb-pins text{font-family:inherit;font-weight:700;fill:var(--stb-ink);paint-order:stroke;stroke:var(--stb-card);stroke-width:4px;stroke-linejoin:round}
#dw-stb .dw-stb-pins .is-hot circle{fill:var(--stb-cta)}
#main #dw-stb .dw-stb-mapnote{position:absolute;left:12px;top:12px;margin:0;display:flex;gap:10px;align-items:center;padding:6px 12px;border-radius:12px;border:1px solid var(--stb-line);background:var(--stb-card)!important;font-size:16px!important;line-height:1.3;color:var(--stb-meta)!important}
#dw-stb .dw-stb-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--stb-cta);border:2px solid #fff;box-shadow:0 0 0 1px var(--stb-line)}
#main #dw-stb button.dw-stb-reset{position:absolute;right:12px;top:12px;min-height:48px;padding:0 16px;border-radius:999px;border:1.5px solid var(--stb-line-strong);background:var(--stb-card)!important;color:var(--stb-sea)!important;font-family:inherit;font-size:16px!important;font-weight:700;line-height:1.2;cursor:pointer}

#main #dw-stb .dw-stb-regions{min-width:0;padding:18px;border-radius:18px;border:1px solid var(--stb-line)!important;background:var(--stb-card)!important;box-shadow:none!important}
#main #dw-stb h2.dw-stb-regions-h{margin:0 0 10px!important;padding:0!important;font:650 22px/1.2 var(--stb-display)!important;color:var(--stb-head)!important;-webkit-text-fill-color:var(--stb-head)!important;text-align:left!important}
#main #dw-stb .dw-stb-region-list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:6px}
#main #dw-stb .dw-stb-region-list li{margin:0!important;padding:0!important;list-style:none!important}
#main #dw-stb .dw-stb-region-list li::before{content:none!important}
#main #dw-stb a.dw-stb-region-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:6px 14px;border-radius:12px;border:1.5px solid transparent;background:transparent!important;color:var(--stb-ink)!important;font-size:18px!important;font-weight:700;line-height:1.25;text-decoration:none!important}
#main #dw-stb a.dw-stb-region-link:hover{border-color:var(--stb-line);background:var(--stb-ground)!important}
#main #dw-stb a.dw-stb-region-link:is([aria-current="true"],[aria-pressed="true"]){background:var(--stb-sand)!important;color:var(--stb-head)!important}
#main #dw-stb .dw-stb-region-link .dw-stb-n{font-weight:400;font-size:16px;color:var(--stb-meta);white-space:nowrap}
#main #dw-stb .dw-stb-sub{display:block;font-size:16px!important;font-weight:400;color:var(--stb-meta)!important}
#main #dw-stb .dw-stb-hint{margin:8px 0 0;padding:0 14px;font-size:16px!important;line-height:1.4;color:var(--stb-meta)!important}

/* ---- Results ---- */
#dw-stb .dw-stb-results{padding:12px 0 56px}
#dw-stb .dw-stb-rhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:26px;margin-bottom:8px;border-top:1px solid var(--stb-line);scroll-margin-top:var(--stb-anchor)}
#main #dw-stb h2.dw-stb-res-title{margin:0!important;padding:0!important;font:650 clamp(28px,3.6vw,38px)/1.1 var(--stb-display)!important;color:var(--stb-head)!important;-webkit-text-fill-color:var(--stb-head)!important;text-wrap:balance;text-align:left!important}
#main #dw-stb .dw-stb-res-sub{margin:4px 0 0;color:var(--stb-meta)!important;font-size:19px!important}
#dw-stb .dw-stb-subchips{display:flex;gap:8px;flex-wrap:wrap}
#main #dw-stb .dw-stb-subchips .dw-stb-chip{min-height:48px;font-size:16px!important}
#dw-stb .dw-stb-country-group,#dw-stb .dw-stb-region{scroll-margin-top:var(--stb-anchor)}
#dw-stb .dw-stb-region{margin-top:26px}
#dw-stb.dw-stb-single .dw-stb-region-head{display:none}
#dw-stb .dw-stb-region-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px}
#main #dw-stb h3.dw-stb-region-h{margin:0!important;padding:0!important;font:650 26px/1.15 var(--stb-display)!important;color:var(--stb-head)!important;-webkit-text-fill-color:var(--stb-head)!important;text-align:left!important}
#main #dw-stb .dw-stb-region-sub{margin:0;font-size:17px!important;color:var(--stb-meta)!important}
#dw-stb .dw-stb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

/* ---- Centre card ---- */
#main #dw-stb .dw-stb-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:20px;border:1px solid var(--stb-line)!important;background:var(--stb-card)!important;box-shadow:none!important;color:var(--stb-ink)!important}
#dw-stb .dw-stb-photos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:3px;aspect-ratio:16/9;overflow:hidden;background:var(--stb-sand)}
#dw-stb .dw-stb-photos img{display:block;width:100%;height:100%;object-fit:cover;min-height:0;margin:0!important;border-radius:0!important;max-width:none}
#dw-stb .dw-stb-photos img:first-child{grid-row:1/3}
#dw-stb .dw-stb-photos--1{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#dw-stb .dw-stb-photos--1 img:first-child,#dw-stb .dw-stb-photos--2 img:first-child{grid-row:auto}
#dw-stb .dw-stb-photos--2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#dw-stb .dw-stb-nophoto{display:grid;place-items:center;aspect-ratio:16/9;background:var(--stb-sand);border-bottom:1px solid var(--stb-line);text-align:center}
#main #dw-stb .dw-stb-nophoto p{margin:0;font-size:17px!important;color:var(--stb-meta)!important}
#main #dw-stb .dw-stb-nophoto b{display:block;font:650 30px/1.15 var(--stb-display);color:var(--stb-head)}
#dw-stb .dw-stb-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:20px 22px 22px}
#main #dw-stb .dw-stb-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin:0;padding:5px 12px;border-radius:999px;border:1px solid var(--stb-line);background:var(--stb-ground)!important;font-size:16px!important;font-weight:700;line-height:1.3;color:var(--stb-head)!important}
#dw-stb .dw-stb-badge::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--stb-cta)}
#main #dw-stb h4.dw-stb-town{margin:0!important;padding:0!important;font:650 30px/1.1 var(--stb-display)!important;color:var(--stb-ink)!important;-webkit-text-fill-color:var(--stb-ink)!important;text-align:left!important;hyphens:manual!important}
#main #dw-stb .dw-stb-where{margin:-6px 0 0;font-size:17px!important;color:var(--stb-meta)!important}
#main #dw-stb .dw-stb-tag{margin:0;font-size:19px!important;color:var(--stb-ink)!important}
#dw-stb .dw-stb-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--stb-line)}
#dw-stb .dw-stb-facts div{min-width:0}
#main #dw-stb .dw-stb-facts dt{margin:0;font-size:16px!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--stb-meta)!important}
#main #dw-stb .dw-stb-facts dd{margin:0;font-size:18px!important;color:var(--stb-ink)!important;overflow-wrap:anywhere}
#main #dw-stb .dw-stb-clinic{margin:0;font-size:16px!important;line-height:1.45;color:var(--stb-meta)!important}
#dw-stb .dw-stb-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:6px}
#main #dw-stb .dw-stb-actions a.ap-btn{flex:1 1 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0!important;padding:0 20px;border-radius:999px;font-size:18px!important;font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important}
#main #dw-stb .dw-stb-actions a.dw-stb-request{background:var(--stb-cta)!important;border:2px solid var(--stb-cta)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#main #dw-stb .dw-stb-actions a.dw-stb-request:is(:hover,:focus-visible,:active){background:var(--stb-cta-hover)!important;border-color:var(--stb-cta-hover)!important}
#main #dw-stb a.ap-btn:is(.dw-stb-leaf,.dw-stb-finder){background:var(--stb-card)!important;border:2px solid var(--stb-sea)!important;color:var(--stb-sea)!important;-webkit-text-fill-color:var(--stb-sea)!important}
#main #dw-stb a.ap-btn:is(.dw-stb-leaf,.dw-stb-finder):is(:hover,:focus-visible){background:var(--stb-sea)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ---- Closing box ---- */
#main #dw-stb .dw-stb-explain{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:34px;padding:20px 22px;border-radius:18px;border:1px solid var(--stb-line);background:var(--stb-card)!important}
#main #dw-stb h2.dw-stb-explain-h{margin:0 0 4px!important;padding:0!important;font:650 24px/1.2 var(--stb-display)!important;color:var(--stb-head)!important;-webkit-text-fill-color:var(--stb-head)!important;text-align:left!important}
#main #dw-stb .dw-stb-explain p{margin:0;color:var(--stb-ink)!important;font-size:19px!important}
#main #dw-stb a.dw-stb-finder{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin:0!important;padding:0 22px;border-radius:999px;font-size:18px!important;font-weight:700;text-decoration:none!important;white-space:nowrap}

/* ---- Phones and narrow windows ---- */
/* Desktop: the map stays in view beside the (taller) region list */
@media (min-width:960px){
  #dw-stb .dw-stb-mapbox{position:sticky;top:calc(var(--stb-top) + 90px)}
}
@media (max-width:959px){
  #dw-stb{--stb-top:112px;--stb-anchor:200px}
  #dw-stb .dw-stb-explore{grid-template-columns:minmax(0,1fr)}
  #dw-stb .dw-stb-region-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
  #dw-stb .dw-stb-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  #main #dw-stb .dw-stb-head{padding-top:20px}
  #dw-stb .dw-stb-bubble :is(.dw-stb-bubble-l,.dw-stb-bubble-leader){display:none}
  #dw-stb .dw-stb-bubble circle{transform-box:fill-box;transform-origin:center;transform:scale(1.5)}
  #dw-stb .dw-stb-bubble .dw-stb-bubble-n{font-size:30px}
  #main #dw-stb button.dw-stb-reset{position:static;display:block;width:100%;min-height:52px;border-radius:0;border-width:1px 0 0}
  #main #dw-stb .dw-stb-mapnote{position:static;border:0;border-top:1px solid var(--stb-line);border-radius:0}
  #dw-stb .dw-stb-facts{grid-template-columns:minmax(0,1fr)}
  #main #dw-stb .dw-stb-explain{grid-template-columns:minmax(0,1fr)}
  #main #dw-stb a.dw-stb-finder{white-space:normal}
  #dw-stb .dw-stb-body{padding:18px 16px 18px}
}
@media (prefers-reduced-motion:reduce){
  #dw-stb *{transition:none!important;scroll-behavior:auto!important}
}