:root{
  --brown:#4E3620;      /* primar închis */
  --orange:#F38B37;     /* accent */
  --peach:#FC9E4F;      /* accent 2 */
  --cream:#F7F7D9;      /* fundal alternativ */
  --gold:#F7B538;       /* butoane/hover */
  --text:#2a241d;
  --bg:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --radius:1.25rem;
    --nav-bg: rgba(255,255,255,.75);   /* la top: mai aerisit/transparent */
  --nav-bg-solid: rgba(255,255,255,.98); /* după scroll: aproape alb plin */
  --nav-border: rgba(0,0,0,.06);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Lato',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;
}
h1,h2,h3{
  font-family:'Montserrat','Lato',Arial,sans-serif;
  line-height:1.2;
  color:var(--brown);
  margin:0 0 .6rem;
}
p{margin:.25rem 0 1rem}

.container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* Skip link */
.skip-link{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:#000;color:#fff;padding:8px 10px;border-radius:8px;z-index:10000}

/* NAVBAR */
.navbar{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--nav-bg);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-bottom: 1px solid var(--nav-border);
}

/* Structura internă rămâne ca înainte */
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo{width:80px; height:80px; display:block; object-fit:contain}
.brand-text{color:var(--brown);font-weight:700;letter-spacing:.2px}

.nav-links{display:flex;align-items:center;gap:18px}

/* Linkuri text – fără „pastilă”, doar culoare pe hover */
.nav-links a:not(.btn){
  color:var(--brown);
  text-decoration:none;
  font-weight:600;
  padding:12px 0;
  border-radius:0;
  transition:color .15s ease;
  text-underline-offset:6px;
}
.nav-links a:not(.btn):hover,
.nav-links a:not(.btn):focus{
  color:var(--orange);
  background:transparent;
}
.btn, .btn:link, .btn:visited {
  text-decoration: none;
}

.btn-primary, .btn-primary:link, .btn-primary:visited {
  background: var(--orange);
  color: #fff;
}

.btn-ghost, .btn-ghost:link, .btn-ghost:visited {
  background: transparent;
  border: 2px solid var(--orange);
  color: var(--brown);
}
.btn-ghost:hover {
  background: var(--cream);
  border-color: var(--gold);
}

/* Buton Donează = identic cu hero */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:2px solid transparent;font-weight:700;cursor:pointer;text-decoration:none;transition:.2s ease;white-space:nowrap}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--gold);transform:translateY(-2px)}

/* Mobil: meniu deschis cu același efect de blur */
@media (max-width: 680px){
  .nav-links{
    position:fixed;inset:64px 0 auto 0;
    background: var(--nav-bg);
    backdrop-filter: saturate(180%) blur(10px);
    -webkit-backdrop-filter: saturate(180%) blur(10px);
    padding:16px 20px;box-shadow:0 10px 30px rgba(0,0,0,.08);
    display:none;flex-direction:column;gap:10px
  }
  .nav-links.open{display:flex}
}

/* Burger (mobil) */
.burger{display:none;flex-direction:column;gap:5px;border:0;background:transparent;cursor:pointer}
.burger span{width:26px;height:2px;background:var(--brown);display:block}

/* SECTIONS */
.section{padding:64px 0}
.section.alt{background:var(--cream)}
.section-head{max-width:700px;margin:0 auto 24px;text-align:center}
.center{text-align:center;margin-top:20px}

/* HERO */
.hero-grid{
  display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px
}
.hero-copy p{font-size:1.125rem;max-width:560px}
.hero-media img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}

/* Stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.stat{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:18px;text-align:center}
.kpi{font-size:1.8rem;font-weight:800;color:var(--orange);line-height:1}
.label{opacity:.8}

/* Team */
.team-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.team-card{
  background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;
  text-decoration:none;color:inherit;transition:transform .2s ease, box-shadow .2s ease
}
.team-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.team-card img{width:100%;height:220px;object-fit:cover}
.team-card .meta{padding:14px}
.team-card h3{margin:0 0 .2rem}
.team-card span{opacity:.8}

