:root{--ink:#193746;--soft:#36535c;--cream:#f4f1e7;--paper:#fffefa;--sage:#78958a;--coral:#d98268;--line:#e4e1d8;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,sans-serif}a{color:#245c70;text-underline-offset:4px}:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;background:white;padding:1rem;z-index:50}.skip:focus{top:1rem}header{border-bottom:1px solid var(--line)}.head{max-width:var(--max);margin:auto;padding:14px 24px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 22px Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{color:var(--coral)}.custom-logo{max-height:68px;width:auto}nav{display:flex;align-items:center;gap:22px}nav ul{display:flex;gap:20px;list-style:none;padding:0;margin:0}nav a{text-decoration:none}.toggle{display:none}.hero{background:var(--cream);padding:80px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;min-height:510px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:bold;color:#48665c}h1{font:500 clamp(38px,5vw,64px)/1.12 Georgia,serif;margin:16px 0}.hero h1 em{color:var(--sage)}.motto{font:22px/1.5 Georgia,serif;max-width:560px}.btn{display:inline-block;background:#245c70;color:#fff;padding:12px 22px;border-radius:5px;text-decoration:none;font-weight:bold;margin:10px 8px 0 0}.btn.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.art{min-height:320px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 55% 40%,#fffefa 0 12%,transparent 13%),radial-gradient(circle at 45% 55%,#c4d0bd 0 20%,transparent 21%),radial-gradient(circle at 58% 63%,#d98268 0 14%,transparent 15%),linear-gradient(145deg,#e6e4d7,#d9e1d7);border:12px solid #ffffff88}.intro,.ways{max-width:900px;margin:auto;padding:75px 24px;text-align:center}.intro h2,.ways h2,.history h2{font:500 clamp(30px,4vw,44px)/1.2 Georgia,serif}.intro p:not(.eyebrow){color:var(--soft)}.history{background:var(--ink);color:white;padding:65px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:35px}.history .eyebrow{color:#c3d5ca}.history .btn.secondary{color:#fff;border-color:#fff}.history>div{max-width:670px}.history p:not(.eyebrow){color:#e0e8e5}.history strong{font:italic 100px Georgia,serif;color:#a9beb1}.ways>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left;margin-top:32px}.ways article{border:1px solid var(--line);padding:26px;border-radius:8px}.ways h3{font:24px Georgia,serif}.ways article p{color:var(--soft)}footer{background:#142d39;color:white;padding:48px 24px 16px}.foot{max-width:var(--max);margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:45px}.foot h2,footer h2{font:22px Georgia,serif}.foot a,footer a{color:#f3d5c8}.support{max-width:var(--max);margin:32px auto 20px;padding:22px 0;border-block:1px solid #49606a}.support h2{text-align:center}.support>div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.support>div a{display:flex;flex-direction:column;align-items:center;min-width:180px;padding:12px 24px;border:1px solid #49606a;border-radius:6px;text-decoration:none;font-weight:bold}.support small{font-weight:normal;color:#c5d2ce}.copy{text-align:center;font-size:13px;color:#c5d2ce}.page-content{max-width:var(--max);margin:auto;padding:70px 24px;min-height:50vh}.page-content h1{font:500 clamp(34px,4vw,52px) Georgia,serif}@media(max-width:800px){.head{min-height:70px}.toggle{display:block;background:white;border:1px solid var(--line);padding:9px 13px;color:var(--ink)}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px 24px;z-index:10;align-items:flex-start;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}nav ul{flex-direction:column}.hero{grid-template-columns:1fr;padding:52px 24px}.art{min-height:210px}.history strong{font-size:60px}.ways>div{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.collaborator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-top:32px}.collaborator-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.collaborator-logo{height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.collaborator-logo img{max-height:110px;width:auto;object-fit:contain}.collaborator-card h2{font:22px Georgia,serif}

/* Finisare vizuala: navigare, pagini editoriale si accesibilitate */
html{scroll-behavior:smooth;scroll-padding-top:2rem}
.head{flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:10px;max-width:42%;line-height:1.2}
.brand span{font-size:28px}
nav{margin-left:auto;max-width:68%}
nav ul{flex-wrap:wrap;justify-content:flex-end;gap:8px 17px}
nav a{display:inline-block;padding:7px 0;font-size:15px;font-weight:600;color:#193746}
nav a:hover,nav a:focus-visible{color:#a94f39;text-decoration:underline}
.hero>div:first-child{max-width:650px}
.hero .eyebrow,.intro .eyebrow,.ways>.eyebrow,.history .eyebrow{margin:0 0 12px}
.hero .motto{color:#294b55}
.art{position:relative;overflow:hidden;box-shadow:0 18px 50px #19374618}
.art:before,.art:after{content:"";position:absolute;border:1px solid #ffffffb8;border-radius:50%;inset:12% 17%}
.art:after{inset:25% 30%;background:#fffefa55}
.intro{max-width:850px}
.intro h2,.ways h2{max-width:760px;margin:12px auto 18px}
.history{position:relative;overflow:hidden}
.history strong{flex:0 0 auto;text-shadow:0 5px 25px #0002}
.ways article{background:#fffefa;box-shadow:0 8px 24px #1937460a;transition:transform .2s ease,box-shadow .2s ease}
.ways article:hover{transform:translateY(-3px);box-shadow:0 14px 30px #19374614}
.ways article a{font-weight:700;text-decoration-thickness:1px}
.page-content{max-width:900px;padding-top:64px;padding-bottom:84px}
.page-content article{max-width:780px;margin:0 auto}
.page-content h1{margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--ink)}
.page-content h2{font:500 clamp(25px,3vw,34px)/1.25 Georgia,serif;margin:38px 0 14px;color:var(--ink)}
.page-content h3{font:500 23px/1.3 Georgia,serif;margin:28px 0 10px}
.page-content p,.page-content li{color:#36535c;line-height:1.85}
.page-content p{margin:0 0 18px}
.page-content ul,.page-content ol{padding-left:1.5rem;margin:0 0 24px}
.page-content li{padding-left:5px;margin:6px 0}
.page-content a{font-weight:600;text-decoration-thickness:1px}
.page-content blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--coral);background:var(--cream);font:italic 20px/1.6 Georgia,serif}
.page-content img{max-width:100%;height:auto;border-radius:8px}
.page-content .wp-block-button__link{display:inline-block;background:#245c70;color:white;padding:12px 22px;border-radius:5px;text-decoration:none}
footer{padding-top:54px}
footer .foot section:first-child{max-width:570px}
footer .support>div a:hover{background:#ffffff0d;border-color:#b7c9bf}
button{font:inherit;cursor:pointer}
.toggle{border-radius:5px;font-weight:700}
:focus-visible{outline-offset:5px}
@media(max-width:1000px){.head{align-items:flex-start}.brand{max-width:calc(100% - 100px)}nav{max-width:100%;width:100%;margin:0}nav ul{justify-content:flex-start}}
@media(max-width:800px){.head{align-items:center;position:relative}.brand{max-width:calc(100% - 90px);font-size:19px}.toggle{margin-left:auto}nav{top:100%;box-shadow:0 14px 20px #19374612}nav ul{width:100%;gap:2px}nav li{width:100%}nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}.hero{gap:26px;min-height:auto}.hero h1{font-size:clamp(37px,10vw,52px)}.art{min-height:190px;max-width:520px;width:100%;margin:0 auto}.intro,.ways{padding-top:56px;padding-bottom:56px}.history{padding-top:48px;padding-bottom:48px}.history strong{font-size:54px}.page-content{padding:48px 22px 64px}.page-content h1{font-size:38px}.foot{gap:24px}}
@media(max-width:420px){.history{align-items:flex-start;flex-direction:column}.history strong{font-size:48px}.support>div{flex-direction:column;align-items:stretch}.support>div a{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ways article{transition:none}.ways article:hover{transform:none}}


/* Identitate comuna si sectiunea voluntarilor */
.brand{gap:12px;max-width:46%;align-items:center}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#f3d5c8;font:30px Georgia,serif}
.brand-name{font:700 21px/1.18 Georgia,serif}
.brand .custom-logo-link{display:inline-flex;align-items:center}
.brand .custom-logo{max-width:220px;max-height:76px;object-fit:contain}
.site-footer{background:#142d39;color:#fff;padding:54px 24px 0}
.footer-main{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:48px}
.footer-main h2{font:24px Georgia,serif;margin:0 0 16px;color:#fff}
.footer-verse blockquote{margin:0;max-width:650px;padding:0;border:0;background:none;color:#f4eee2;font:italic 23px/1.55 Georgia,serif}
.verse-reference{margin:10px 0 24px;color:#c5d2ce;font-weight:700}
.footer-social{margin-top:22px;padding-top:20px;border-top:1px solid #49606a}
.footer-social h3{font:700 16px Arial,sans-serif;margin:0 0 12px;color:#fff}
.social-link{display:inline-flex;align-items:center;min-height:44px;margin:0 10px 8px 0;padding:9px 15px;border:1px solid #8ba79b;border-radius:5px;color:#fff!important;text-decoration:none;font-weight:700}
.social-link:hover{background:#ffffff12;text-decoration:underline}
.social-pending{margin:0;color:#d1dcd7;font-size:14px}
.footer-contact p{margin:8px 0;color:#e1e9e5}
.footer-contact a{color:#f3d5c8}
.site-footer .support{margin-top:38px}
.footer-bottom{max-width:var(--max);margin:0 auto;border-top:1px solid #49606a;padding:14px 0 4px}
.footer-bottom .copy{margin:0;text-align:center;font-size:13px;color:#c5d2ce}
.volunteer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:34px 0}
.volunteer-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fffefa;box-shadow:0 8px 26px #1937460b}
.volunteer-photo{height:245px;background:var(--cream);display:flex;align-items:center;justify-content:center;overflow:hidden}
.volunteer-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.volunteer-no-photo span{display:flex;width:88px;height:88px;align-items:center;justify-content:center;border-radius:50%;background:#dce5dc;color:var(--ink);font:42px Georgia,serif}
.volunteer-info{padding:20px 22px 24px}
.volunteer-info h2{margin:0 0 8px;font:24px Georgia,serif}
.volunteer-info p{margin:0;color:var(--soft);font-size:15px}
.volunteers-empty{padding:18px 22px;background:var(--cream);border-left:4px solid var(--sage);border-radius:4px}
@media(max-width:800px){.brand{max-width:calc(100% - 90px)}.brand-mark{flex-basis:40px;width:40px;height:40px;font-size:25px}.brand-name{font-size:18px}.footer-main{grid-template-columns:1fr;gap:28px}.footer-verse blockquote{font-size:21px}.volunteer-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.volunteer-photo{height:210px}}
@media(max-width:420px){.volunteer-grid{grid-template-columns:1fr}.volunteer-photo{height:260px}.social-link{display:flex;width:100%;justify-content:center}}


/* Formular de contact accesibil */
.contact-form-wrap{margin:44px 0 12px;padding:30px;background:#f4f1e7;border:1px solid #e4e1d8;border-radius:12px}
.contact-form-wrap>h2{margin-top:0!important}
.comori-contact-form{display:grid;gap:20px;margin-top:24px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-field{display:grid;gap:7px}
.contact-field label{font-weight:700;color:#193746}
.contact-field label span{color:#a94f39}
.contact-field input,.contact-field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #71838a;border-radius:5px;background:#fffefa;color:#193746;font:inherit}
.contact-field textarea{min-height:150px;resize:vertical}
.contact-field input:focus,.contact-field textarea:focus{outline:3px solid #d98268;outline-offset:2px;border-color:#193746}
.contact-field small,.contact-privacy-note{font-size:13px;color:#36535c}
.contact-submit{justify-self:start;min-height:48px;padding:11px 24px;border:0;border-radius:5px;background:#245c70;color:#fff;font:700 16px Arial,sans-serif}
.contact-submit:hover{background:#193746}
.contact-notice{margin:18px 0;padding:15px 18px;border-radius:5px;font-weight:700}
.contact-notice-success{background:#e4eee6;color:#194d35;border:1px solid #8aaf96}
.contact-notice-error{background:#fff0ed;color:#842f25;border:1px solid #d98268}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-privacy-note{margin:0}
@media(max-width:620px){.contact-form-wrap{padding:22px 17px}.contact-field-row{grid-template-columns:1fr;gap:20px}.contact-submit{width:100%}}

/* Formular de inscriere voluntari */
.volunteer-form-wrap{margin:34px 0 46px;padding:30px;background:#f4f1e7;border:1px solid #e4e1d8;border-radius:12px}
.volunteer-form-wrap>h2{margin-top:0!important}
.volunteer-application-form{display:grid;gap:19px;margin-top:24px}
.volunteer-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.volunteer-field{display:grid;gap:7px}
.volunteer-field label{font-weight:700;color:#193746}
.volunteer-field label span,.volunteer-consent label span span{color:#a94f39}
.volunteer-field input,.volunteer-field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #71838a;border-radius:5px;background:#fffefa;color:#193746;font:inherit}
.volunteer-field textarea{min-height:105px;resize:vertical}
.volunteer-field input:focus,.volunteer-field textarea:focus{outline:3px solid #d98268;outline-offset:2px}
.volunteer-consent label{display:flex;align-items:flex-start;gap:12px;color:#36535c;line-height:1.55}
.volunteer-consent input{width:20px;height:20px;flex:0 0 20px;margin-top:3px;accent-color:#245c70}
.volunteer-submit{justify-self:start;min-height:49px;padding:12px 24px;border:0;border-radius:5px;background:#245c70;color:#fff;font:700 16px Arial,sans-serif}
.volunteer-submit:hover{background:#193746}
.volunteer-privacy{margin:0!important;font-size:13px;color:#36535c}
.volunteer-notice{margin:18px 0;padding:15px 18px;border-radius:5px;font-weight:700}
.volunteer-notice-success{background:#e4eee6;color:#194d35;border:1px solid #8aaf96}
.volunteer-notice-error{background:#fff0ed;color:#842f25;border:1px solid #d98268}
.volunteer-trap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:620px){.volunteer-form-wrap{padding:22px 17px}.volunteer-field-row{grid-template-columns:1fr;gap:18px}.volunteer-submit{width:100%}}