/* Daunish Cultural Association — professional nonprofit theme */
:root{
  --navy:#143642; --teal:#1b6b6f; --gold:#c9a227; --gold-d:#a8861d;
  --ink:#22333b; --muted:#5c6b73; --bg:#faf8f2; --card:#ffffff; --line:#e7e0d2;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}
h1,h2,h3{color:var(--navy);line-height:1.25}
.lead{font-size:1.15rem;color:var(--muted);max-width:44em}
a{color:var(--teal)}

/* header */
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.25rem;gap:1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none}
.brand-logo{height:52px;width:52px;object-fit:cover;border-radius:50%;background:#fff;flex:none}
.brand-text{font-weight:700;font-size:1.15rem;line-height:1.2;display:flex;flex-direction:column}
.brand-text small{font-weight:400;font-size:.72rem;color:#cfe3e3}
.main-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.main-nav a{color:#eaf3f3;text-decoration:none;font-size:.95rem;padding:.25rem 0;border-bottom:2px solid transparent}
.main-nav a:hover,.main-nav a.active{border-color:var(--gold);color:#fff}
.lang-toggle{border:1px solid #ffffff55;border-radius:20px;padding:.15rem .7rem !important;font-size:.8rem !important}

/* buttons */
.btn{display:inline-block;border:none;cursor:pointer;text-decoration:none;border-radius:8px;font-weight:600;transition:.15s}
.btn-lg{padding:.8rem 1.8rem;font-size:1.05rem}
.btn-sm{padding:.4rem .9rem;font-size:.85rem}
.btn-gold{background:var(--gold);color:#1a1a1a}
.btn-gold:hover{background:var(--gold-d);color:#fff}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:#14585b}
.btn-outline{border:2px solid #fff;color:#fff;background:transparent}
.btn-outline:hover{background:#ffffff22}

/* hero */
.hero{background:linear-gradient(135deg,#0f2c36 0%,#1b6b6f 70%,#22807f 100%);color:#fff;padding:4.5rem 0;text-align:center}
.hero h1{color:#fff;font-size:2.6rem;margin:0 0 .5rem}
.motto{font-size:1.35rem;color:var(--gold);line-height:1.9;margin:0 0 1rem;font-weight:600;letter-spacing:.02em}
.hero-sub{max-width:40em;margin:0 auto 1.8rem;color:#d7ecec;font-size:1.15rem}
.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.hero-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:2.5rem;flex-wrap:wrap;color:#cfe3e3}
.hero-stats strong{display:block;font-size:1.6rem;color:var(--gold)}

/* sections & cards */
.section{padding:3rem 1.25rem}
.page{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-top:2rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000008}
.narrow{max-width:680px}
.center{text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem}
.card{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #00000006}
.card h3{margin-top:0}
.band{background:var(--navy);color:#fff;padding:2.5rem 0;margin-top:1rem}
.band-light{background:#f0e9d6;color:var(--ink)}
.band-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.band h2{margin:0 0 .4rem;color:inherit}
.band p{margin:0;max-width:38em;opacity:.9}
.ticks{list-style:none;padding:0}
.ticks li{padding:.4rem 0 .4rem 1.8rem;position:relative}
[dir="ltr"] .ticks li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
[dir="rtl"] .ticks li::before{content:"✓";position:absolute;right:0;color:var(--teal);font-weight:700}
[dir="rtl"] .ticks li{padding:.4rem 1.8rem .4rem 0}

/* forms */
.form{display:grid;gap:1rem;margin-top:1.5rem}
.form label{display:grid;gap:.35rem;font-weight:600;font-size:.95rem}
.form input,.form select,.form textarea{padding:.65rem .8rem;border:1px solid #cfc8b4;border-radius:8px;font-size:1rem;font-family:inherit;background:#fffdf8;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--teal);border-color:var(--teal)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
fieldset{border:1px solid var(--line);border-radius:8px;padding:1rem}
legend{font-weight:700;padding:0 .5rem}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.4rem}
.checks label,.checkline{display:flex;align-items:center;gap:.5rem;font-weight:400}
.form label.checkline{display:flex}
.checks input,.checkline input{width:auto}
.amts{display:flex;gap:.6rem;flex-wrap:wrap}
.amt{border:2px solid var(--line);border-radius:10px;padding:.6rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}
.amt input{width:auto}
.amt:has(input:checked){border-color:var(--gold);background:#fdf6e0}
.fee-note{background:#fdf6e0;border:1px solid #e8d9a0;border-radius:8px;padding:.8rem 1rem}
.alert{background:#fdecea;border:1px solid #f5b7b1;border-radius:8px;padding:.8rem 1rem;color:#943634}
.ok{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:.8rem 1rem;color:#2e7d32}
.hint{color:var(--muted);font-size:.85rem}

/* footer */
.site-footer{background:var(--navy);color:#cfe3e3;padding:2rem 0;margin-top:2rem;font-size:.92rem}
.footer-in{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.footer-in strong{color:#fff}
.footer-note{text-align:end}

/* admin */
body.admin{background:#f4f4f2}
.admin-bar{background:#1a1a1a;color:#fff}
.admin-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem;flex-wrap:wrap}
.admin-in nav{display:flex;gap:1.1rem}
.admin-in a{color:#ddd;text-decoration:none;font-size:.92rem}
.admin-in a:hover,.admin-in a.active{color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin:1.5rem 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1rem;text-align:center}
.stat strong{display:block;font-size:1.7rem;color:var(--teal)}
.stat span{font-size:.82rem;color:var(--muted)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}
.tbl{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}
.tbl th,.tbl td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:start}
.tbl th{background:#f7f4ea;color:var(--navy)}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.tbl.kv th{width:220px}
tr.unread td{background:#fff8e1;font-weight:600}
.pill{display:inline-block;padding:.15rem .7rem;border-radius:20px;font-size:.78rem;font-weight:700}
.pill.paid,.pill.active{background:#e8f5e9;color:#2e7d32}
.pill.unpaid,.pill.pending{background:#fff3e0;color:#e65100}
.pill.inactive{background:#f5f5f5;color:#757575}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:1rem 0;background:#fff;padding:.9rem;border:1px solid var(--line);border-radius:10px}
.filters input,.filters select{padding:.5rem .7rem;border:1px solid #cfc8b4;border-radius:8px;font-size:.9rem}
@media(max-width:760px){.cols{grid-template-columns:1fr}.row,.row3{grid-template-columns:1fr}.hero h1{font-size:2rem}}