/* Cards (activități) */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.card img{width:100%;height:180px;object-fit:cover}
.card h3{margin:0 0 .2rem}
.card-body{padding:14px}
.card .link{color:var(--orange);font-weight:700;text-decoration:none}
.card .link:hover{text-decoration:underline}

/* Newsletter */
.newsletter{margin-top:28px}
.newsletter label{display:block;font-weight:700;margin-bottom:8px}
.newsletter .row{display:flex;gap:10px}
.newsletter input{
  flex:1;border:2px solid #eee;border-radius:999px;padding:12px 14px;font-size:1rem
}
.newsletter input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(247,181,56,.15)}

/* Two column */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.two-col .col{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:22px}

/* Contact */
.contact-list{list-style:none;padding:0;margin:8px 0 0}
.contact-list li{padding:6px 0;border-bottom:1px dashed rgba(0,0,0,.08)}

/* Footer */
.footer{padding:28px 0;border-top:1px solid #eee;background:#fff}
.footer p{margin:0;text-align:center;opacity:.8}

/* Reveal (fly-in) */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease}
.reveal.show{opacity:1;transform:none}

/* Responsive */
@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .team-grid,.cards,.two-col{grid-template-columns:1fr 1fr}
}
@media (max-width: 680px){
  .nav-links{position:fixed;inset:64px 0 auto 0;background:#fff;padding:16px 20px;box-shadow:var(--shadow);
             display:none;flex-direction:column;gap:10px}
  .nav-links.open{display:flex}
  .burger{display:flex}
  .stats,.team-grid,.cards,.two-col{grid-template-columns:1fr}
  .section{padding:48px 0}
  .hero-copy p{font-size:1rem}
}
/* ===== Sub-pagini: Despre noi ===== */
.subhero{
  padding-block: 72px;
  background: linear-gradient(180deg, rgba(247,247,217,.7), rgba(247,247,217,0));
}
.subhero-grid{
  display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center
}
.subhero-copy p{max-width:600px}
.subhero-media img{width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}

/* breadcrumbs */
.breadcrumbs{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:.95rem}
.breadcrumbs a{color:var(--brown);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs span[aria-current="page"]{color:var(--orange);font-weight:700}

/* bullets frumoase */
.bullets{padding-left:1.2rem;margin:.5rem 0 0}
.bullets li{margin:.25rem 0}
.bullets li::marker{color:var(--orange)}

/* valori (badges) */
.values{display:flex;flex-wrap:wrap;gap:8px;margin:.5rem 0 1rem}
.badge{
  display:inline-block;background:#fff;border:2px solid var(--gold);color:var(--brown);
  padding:6px 10px;border-radius:999px;font-weight:700;box-shadow:var(--shadow)
}

/* pași metodologie */
.steps{list-style:none;padding:0;margin:8px 0 0;counter-reset: s}
.steps li{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:14px 16px;margin:10px 0}
.step-no{
  display:inline-grid;place-items:center;margin-right:10px;
  width:28px;height:28px;border-radius:50%;
  background:var(--orange);color:#fff;font-weight:800
}

/* parteneri (logo grid) */
.logos-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:center;justify-items:center
}
.logos-grid img{max-height:44px;width:auto;opacity:.9;filter:grayscale(10%)}
.logos-grid img:hover{opacity:1;filter:none}

/* FAQ */
.faq details{
  background:#fff;border-radius:14px;box-shadow:var(--shadow);margin:10px 0;overflow:hidden
}
.faq summary{
  cursor:pointer;padding:14px 16px;font-weight:700;list-style:none
}
.faq summary::-webkit-details-marker{display:none}
.faq details p{padding:0 16px 16px;margin:0}

