/* ============================================================
   Our Dartmoor — organic redesign, Phase 3: home page hero module
   (mod_ourdartmoor_hero). Loaded after organic-discover.css. The hero
   container itself is the existing real .odc-hero / .odc-hero-in (see
   template.css) — this file adds the search field, and splits the hero into
   text-left / counter-right instead of stacking the counter below
   everything else, which was pushing the hero to ~594px (vs the site's
   normal ~520px cap) — Paul, 2026-09-25: "taller than the original... move
   the counters to the right of the module area and/or make them smaller".
   Buttons use the site's real .od-btn class (organic-skin.css /
   organic-nav.js's wireManyButtonScribbles) for the hand-carved shape +
   scribble, so no button styling lives here at all.
   ============================================================ */

.odc-hero-in--split{display:flex;gap:40px;align-items:flex-end;flex-wrap:wrap;}
.odc-hero-main{flex:1 1 480px;min-width:0;}

.odc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:0;}
.odc-hero-search{flex:1 1 320px;max-width:420px;}
.odc-hero-search-row{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:4px 4px 4px 16px;}
.odc-hero-search-row input[type="text"]{flex:1 1 auto;border:0;outline:0;font-family:var(--od-font,'Cabin',sans-serif);
  font-size:15px;color:var(--ink,#24271f);padding:11px 0;background:none;min-width:0;}
.odc-hero-search-row select{border:0;outline:0;font-family:var(--od-font,'Cabin',sans-serif);font-size:13px;
  color:var(--slate,#6b7077);background:none;padding:0 6px;}
.odc-hero-suggest{position:absolute;left:0;right:0;top:100%;z-index:60;background:#fff;border:1px solid var(--line,#dcd8cf);
  border-radius:.4rem;box-shadow:0 8px 22px rgba(0,0,0,.16);display:none;overflow:hidden;margin-top:4px;}
.odc-hero-suggest a{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem .8rem;text-decoration:none;color:var(--ink,#24271f);}
.odc-hero-suggest a:hover{background:var(--green-tint,#eef1e6);}
.odc-hero-suggest .s{font-size:.78rem;color:var(--slate,#6b7077);text-transform:capitalize;white-space:nowrap;}

/* Counter column: sits beside the text instead of below it, and shrunk from
   .odcounter's normal article size (that one's meant to stand alone on a
   page; here it's sharing the hero with a headline and a search field). */
.odc-hero-counter{flex:0 1 300px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 !important;}
.odc-hero-counter .odcounter-tile{background:rgba(255,255,255,.94);flex:none;max-width:none;padding:.7rem .6rem .6rem;}
.odc-hero-counter .odcounter-num{font-size:clamp(1.5rem,3vw,1.9rem);margin-bottom:.15rem;}
.odc-hero-counter .odcounter-label{font-size:.68rem;line-height:1.3;}

@media(max-width:900px){
  .odc-hero-in--split{flex-direction:column;align-items:stretch;}
  .odc-hero-counter{flex:none;max-width:420px;}
}
@media(max-width:640px){
  .odc-hero-actions{flex-direction:column;align-items:stretch;}
  .odc-hero-search{max-width:none;}
  .odc-hero-counter{grid-template-columns:1fr 1fr;}
}