/* DierenartsKiezer v49 — merkvernieuwing: menselijker, rustiger en bewijsgericht. */
:root{--human-paper:#fcfbf7;--human-border:#d5e3de;--human-muted:#5c716e}

/* Bewijs in de bovenbalk: compact op desktop, leesbaar op mobiel. */
.trustbar{background:#073f3d!important;border-bottom:1px solid rgba(255,255,255,.12);font-size:.78rem!important}
.trustbar .shell.trustbar-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:42px!important}
.trustbar-facts{display:flex;align-items:center;min-width:0;overflow:hidden}
.trustbar-facts span{color:#f4fbf8;white-space:nowrap;line-height:1.2}
.trustbar-facts span+span:before{content:"•";color:#8bbab2;margin:0 10px}
.trustbar a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:800;white-space:nowrap}

/* De navigatie blijft zakelijk en rustig; geen oranje selectiestreep meer. */
.nav-row{border-bottom:1px solid #edf3f0}
.nav-row nav a{border-bottom:0!important;border-radius:6px;padding:10px 8px!important;transition:background .16s ease,color .16s ease}
.nav-row nav a:hover,.nav-row nav a.active{border-color:transparent!important;background:#eef6f2!important;color:var(--teal)!important}

/* Redactionele koppen geven de site meer karakter dan een generieke AI-interface. */
h1,h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.045em!important}
h3{letter-spacing:-.025em!important}
.section-head h2,.subhero h1{font-weight:500!important}
.hero-center .eyebrow,.eyebrow{border-radius:0!important;background:transparent!important;backdrop-filter:none!important}
body.home-v45 .home-hero-video .eyebrow{border:0!important;border-left:3px solid var(--coral)!important;padding:2px 0 2px 12px!important;color:#fff!important}
body.home-v45 .home-hero-video .hero-center h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.045em!important}

/* Minder glans en minder identieke ronde kaarten; meer redactionele rust. */
.button,.search-panel button,.home-search button,.emergency-search button,.form-card button{border-radius:8px!important}
.v33-choice,.v33-local-card,.animal-grid a,.partner-card,.topic-grid>a,.route-card,.seo-link-card,.result-card,.article-card,.feature-card,.profile-card,.form-card{border-radius:11px!important;box-shadow:0 4px 14px rgba(7,63,61,.045)!important}
.seo-link-card:hover,.seo-link-card:focus{transform:none!important;box-shadow:0 6px 18px rgba(7,63,61,.08)!important}
.card-body,.article-card div{padding:22px!important}
.subhero{background:#f4f7f3!important}

/* Het merk staat nu ook herkenbaar in de footer, niet alleen als losse tekst. */
.footer-brand{display:inline-flex!important;align-items:center;gap:10px;color:#fff!important;margin-bottom:14px;font-size:1.26rem!important;letter-spacing:-.035em!important}
.footer-brand em{font-style:normal;color:var(--coral)}
.footer-brand .brand-mark{width:43px!important;height:43px!important;border-radius:11px!important;background:#fff!important;color:var(--teal)!important}
.footer-brand .brand-mark svg{width:24px!important;height:24px!important}
.footer-top>div:first-child>p:first-of-type{max-width:390px;color:#d3e6e2!important;font-size:.98rem!important}
.footer-mini-brand{display:inline-flex;align-items:center;gap:9px;color:#fff!important;font-weight:900;letter-spacing:-.025em}
.footer-mini-brand em{font-style:normal;color:var(--coral)}
.footer-mini-brand .brand-mark{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--teal);display:grid;place-items:center}
.footer-mini-brand .brand-mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.footer-v28{grid-template-columns:1.55fr repeat(4,minmax(0,1fr))!important;gap:30px!important}

@media(max-width:850px){
  .trustbar .shell.trustbar-inner{justify-content:flex-start;min-height:40px!important;overflow:hidden}
  .trustbar-facts{width:100%;overflow:hidden;white-space:nowrap;flex-wrap:nowrap}
  .trustbar-facts span{font-size:.7rem}
  .trustbar-facts span:nth-child(n+3){display:none}
  .trustbar a{display:none!important}
}
@media(max-width:700px){
  .footer-v28{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
  .footer-v28>div:first-child{grid-column:1/-1}
  .footer-brand{font-size:1.15rem!important}
}
@media(max-width:480px){
  .trustbar-facts span{font-size:.66rem}
  .trustbar-facts span+span:before{margin:0 7px}
}