/*
Theme Name: Donders Ecosystem 2026
Theme URI:
Author: Yayasan Donders
Description: Official-source-based bilingual WordPress site with five hub architecture, editorial CMS, safeguarding and relationship records.
Version: 4.5.1
Requires at least: 6.4
Requires PHP: 8.3
Text Domain: donders2026
*/
:root{--navy:#152842;--deep:#102236;--red:#b72134;--cream:#f6f3eb;--line:#dcded9}
body{background:#fffefa}.site-header{box-shadow:0 3px 12px #15284209}.site-header .wrap{width:min(100% - 56px,1450px)}
.site-header nav{gap:clamp(10px,1.2vw,18px)}.site-header nav>a,.site-header .don-dropdown>a{font-size:.76rem;font-weight:700;line-height:1.2;white-space:nowrap}.site-header nav .header-cta{background:var(--red);color:#fff;border-radius:3px}
.site-header .don-lang-switch{font-weight:800!important;border-left:1px solid #d3d6d2;padding-left:16px}.don-dropdown{position:relative;display:flex;align-items:center;min-height:86px}.don-dropdown>a{color:var(--navy)}.don-dropdown>a:after{content:'⌄';font-weight:400;margin-left:5px;font-size:.85rem}.don-menu-panel{display:none;position:absolute;top:100%;left:-22px;min-width:235px;padding:10px;background:#fff;border:1px solid #e3e3e0;border-top:2px solid var(--red);box-shadow:0 16px 40px #15284224;z-index:80}.don-menu-panel a{display:block;padding:12px 13px;font-size:.8rem;color:var(--navy);border-bottom:1px solid #ededed}.don-menu-panel a:last-child{border:0}.don-menu-panel a:hover{color:var(--red);background:var(--cream)}.don-dropdown:hover .don-menu-panel,.don-dropdown:focus-within .don-menu-panel{display:block}.don-dropdown>a:hover{color:var(--red)}
.hero-carousel{min-height:580px;height:min(740px,calc(100svh - 86px))}.slide-content :is(h1,h2){font-size:clamp(3.7rem,6vw,7rem);max-width:960px}.slide-shade{background:linear-gradient(90deg,rgba(6,17,29,.92),rgba(10,28,43,.77) 40%,rgba(9,27,41,.18) 100%)}
.don-intro{display:grid;grid-template-columns:50% 42%;justify-content:space-between;align-items:start}.don-intro h2{margin:0}.don-intro p:not(.eyebrow){color:#596575;font-size:1.18rem;line-height:1.8}.don-intro .text-link{margin-top:20px}
.don-hubs{padding-top:100px;padding-bottom:115px}.don-hub-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.don-hub-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:270px;background:#e8eae6;border-top:3px solid #bb2637;padding:24px 20px;color:#192c43;transition:.22s}.don-hub-card:nth-child(2){background:#f0ebe0}.don-hub-card:nth-child(3){background:#e5e9ee}.don-hub-card:nth-child(4){background:#f0e7e7}.don-hub-card:nth-child(5){background:#e4e8e3}.don-hub-card:hover{transform:translateY(-5px);box-shadow:0 15px 38px #18283a18}.don-hub-card>span:first-child{color:#6e7680;font-size:.64rem;font-weight:800;letter-spacing:.12em}.don-hub-card h3{font-size:clamp(1.5rem,1.7vw,2rem);margin:30px 0 20px}.don-circle{height:39px;width:39px;display:grid;place-items:center;background:var(--navy);border-radius:50%;color:white;font-size:1.2rem;align-self:flex-end}
.don-story-feature{background:#f8f5ee}.don-story-layout{display:grid;grid-template-columns:48% 1fr;gap:8%;align-items:center}.don-story-layout img{height:480px;width:100%;object-fit:cover}.don-story-layout figcaption{margin-top:12px;font-size:.8rem;color:#657180}.don-story-layout h2{font-size:clamp(2.6rem,4.5vw,5rem)}.don-story-layout p:not(.eyebrow){font-size:1.18rem;color:#606d78;line-height:1.75}
.don-trust{background:#132c43;color:white}.don-trust-layout{display:grid;grid-template-columns:50% 1fr;gap:8%;align-items:center}.don-trust h2{color:white;font-size:clamp(3.1rem,4.8vw,5.6rem)}.don-trust h2 em{color:#e9cd9f}.don-trust p:not(.eyebrow){font-size:1.17rem;line-height:1.8;color:#e0e5e9}.don-trust-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.don-trust .button-outline{border-color:#fff;color:#fff}.don-trust .button-outline:hover{background:white;color:var(--navy)}
.don-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.don-choice-grid a{border-top:2px solid var(--red);padding:27px 20px 28px;min-height:185px;background:var(--cream);position:relative;transition:.2s}.don-choice-grid a:hover{background:#eae4d7;transform:translateY(-3px)}.don-choice-grid a>span{font-size:.8rem;font-weight:800;color:var(--red)}.don-choice-grid h3{font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.17;margin-top:22px}.don-choice-grid b{position:absolute;bottom:14px;right:22px;font-size:1.3rem;color:var(--red)}.don-involve{padding-block:110px}.don-involve .section-heading{margin-bottom:35px}
.don-content-layout{display:grid;grid-template-columns:23% 1fr;gap:8%;padding-top:80px;padding-bottom:75px}.don-content-layout .entry-copy{font-size:1.14rem;line-height:1.9}.don-content-layout .entry-copy p{margin-bottom:20px}.don-side-links{border-left:2px solid #c7d0d5;padding-left:16px;display:grid;gap:12px}.don-side-links a{font-size:.9rem;color:var(--navy)}.don-side-links a:hover{color:var(--red)}.don-section-intro{margin-bottom:38px;max-width:850px}.don-section-intro h2{font-size:clamp(2.5rem,4.4vw,4.8rem)}.don-section-intro p:not(.eyebrow){font-size:1.1rem;line-height:1.8;color:#66717e}
.don-listing{padding-top:30px}.don-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.don-record-card{border:1px solid #e0e0dd;background:white;overflow:hidden;box-shadow:0 8px 24px #1528420b}.don-record-card a{display:block;height:100%}.don-record-image{height:245px;width:100%;object-fit:cover;transition:transform .35s}.don-record-card a:hover .don-record-image{transform:scale(1.025)}.don-record-body{padding:25px 24px 29px}.don-record-body .eyebrow{font-size:.67rem;margin:0}.don-record-body h3{font-size:clamp(1.6rem,2vw,2.4rem);line-height:1.16;margin:16px 0}.don-record-body p{font-size:.92rem;color:#65717b;line-height:1.65;min-height:53px}.don-readmore{display:inline-block;border-bottom:1px solid currentColor;font-size:.9rem;font-weight:700;color:var(--red);padding-bottom:3px}
.don-empty{background:#f5f3ed;border:1px solid #e7e4de;padding:50px;max-width:1000px}.don-empty h3{font-size:2rem;margin-bottom:12px}.don-empty p{color:#657078;max-width:650px}.don-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.don-metrics article{background:var(--cream);border-top:3px solid var(--red);padding:26px}.don-metrics strong{font:400 3.5rem var(--serif);color:var(--navy);display:block;margin-bottom:20px}.don-metrics h3{font-size:1.65rem}.don-metrics small{display:block;margin-top:13px;color:#64717d}.don-map-placeholder{border:1px dashed #7a9e91;background:#f0f2ee;max-width:none;min-height:255px}.don-kba-map{width:100%;height:520px;border:1px solid #d8dad2;z-index:1}.don-map-filters{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.don-map-filters button{padding:8px 11px;background:#eaece9;color:#253748;border:1px solid #ccd3cc;cursor:pointer}.don-map-filters button[aria-pressed=true]{background:var(--navy);color:white}
.don-support-instructions{padding:38px;margin-top:30px;background:#f3f1eb;border-left:4px solid var(--red)}.don-support-instructions h3{margin:0 0 12px}.don-support-instructions p{max-width:750px;line-height:1.7}.don-contact-layout{display:grid;grid-template-columns:42% 1fr;gap:9%;background:#fffefa}.don-contact-layout h2{font-size:clamp(2.8rem,4vw,4.2rem)}.don-contact-layout p{color:#556472;overflow-wrap:anywhere}.don-form{padding:35px;background:var(--cream);border-top:3px solid var(--red);display:grid;gap:17px}.don-form label{display:block;font-size:.83rem;font-weight:700;color:#334254}.don-form input:not([type=checkbox]),.don-form select,.don-form textarea{display:block;width:100%;padding:11px 12px;background:white;border:1px solid #cad0d0;color:#172e43;margin-top:6px;border-radius:2px;font:inherit}.don-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.don-form .don-check{display:flex;align-items:start;gap:11px;line-height:1.6}.don-check input{margin-top:5px;accent-color:var(--red)}.don-form .button{justify-self:start;cursor:pointer}.don-notice{padding:15px;border-left:4px solid #355a6d;background:#eef4f5;margin-bottom:15px}.don-filter{display:flex;gap:15px;flex-wrap:wrap;align-items:end;margin-bottom:26px}.don-filter label{font-size:.85rem;font-weight:700}.don-filter select{display:block;padding:12px;margin-top:7px;min-width:160px;border:1px solid #cad0d0;background:#fff}.don-filter button{cursor:pointer}.don-search{display:flex;gap:10px;margin-top:35px;max-width:650px}.don-search input{flex:1;min-width:0;border:1px solid #a7b1b7;padding:15px;font:inherit}.don-search button{background:var(--red);color:white;border:0;padding:14px 22px;cursor:pointer}.don-404{min-height:70vh}.don-404 h1{font-size:clamp(3rem,7vw,6rem)}.don-404 .button{margin-right:12px;margin-top:20px}
.don-footer-links{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:35px}.footer-contact .don-footer-links a{font-size:.85rem;margin:0;text-decoration:none}.footer-contact .don-footer-links a:hover{text-decoration:underline}.entry-copy{font-size:1.07rem;line-height:1.85}.single-layout{grid-template-columns:minmax(0,1fr) 330px}.support-panel{position:sticky}.don-related-link{color:var(--red);border-bottom:1px solid currentColor}.wide-photo{margin:0}.wide-photo img{height:clamp(330px,55vw,630px);object-position:center 45%}
@media(max-width:1170px){.site-header nav{gap:10px}.site-header .wrap{width:min(100% - 38px,1450px)}.brand small{font-size:.48rem}.brand strong{font-size:1rem}.don-hub-grid{grid-template-columns:repeat(3,1fr)}.don-choice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:940px){.menu-toggle{display:block}.don-dropdown{display:block;min-height:auto}.don-dropdown>a{display:block;padding:12px 0;font-size:1rem}.don-dropdown>a:after{float:right}.don-menu-panel{position:static;display:none;box-shadow:none;border:0;border-left:2px solid #d2d5d1;background:#f5f3eb;padding:5px 10px 5px 15px}.don-dropdown:hover .don-menu-panel,.don-dropdown:focus-within .don-menu-panel{display:block}.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);padding:18px 26px 29px;box-shadow:0 15px 24px #10223620;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 86px);overflow:auto}.site-header nav.open{display:flex}.site-header nav>a{font-size:1rem;padding:12px 0}.site-header nav .don-lang-switch{border-left:0;padding-left:0}.site-header nav .header-cta{justify-content:center}.don-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.don-trust-layout,.don-story-layout{grid-template-columns:1fr}.don-story-layout img{height:380px}.don-contact-layout,.don-content-layout{grid-template-columns:1fr}.don-content-layout aside{display:none}.don-intro{grid-template-columns:1fr;gap:35px}}
@media(max-width:820px){.site-header nav{top:74px;max-height:calc(100svh - 74px)}.don-hub-grid{grid-template-columns:repeat(2,1fr)}.don-hub-card{min-height:235px}.don-choice-grid{grid-template-columns:1fr 1fr}.don-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.site-header nav{top:70px;max-height:calc(100svh - 70px)}.site-header .wrap{width:min(100% - 30px,1450px)}.hero-carousel{min-height:580px;height:630px}.slide-content :is(h1,h2){font-size:clamp(3.05rem,11vw,5rem)}.don-hub-grid,.don-choice-grid,.don-card-grid,.don-metrics{grid-template-columns:1fr}.don-hub-card{min-height:180px}.don-hub-card h3{margin-bottom:4px}.don-story-layout img{height:280px}.don-content-layout{padding-block:35px}.don-form{padding:22px}.don-form-grid{grid-template-columns:1fr}.don-empty{padding:28px}.don-trust-actions .button{width:100%}.don-kba-map{height:370px}}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.don-hub-card,.don-choice-grid a{transition:none}}

.don-header-search{display:flex;align-items:center;border-bottom:1px solid #e1e3e1;margin:0}.don-header-search input{width:75px;min-width:0;border:0;background:transparent;font:inherit;font-size:.75rem;padding:6px 1px;transition:width .2s;outline-offset:1px}.don-header-search input:focus{width:115px}.don-header-search button{background:none;border:0;color:var(--navy);font-size:1.25rem;cursor:pointer;padding:3px 5px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:940px){.don-header-search{margin:10px 0 14px}.don-header-search input{width:100%;font-size:1rem}.don-header-search input:focus{width:100%}}

.don-donor-journey{border-block:1px solid #dedfdc;padding:28px 0;display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;margin-bottom:70px;color:#58687a;font-size:.9rem}.don-donor-journey span{font-weight:700;color:var(--navy);margin-right:12px}.don-donor-journey a{color:var(--red);font-weight:700}.don-donor-journey b{font-weight:400;color:#a7a9a4}

.don-market-home{background:#f5f1e9}.don-product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.don-product-tile{display:block;background:white;border:1px solid #e4e4df;padding-bottom:20px}.don-product-tile img{width:100%;height:190px;object-fit:contain;background:#fff}.don-product-tile h3{font-size:1.4rem;margin:16px 18px 12px}.don-product-tile span{font-size:.86rem;margin:0 18px;font-weight:700;color:var(--red)}.don-partner-row{display:flex;align-items:center;justify-content:flex-start;gap:40px;flex-wrap:wrap}.don-partner-row a{font-size:1.2rem;font-weight:700}.don-partner-row img{max-height:70px;max-width:170px;object-fit:contain}
@media(max-width:850px){.don-product-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.don-product-row{grid-template-columns:1fr}}