/* Responsive pentru sub-pagini */
@media (max-width: 980px){
  .subhero-grid{grid-template-columns:1fr}
  .logos-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== Echipa ===== */
.team-filters{
  display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px
}
.chip{
  appearance:none;border:2px solid var(--orange);background:#fff;color:var(--brown);
  padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer;
  transition:transform .15s ease, background-color .15s ease, border-color .15s ease
}
.chip:hover{transform:translateY(-1px);background:var(--cream)}
.chip.active{background:var(--orange);border-color:var(--orange);color:#fff}

.team-grid.wide{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
@media (max-width:980px){ .team-grid.wide{grid-template-columns:1fr 1fr} }
@media (max-width:680px){ .team-grid.wide{grid-template-columns:1fr} }

.person-card{
  position:relative;display:block;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);color:inherit;text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease
}
.person-card img{width:100%;height:240px;object-fit:cover;display:block}
.person-card .meta{padding:14px}
.person-card h3{margin:0 0 .2rem;color:var(--brown)}
.person-card span{opacity:.85}
.person-card .tag{
  position:absolute;top:10px;left:10px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(6px);
  border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:6px 10px;font-weight:700
}
.person-card .overlay{
  position:absolute;inset:auto 0 0 0;height:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.45) 80%);
  color:#fff;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;
  transition:height .22s ease;
}
.person-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.person-card:hover .overlay{height:42%}

/* accesibilitate focus */
.person-card:focus-visible{outline:4px solid rgba(243,139,55,.35);outline-offset:3px;border-radius:22px}

/* sub-hero pentru listă team (mai aerisit) */
.subhero{padding-block:64px;background:linear-gradient(180deg, rgba(247,247,217,.6), rgba(247,247,217,0))}

/* ===== Contact page ===== */
.contact-cards{display:grid;gap:16px}
.info-card{
  background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px;
}
.info-card h3{margin:.2rem 0 .4rem}
.link-strong{color:var(--orange);font-weight:800;text-decoration:none}
.link-strong:hover{text-decoration:underline}
.map-embed{margin-top:10px;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.map-embed iframe{width:100%;height:220px;border:0}

/* Form */
.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form label{font-weight:700;display:block;margin:0 0 .25rem}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;border:2px solid #eee;border-radius:12px;padding:12px 14px;font-size:1rem;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(247,181,56,.15)
}
.contact-form .full{grid-column:1/-1}
.contact-form .agree .check{display:flex;gap:10px;align-items:flex-start}

