/* Rhino 06-10: fælles stil for nye blokke. Egen CSS, fordi WP Rocket har lagt hver sides CSS indlejret
   og kun med de klasser, siden brugte — nye blokke må ikke afhænge af dem. Palette fra gammel-side/aktiver.json. */
:root{--k-dark:#414a42;--k-ink:#222625;--k-sand:#b4aca5;--k-brown:#826754;--k-light:#f2eee9}
.keld-wrap{max-width:1100px;margin:0 auto}
.keld-sec{padding:72px 24px;font-family:inherit}
.keld-sec--light{background:var(--k-light);color:var(--k-ink)}
.keld-sec--dark{background:var(--k-dark);color:var(--k-light)}
.keld-sec h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:0 0 1rem;font-weight:600;color:inherit}
.keld-sec h3{font-size:1.35rem;line-height:1.25;margin:0 0 .75rem;font-weight:600;color:inherit}
.keld-sec p{font-size:1.05rem;line-height:1.65;margin:0 0 1rem;max-width:46rem;color:inherit}
.keld-sec a:not(.keld-btn){color:inherit;text-decoration:underline}
.keld-btn{display:inline-block;padding:14px 28px;border-radius:6px;font-size:16px;line-height:1.4;text-decoration:none!important;font-weight:500;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s}
.keld-btn--primary{background:var(--k-brown);color:#fff!important}
.keld-btn--primary:hover{background:#6b5445}
.keld-btn--light{background:var(--k-light);color:var(--k-ink)!important}
.keld-btn--light:hover{background:#fff}
.keld-btn--outline{border-color:var(--k-light);color:var(--k-light)!important;background:transparent}
.keld-btn--outline:hover{background:rgba(255,255,255,.12)}
.keld-sec--light .keld-btn--outline{border-color:var(--k-brown);color:var(--k-brown)!important}
.keld-sec--light .keld-btn--outline:hover{background:rgba(130,103,84,.1)}
.keld-cta-pair{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.keld-center{text-align:center}
.keld-center .keld-cta-pair{justify-content:center}
.keld-center p{margin-left:auto;margin-right:auto}
.keld-hero-ctas{margin-top:1.5rem;position:relative;z-index:11}
/* to kolonner (Rejser, Erhverv) */
.keld-twogrid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start}
.keld-box{background:var(--k-brown);color:#fff;padding:2rem}
.keld-box h2{font-size:1.6rem}
@media(min-width:900px){.keld-twogrid{grid-template-columns:5fr 7fr;gap:4rem}.keld-two{padding-top:96px}}
/* adoption / donation */
/* "To måder at hjælpe": to lige store kort side om side fra 768 px, stablet under. (Klassen hed før .keld-card og blev
   overskrevet af sponsorkortene længere nede, så indholdet stod som smalle kolonner oven i hinanden.) */
.keld-cards{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;align-items:stretch}
@media(min-width:768px){.keld-cards{grid-template-columns:1fr 1fr;gap:2rem}}
.keld-choice{display:flex;flex-direction:column;box-sizing:border-box;background:#fff;padding:2rem;border-top:6px solid var(--k-brown);min-width:0}
@media(min-width:1024px){.keld-choice{padding:2.5rem}}
.keld-choice h3{margin-bottom:.75rem}
.keld-choice p{max-width:none;flex:1 1 auto}
.keld-choice .keld-cta-pair{margin-top:auto;padding-top:.5rem}
/* kort introduktion øverst på donationssiden */
.keld-intro{padding-top:56px;padding-bottom:56px}
.keld-intro h2{margin-bottom:1rem}
.keld-intro .keld-lead{font-size:1.2rem;line-height:1.6;max-width:46rem}
.keld-intro-list{list-style:none;margin:1.25rem 0 1.5rem;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:900px){.keld-intro-list{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.keld-intro-list li{margin:0;padding:1.1rem 1.25rem;background:#fff;border-left:5px solid var(--k-brown);line-height:1.55;font-size:1.02rem}
.keld-intro-list li::before{content:none}
.keld-intro-list strong{display:block;margin-bottom:.25rem;font-size:1.05rem}
.keld-faqlink{display:inline-flex;align-items:center;min-height:44px;padding:0 .25rem;font-weight:500}
#faq,#choose,#choose-adopt,#choose-donate,#about-donation{scroll-margin-top:96px}
/* donationsblokkens forklaring */
.keld-explain{max-width:46rem;margin:0 auto 1.25rem;text-align:center;font-size:1.05rem;line-height:1.6}
.keld-sponsor{margin-top:1.75rem}
.keld-btnrow{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-top:1rem}
.is-content-justification-center.keld-btnrow{justify-content:center}
.keld-secondary{background:transparent!important;border:2px solid currentColor!important;color:inherit!important}
/* FAQ (details, så den virker uden sidens accordion-script) */
.keld-details{border-top:1px solid var(--k-sand);border-bottom:1px solid var(--k-sand);max-width:56rem}
.keld-details summary{cursor:pointer;list-style:none;padding:1.25rem 3rem 1.25rem 0;font-size:1.2rem;font-weight:600;position:relative}
.keld-details summary::-webkit-details-marker{display:none}
.keld-details summary::after{content:"+";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1.8rem;font-weight:400;color:var(--k-brown)}
.keld-details[open] summary::after{content:"–"}
.keld-answer{padding:0 0 1.5rem}
.keld-answer p{max-width:none}
/* Mød os */
.keld-meet-hero{background:var(--k-dark);color:var(--k-light);padding:190px 24px 80px;text-align:center}
.keld-meet-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 .5rem;color:inherit}
.keld-meet-hero p{font-size:1.2rem;margin:0}
.keld-people{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.keld-person{background:#fff;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}
.keld-person h2{font-size:1.6rem;margin:1rem 0 .25rem}
.keld-person .keld-cta-pair{justify-content:center;margin-top:auto}
.keld-avatar{width:120px;height:120px;border-radius:50%;background:var(--k-sand);color:var(--k-dark);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600}
.keld-role{color:var(--k-brown)!important;font-weight:600;margin-bottom:1rem!important}
.keld-placeholder{color:#8a8178!important;font-style:italic}
.keld-li{display:inline-block;padding:14px 0}
/* 1.4 sponsorlogoer: lyse kort, ens højde, én linje, langsom CSS-marquee der pauser ved hover/fokus/knap */
.keld-logos{position:relative;width:100%;padding:34px 0 6px}
.keld-logos-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.keld-logos-track{display:flex;flex-wrap:nowrap;width:max-content;animation:keld-marquee var(--keld-dur,170s) linear infinite}
.keld-logos:hover .keld-logos-track,.keld-logos:focus-within .keld-logos-track,.keld-pause-in:checked~.keld-logos-view .keld-logos-track{animation-play-state:paused}
.keld-logos-row{display:flex;flex:none;align-items:center;list-style:none;margin:0;padding:6px 0}
.keld-logos-row>li{flex:none;margin:0 20px 0 0;padding:0;list-style:none}
.keld-logos-row>li::before{content:none}
.keld-card{display:flex;align-items:center;justify-content:center;gap:18px;box-sizing:border-box;height:132px;min-width:170px;padding:0 26px;background:#f5f1eb;border:1px solid #e1d9ce;border-radius:12px;color:#33403a;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s}
a.keld-card:hover,a.keld-card:focus-visible{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.14);transform:translateY(-2px)}
a.keld-card:focus-visible{outline:3px solid #33403a;outline-offset:3px}
.keld-card img{display:block;max-width:none;width:calc(var(--w)*1px);height:calc(var(--h)*1px)}
.keld-card img.keld-mark{width:auto;height:40px}
.keld-nm{white-space:nowrap;position:relative;display:flex;flex-direction:column;gap:4px;line-height:1.25;font-size:16px;text-align:left}
.keld-nm strong{font-size:19px;font-weight:600}
.keld-friends{gap:3px;font-size:14px}.keld-friends em{font-style:normal;font-weight:600;font-size:16px;margin-bottom:3px}
.keld-friends strong{font-size:14px}
.keld-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.keld-pause-in{position:absolute;opacity:0;width:1px;height:1px;top:0;right:0}
.keld-pause-lbl{position:absolute;top:0;right:12px;font-size:13px;line-height:1;padding:6px 12px;border:1px solid #c9bfb1;border-radius:99px;background:#f5f1eb;color:#33403a;cursor:pointer;z-index:2}
.keld-pause-lbl .k-pl{display:none}.keld-pause-in:checked+.keld-pause-lbl .k-p{display:none}.keld-pause-in:checked+.keld-pause-lbl .k-pl{display:inline}
.keld-pause-in:focus-visible+.keld-pause-lbl{outline:3px solid #33403a;outline-offset:2px}
@keyframes keld-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.keld-card{height:108px;min-width:130px;padding:0 18px;gap:12px}.keld-card img:not(.keld-mark){width:calc(var(--w)*.78px);height:calc(var(--h)*.78px)}.keld-nm{font-size:14px}.keld-nm strong{font-size:16px}.keld-card img.keld-mark{height:32px}}
@media (hover:none) and (pointer:coarse),(prefers-reduced-motion:reduce){
.keld-logos-view{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.keld-logos-track{animation:none}.keld-logos-row+.keld-logos-row{display:none}.keld-logos-row>li{scroll-snap-align:start}.keld-pause-lbl{display:none}}
.logo-gallery{justify-content:center!important}
.logo-gallery .wp-block-image{margin-left:auto;margin-right:auto}

/* Fordele ved R.S. Network (Erhverv) */
.keld-benefits h2{text-align:center;margin-bottom:1.25rem}
.keld-benefit-list{list-style:none;margin:0 auto 1.5rem;padding:0;max-width:46rem;display:grid;gap:.75rem}
.keld-benefit-list li{position:relative;padding:.9rem 1rem .9rem 2.6rem;background:#fff;border-radius:8px;line-height:1.55;box-shadow:0 1px 0 rgba(56,63,57,.08)}
.keld-benefit-list li::before{content:"";position:absolute;left:1rem;top:1.25rem;width:.8rem;height:.8rem;border-radius:50%;background:#826754}
.keld-benefits .keld-cta-pair{justify-content:center}
.keld-benefits .keld-explain a{color:#826754;text-decoration:underline}

/* 4. Mobil: tryk-flader på mindst 44 px og ingen vandret scroll */
.keld-btn,main .wp-block-button__link,.keld-footer-btn,.egon-login{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.keld-details summary{min-height:44px;box-sizing:border-box;display:flex;align-items:center}
.keld-faq .keld-details{max-width:100%}
.keld-details summary{overflow-wrap:anywhere}
.keld-sec,.keld-sec *{overflow-wrap:break-word}
@media(max-width:640px){
.keld-sec{padding:48px 20px}
.keld-sec p{font-size:1.05rem}
.keld-cta-pair{flex-direction:column;align-items:stretch}
.keld-cta-pair .keld-btn{width:100%}
.keld-btnrow{flex-direction:column;align-items:stretch}
.keld-btnrow .wp-block-button,.keld-btnrow .wp-block-button__link{width:100%}
.keld-choice{padding:1.5rem}
.keld-box{padding:1.5rem}
.keld-meet-hero{padding:140px 20px 60px}
}
/* meet-07-10 */
.keld-people{grid-template-columns:1fr;max-width:520px;margin:0 auto}
@media(min-width:900px){.keld-people{grid-template-columns:repeat(3,1fr);max-width:none;align-items:stretch}}
.keld-person{padding:2rem 1.75rem 2rem}
.keld-photo{display:block;object-fit:cover;object-position:50% 40%;background:var(--k-light)}
.keld-photo--card{width:168px;height:168px;border-radius:50%}
.keld-photo--ph{display:flex;align-items:center;justify-content:center;background:var(--k-light);color:var(--k-dark);border:2px solid var(--k-sand);font-weight:600;box-sizing:border-box}
.keld-photo--card.keld-photo--ph{font-size:2.6rem}
.keld-person .keld-summary{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;text-align:left;flex:1 1 auto}
.keld-person .keld-cta-pair{margin-top:auto}
.keld-profile{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}
.keld-profile-side{display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.keld-photo--profile{width:min(100%,280px);height:auto;aspect-ratio:1/1;border-radius:8px}
.keld-photo--profile.keld-photo--ph{font-size:4rem}
.keld-profile-side .keld-cta-pair{justify-content:center;flex-direction:column;align-items:stretch;width:100%;max-width:320px}
.keld-profile-side .keld-btn{text-align:center;overflow-wrap:anywhere}
.keld-profile-bio p{max-width:44rem}
.keld-back{margin-bottom:1.5rem!important}
@media(min-width:768px){.keld-profile{grid-template-columns:300px 1fr;gap:3.5rem}.keld-profile-side{position:sticky;top:110px}}