/* Alerts */
.alert{border-radius:12px;padding:12px 14px;margin-bottom:12px;border-left:6px solid}
.alert.success{background:#ecfdf5;border-left-color:#34d399}
.alert.danger{background:#fff5f5;border-left-color:#f87171}

/* Responsive */
@media (max-width:980px){
  .contact-form .form-grid{grid-template-columns:1fr}
}
/* contact – aliniază frumos checkbox-ul GDPR */
.contact-form .agree .check{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:10px;
}
.contact-form .agree .check input[type="checkbox"]{
  margin-top:3px; /* ușor coborât pentru aliniere cu textul */
}
/* ===== Activities ===== */
.act-toolbar{
  display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px;
  flex-wrap:wrap;
}
.pill-group{display:flex; gap:8px; flex-wrap:wrap}
.pill{display:inline-block; padding:8px 14px; border-radius:999px; background:#fff; box-shadow:var(--shadow);
  text-decoration:none; color:#2b2b2b; font-weight:700}
.pill:hover{background:#fff2e6}
.pill.active{background:#fbb36b; color:#4e3620}

.act-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media (max-width:980px){ .act-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .act-grid{grid-template-columns:1fr} }

.act-card{background:#fff; border-radius:18px; box-shadow:var(--shadow); overflow:hidden; display:flex; flex-direction:column}
.act-card .cover img{width:100%; aspect-ratio:16/9; object-fit:cover; display:block}
.act-card .body{padding:14px}
.act-card .meta{display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; opacity:.8; font-size:.95rem}
.badge{border-radius:999px; padding:4px 10px; font-weight:800; font-size:.85rem; background:#fff2e6}
.badge.story{background:#ffe9d6}
.badge.news{background:#fff2e6}
.badge.event{background:#fde5a8}
.act-card h3{margin:.25rem 0 .35rem}
.act-card .excerpt{margin:0 0 .5rem}

.pager{display:flex; gap:8px; justify-content:center; margin-top:16px}
.pager .page{padding:8px 12px; border-radius:10px; text-decoration:none; background:#fff; box-shadow:var(--shadow)}
.pager .page.current{background:#fbb36b; color:#4e3620; font-weight:800}

.newsletter-cta{margin-top:26px; background:#fff; border-radius:18px; box-shadow:var(--shadow); padding:16px}
.nl-form{display:flex; gap:10px; flex-wrap:wrap}
.nl-form input[type=email]{flex:1; min-width:220px}

/* Article */
.act-article .article-head .meta{opacity:.8; margin-bottom:10px}
.article-cover{width:100%; border-radius:16px; box-shadow:var(--shadow); margin:10px 0 16px}
.act-article .content img{max-width:100%; border-radius:10px}
.donate-cta{margin:22px 0; padding:16px; border:2px dashed #fbb36b; border-radius:14px; text-align:center}

.sidebar-card{background:#fff; border-radius:18px; box-shadow:var(--shadow); padding:14px; margin-bottom:14px}
.sidebar-card .related{display:flex; gap:10px; align-items:center; text-decoration:none; margin:8px 0}
.sidebar-card .related img{width:72px; height:54px; object-fit:cover; border-radius:8px}
.empty{padding:18px; background:#fff; border-radius:14px; box-shadow:var(--shadow)}

/* ===== Activities – polish search + newsletter ===== */

/* bara de sus: filtre + căutare */
.act-toolbar{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  margin-bottom:18px;
}
.act-toolbar .pill-group{display:flex; gap:8px; flex-wrap:wrap}

/* grupul „Caută” stă la dreapta pe desktop */
.act-toolbar .search{
  margin-left:auto; display:flex; align-items:center; gap:10px;
}
.act-toolbar .search input{
  min-width:260px; max-width:40vw;
  height:44px; padding:0 12px;
  background:#fff; border:1px solid #e9e3da; border-radius:12px;
  outline:none;
}
.act-toolbar .search input:focus{
  border-color:#f3a24a; box-shadow:0 0 0 3px rgba(243,162,74,.2);
}

/* butonul de căutare „ghost” să arate ca un buton */
.act-toolbar .btn-ghost{
  display:inline-block; height:44px; padding:0 14px;
  border:1px solid #e9e3da; border-radius:12px;
  background:#fff; font-weight:700; text-decoration:none;
}
.act-toolbar .btn-ghost:hover{ background:#fff7ed; border-color:#f3a24a; }

/* newsletter */
.newsletter-cta{ margin-top:26px; }
.newsletter-cta .nl-form{ display:flex; gap:12px; flex-wrap:wrap; }
.newsletter-cta .nl-form input[type=email]{
  flex:1; min-width:260px; height:46px; padding:0 12px;
  background:#fff; border:1px solid #e9e3da; border-radius:60px;
}
.newsletter-cta .nl-form button{
  height:46px; padding:0 18px; border-radius:52px;
}

/* responsive */
@media (max-width: 900px){
  .act-toolbar{ flex-direction:column; align-items:flex-start; }
  .act-toolbar .search{ margin-left:0; width:100%; }
  .act-toolbar .search input{ width:100%; max-width:none; }
}
@media (max-width: 640px){
  .newsletter-cta .nl-form{ flex-direction:column; }
  .newsletter-cta .nl-form button{ width:100%; }
}
/* Fonts: diacritice RO fix */
:root{
  --font-heading: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-body:    "Inter",      system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

body{ font-family: var(--font-body); }
h1,h2,h3,h4,h5{ font-family: var(--font-heading); }

/* opțional: împiedică „bold/italic” sintetic care strică diacriticele */
*{ font-synthesis-weight: none; font-synthesis-style: none; }


/* aplică peste tot, fără bold/italic sintetic care strică diacriticele */
html { font-kerning: normal; text-rendering: optimizeLegibility; }
body { font-family: var(--font-body); }
h1,h2,h3,h4,h5 { font-family: var(--font-heading); }

/* previne „fake bold/italic” când lipsește greutatea exactă */
* { font-synthesis-weight: none; font-synthesis-style: none; }

/* asigură-te că folosești doar greutățile încărcate */
strong, b { font-weight: 700; }

/* Trix editor (admin) – să nu ocupe prea mult */
.trix{ min-height:220px; background:#fff; border:1px solid #e9e3da; border-radius:10px; padding:8px }

/* Galerie pe front-end */
.gal-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
}
.gal-item img{
  width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; box-shadow:var(--shadow);
  transition: transform .15s ease;
}
.gal-item:hover img{ transform: scale(1.02); }
@media (max-width:1000px){ .gal-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .gal-grid{ grid-template-columns:repeat(2,1fr); } }

/* ===== Activity detail polish ===== */
.act-article{ max-width:68ch; }
.act-article .article-head{ margin-bottom:8px }
.act-article .article-head .meta{ opacity:.75; margin:6px 0 10px; }
.article-cover{
  width:100%; border-radius:16px; box-shadow:var(--shadow);
  margin:10px 0 18px; display:block; object-fit:cover;
}
.act-article .content p{ margin:0 0 12px; line-height:1.6 }
.act-article .content h2{ font-size:1.5rem; margin:14px 0 8px }
.act-article .content h3{ font-size:1.25rem; margin:12px 0 6px }
.act-article .content ul, .act-article .content ol{ padding-left:1.2rem; margin:0 0 12px }
.act-article .content img{ max-width:100%; border-radius:10px; margin:8px 0 }
@media (max-width:980px){ .two-col{ grid-template-columns:1fr !important } }



/* ================== ACTIVITY (pagina detaliu) ================== */
.article {
  max-width: 920px; margin: 0 auto; padding: 0 24px 56px;
}
.article .article-cover {
  width: 100%; max-width: 760px; height: auto;
  display: block; margin: .6rem auto 1.1rem;
  border-radius: 18px; box-shadow: 0 10px 28px #00000012;
}
.article a { color: var(--brand-600, #E2741F); text-decoration: none; }
.article a:hover { color: var(--brand-700, #C55D12); text-decoration: underline; }

/* ================== NEWSLETTER BAR ================== */
.subscribe-card {
  margin-top: 24px;
  background: linear-gradient(180deg, #FFF7ED, #FFEAD6);
  border: 1px solid #F1EAE1;
  border-radius: 400px;
  box-shadow: 0 8px 24px #0000000d;
  padding: 18px;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  align-items: center;
}
.subscribe-card h3 {
  margin: 0 0 .25rem; font-weight: 900; color: var(--text-900, #3E2E22);
}
.subscribe-card p { margin: 0; color:#6b5a4b; }
@media (max-width: 900px) {
  .subscribe-card { grid-template-columns: 1fr; }
}

.subscribe-form {
  display: flex; gap: .6rem; align-items: center; justify-content: flex-end;
}
@media (max-width: 900px) {
  .subscribe-form { justify-content: flex-start; }
}
.subscribe-form input[type="email"] {
  flex: 1 1 260px;
  min-width: 220px;
  padding: .8rem 1rem;
  border-radius: 999px;
  border: 2px solid #E6DCCF;
  background: #fff;
  outline: none; font: inherit;
}
.subscribe-form input[type="email"]::placeholder { color:#8a7a6a; }
.subscribe-form input[type="email"]:focus {
  border-color: var(--brand-500, #F38B37);
  box-shadow: 0 0 0 4px #FDE1C8;
}
.subscribe-form button {
  padding: .85rem 1.15rem;
  border-radius: 999px;
  border: 0;
  font-weight: 900;
  background: var(--brand-600, #E2741F);
  color: #fff; cursor: pointer;
  transition: filter .15s ease, transform .05s ease;
}
.subscribe-form button:hover { filter: brightness(.95); }
.subscribe-form button:active { transform: translateY(1px); }

/* ===== Card grid – același vibe ca la echipă ===== */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
}

.card {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.10); }

.card__media {
  display:block;
  width: 100%;
  aspect-ratio: 4 / 3;    /* poți schimba în 16/10 dacă preferi */
  overflow: hidden;
  background:#f7f7f7;
}
.card__media img{ width:100%; height:100%; object-fit:cover; display:block; }

.card__body { padding: 12px 14px 14px; }
.card__title{ margin:.25rem 0 .35rem; font-weight:800; }
.card__title a{ color: var(--text-900,#3E2E22); text-decoration:none; }
.card__title a:hover{ color: var(--brand-600,#E2741F); text-decoration:none; }

.card__meta{ display:flex; align-items:center; gap:10px; margin:.4rem 0 .2rem; }
.card__excerpt{ color:#6b5a4b; margin:.2rem 0 .35rem; }

/* chips de filtrare (aceleași ca la echipă) */
.activities-filters{ display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; margin:.25rem 0 1rem; }
.activities-filters .chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.55rem .95rem; border-radius:999px;
  border:2px solid var(--brand-400,#F7B538);
  background:#fff; color:var(--text-900,#3E2E22);
  font-weight:700; line-height:1; cursor:pointer;
  transition:.2s ease; text-decoration:none;
}
.activities-filters .chip:hover{ background:#FDE1C8; border-color:#F38B37; }
.activities-filters .chip.is-active{ background:#F38B37; color:#fff; border-color:#F38B37; }

/* badge categorie (Noutăți / Povești / Evenimente) */
.badge-cat{
  display:inline-flex; align-items:center;
  padding:.34rem .6rem; border-radius:999px;
  border:2px solid #F38B37; background:#fff; color:#3E2E22;
  font-weight:800; font-size:.9rem;
}

/* === FIX 1: Titlurile cardurilor să NU mai fie albastre (și fără underline) */
.act-card h3 a,
.card__title a,
.act-grid h3 a {
  color: var(--text-900, #3E2E22);
  text-decoration: none;
}
.act-card h3 a:hover,
.card__title a:hover,
.act-grid h3 a:hover {
  color: var(--brand-600, #E2741F);
  text-decoration: none;
}

/* (opțional) dacă linkul "Citește" apare albastru, stilizează-l ca link-buton */
.act-card .read-more,
.act-card a.read-more {
  display: inline-flex; align-items: center; gap: .35rem;
  font-weight: 800; text-decoration: none;
  color: var(--brand-600, #E2741F);
}
.act-card .read-more:hover { color: var(--brand-700, #C55D12); }

/* === FIX 2: Chips „Toate / Povești / Noutăți / Evenimente” ca în pagina echipă
   (funcționează indiferent dacă folosești .pill sau .chip în HTML) */
.pill,
.activities-filters .chip {
  appearance:none;border:2px solid var(--orange);background:#fff;color:var(--brown);
  padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer;
  transition:transform .15s ease, background-color .15s ease, border-color .15s ease        /* scoate umbra veche */
}
.pill:hover,
.activities-filters .chip:hover {transform:translateY(-1px);background:var(--cream)}
.pill.active,
.activities-filters .chip.is-active {background:var(--orange);border-color:var(--orange);color:#fff}



















/* === FIX 3: Bara de abonare – stil rotunjit, coerent, și în SIDEBAR (pagina activity) */
.subscribe-card,
.sidebar-card.newsletter,
.sidebar-card:has(.subscribe-form) {
  /* păstrează cardul existent dar îl rotunjim consistent */
  border-radius: 22px;
}

.subscribe-form,
.sidebar-card .subscribe-form {
  display: flex; gap: .6rem; align-items: center; flex-wrap: nowrap;
}

.subscribe-form input[type="email"],
.sidebar-card .subscribe-form input[type="email"] {
  flex: 1 1 260px; min-width: 220px;
  height: 46px; padding: 0 14px;
  border-radius: 999px;
  border: 2px solid #E6DCCF;
  background: #fff; outline: none; font: inherit;
}
.subscribe-form input[type="email"]:focus,
.sidebar-card .subscribe-form input[type="email"]:focus {
  border-color: var(--brand-500, #F38B37);
  box-shadow: 0 0 0 4px #FDE1C8;
}

.subscribe-form button,
.sidebar-card .subscribe-form button {
  height: 46px; padding: 0 18px;
  border-radius: 999px; border: 0;
  font-weight: 900; background: var(--brand-600, #E2741F); color: #fff;
  cursor: pointer; transition: filter .15s ease, transform .05s ease;
}
.subscribe-form button:hover,
.sidebar-card .subscribe-form button:hover { filter: brightness(.95); }
.subscribe-form button:active,
.sidebar-card .subscribe-form button:active { transform: translateY(1px); }

/* responsive pentru bara de abonare din sidebar/listing */
@media (max-width: 900px){
  .subscribe-form,
  .sidebar-card .subscribe-form { flex-wrap: wrap; }
  .subscribe-form button,
  .sidebar-card .subscribe-form button { width: 100%; }
}

/* Cards (activități) – corectat + responsive */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}

.card{
  background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;
}
.card .cover{display:block}
.card img{width:100%;height:180px;object-fit:cover;display:block}

.card-body{padding:14px}
.card .meta{opacity:.8;font-size:.95rem;margin:0 0 .35rem;display:flex;justify-content:space-between;align-items:center}

.card h3{margin:.2rem 0 .4rem}
.card h3 a{color:var(--text-900,#3E2E22);text-decoration:none;font-weight:800}
.card h3 a:hover{color:var(--brand-600,#E2741F)}

.card .excerpt{
  color:#6b5a4b;margin:.2rem 0 .6rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

/* link „Citește” pe culoarea brand */
.card .link{color:var(--brand-600, var(--orange,#E2741F));font-weight:800;text-decoration:none}
.card .link:hover{text-decoration:underline}

/* Header nav – normalizează greutatea, indiferent cine vine după */
header nav a {
  font-weight: 600 !important;
  text-decoration: none;
}
header nav a:hover { text-decoration: underline; }

/* butonul „Donează” (dacă e anchor în nav) poate rămâne mai „gros” */
header nav a.btn,
header .btn-donate {
  font-weight: 800 !important;
}

/* ===== Page Loader ===== */
.loader{
  position:fixed; inset:0; z-index:9999;
  display:grid; place-items:center;
  background:#fff;           /* sau var(--page-bg) */
  opacity:0; pointer-events:none;
  transition:opacity .18s ease;
}
.loader.show{ opacity:1; pointer-events:auto; }

.spinner{
  width:36px; height:36px; border-radius:50%;
  border:3px solid #eae6df; border-top-color: var(--brand-600, #E2741F);
  animation: spin .8s linear infinite;
}
@keyframes spin{ to{ transform:rotate(360deg) } }

/* Fade out mic pentru body când plecăm de pe pagină (fallback vizual) */
body.is-navigating{ opacity:.96; filter:saturate(.98); transition: opacity .12s ease }

/* Respectă preferința de a reduce animațiile */
@media (prefers-reduced-motion: reduce){
  .loader{ transition:none }
  body.is-navigating{ transition:none }
}

.social-logos{
  display:flex;
  align-items:center;
  gap:1rem;               /* spațiu între iconițe */
  margin-top:.6rem;
}

.social-logos .logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .15s ease, opacity .15s ease;
}

.social-logos .logo:hover{
  transform:translateY(-1px);
  opacity:.9;
}

.social-logos .logo img{
  height:28px;            /* mărimea iconițelor (ajustează la 24–32px după gust) */
  width:auto;
  display:block;
}

/* OPTIONAL: dacă PNG-urile sunt negre și vrei să le „vopsești” portocaliu din CSS */
:root { --accent: #ff7a00; }
.social-logos .logo img.tint-orange{
  /* filtru aproximativ spre portocaliul tău */
  filter: brightness(0) saturate(100%) invert(60%) sepia(72%)
          saturate(1400%) hue-rotate(355deg) brightness(100%) contrast(100%);
}
.social-logos {
  display: flex;
  align-items: center;
  gap: 1rem;              /* spațiu între iconițe */
  margin-top: .6rem;
}

.social-logos .logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.social-logos .logo img {
  height: 50px;           /* dimensiunea iconițelor */
  width: auto;
  display: block;
  transition: transform 0.2s, opacity 0.2s;
}

.social-logos .logo:hover img {
  transform: scale(1.1);
  opacity: 0.9;
}

/* ===== FOOTER (stil „glass” ca navbar) ===== */
.site-footer{
  background: var(--nav-bg);
  backdrop-filter: saturate(180%) blur(10px);
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  border-top: 1px solid var(--nav-border);
  margin-top: 28px;
}

/* rândul principal: 3 coloane – LOGO ANPC / NAV / CTA */
.site-footer .footer-inner{
  display:grid;
  grid-template-columns: clamp(220px, 28%, 340px) 1fr auto;
  align-items:center;
  gap: 28px;
  padding: 28px 0;
}

/* rândul de jos */
.site-footer .footer-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap: 16px;
  padding: 14px 0 24px;
  border-top: 1px dashed var(--nav-border);
  color:#6b5a4b;
  font-size:.95rem;
}

/* Linkuri ca în navbar (fără albastru/purple) */
.site-footer a,
.site-footer a:visited{
  color: var(--brown);
  text-decoration: none;
  font-weight: 700;
  text-underline-offset: 6px;
  transition: color .15s ease;
}
.site-footer a:hover{ color: var(--orange); }

/* NAV din footer */
.site-footer .footer-nav{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap: 10px 14px;
}
.site-footer .footer-nav a{ padding: 10px 8px; border-radius: 8px; }
.site-footer .footer-nav a:hover{ background: var(--cream); }

/* CTA dreapta (Donează + limbă) */
.site-footer .footer-cta{ display:flex; gap:12px; justify-content:flex-end; }
.site-footer .footer-cta .btn{ padding:12px 18px; border-radius:999px; }
.site-footer .footer-cta .lang{
  width:42px;height:42px;border-radius:999px;
  border:2px solid var(--orange);
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:900;color:var(--brown);
}
.site-footer .footer-cta .lang:hover{ background:var(--cream); border-color:var(--gold); }

/* Sigle ANPC – fără card/border/shadow; dimensiune controlată */
.site-footer .anpc-logos{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-start;
}
.site-footer .anpc-logos a{ padding:0; border:0; background:transparent; box-shadow:none; }
.site-footer .anpc-logos img{
  height: 44px !important;   /* ajustează 40–48 după gust */
  width: auto !important;
  max-width: 240px !important;
  display:block;
  filter: grayscale(15%);
  transition: filter .15s ease, transform .15s ease;
}
.site-footer .anpc-logos a:hover img{ filter:none; transform: translateY(-1px); }

/* „legal” la stânga în bară */
.site-footer .legal{ display:flex; gap:14px; flex-wrap:wrap; }

/* responsive */
@media (max-width: 980px){
  .site-footer .footer-inner{
    grid-template-columns: 1fr;
    justify-items:center;
    text-align:center;
    gap: 18px;
    padding: 22px 0;
  }
  .site-footer .footer-cta{ justify-content:center; }
  .site-footer .anpc-logos{ justify-content:center; }
  .site-footer .footer-bar{ flex-direction:column; gap:8px; }
}
/* ====== Partners/Sponsors ====== */
.logo-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap:18px;
  margin-top:12px;
}
.logo-card{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  background:#fff; border-radius:18px; text-decoration:none;
  padding:16px 14px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.logo-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.10);
  
}
.logo-wrap{
  width:100%; aspect-ratio: 4/3; display:flex; align-items:center; justify-content:center;
  overflow:hidden; border-radius:12px; background:#ffffff;
}
.logo-wrap img{
  max-width:90%; max-height:90%; width:auto; height:auto; object-fit:contain; display:block;
}
.logo-name{
  font-weight:800; color:var(--brown); text-align:center; line-height:1.25;
}

/* CTA sponsorizare */
.sponsor-cta{
  display:flex; gap:20px; align-items:center; justify-content:space-between;
  padding:22px; border-radius:20px; background:#ffffff;
  border:2px solid var(--gold);
  box-shadow: 0 12px 34px rgba(0,0,0,.05);
}
.sponsor-cta .cta-copy p{ margin:.35rem 0 0; color:#6b5a4b; }
.sponsor-cta .cta-actions{ display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width: 820px){
  .sponsor-cta{ flex-direction:column; align-items:flex-start; }
}





