/*
Theme Name: Eheevamaa
Description: Community help site in Dhivehi. Events (GiveWP), news, prayer and Quran pages.
Version: 1.0
Text Domain: eheevamaa
Requires at least: 6.0
Requires PHP: 8.0
Tested up to: 6.7
*/
:root{--red:#C8161D;--red-d:#9B1118;--red-t:#FBE9EA;--green:#0A7A42;--green-d:#075E33;--green-t:#E6F4EC;--ink:#1E2A28;--muted:#4A5A57;--line:#E8DFD4;--cream:#F7F1EA;--bg:#FFFBF7;--white:#fff;--r:20px}
@font-face{font-family:'MVWaheed';src:url('assets/fonts/MVWaheed.otf') format('opentype');font-display:swap}
@font-face{font-family:'Faruma';src:url('assets/fonts/Faruma.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}
html{direction:rtl;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Faruma',sans-serif;font-size:12pt;line-height:1.9}
h1,h2,h3,h4{font-family:'MVWaheed','Faruma',serif;font-weight:700;line-height:1.6;margin:.4em 0}
h1{font-size:20pt}h2{font-size:20pt}h3{font-size:18pt}
a{color:var(--ink);text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.site-logo img{height:52px;width:auto}
.main-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{font-size:12pt;color:var(--ink)}
.main-nav a:hover{color:var(--red)}
.btn{display:inline-block;padding:12px 26px;border-radius:999px;font-family:'Faruma',sans-serif;font-size:12pt;border:0;cursor:pointer}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-d)}
.btn-green{background:var(--green);color:#fff}
.btn-outline{background:#fff;border:1.5px solid var(--green);color:var(--green)}
.hero{padding-top:64px;padding-bottom:48px;background:var(--cream)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero .eyebrow{color:var(--red);font-size:12pt;margin:0}
.hero .lead{font-size:14pt;color:var(--muted)}
.hero img{border-radius:var(--r);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.totals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-24px auto 0;position:relative;max-width:1200px;padding:0 24px}
.tot{background:#fff;border-radius:var(--r);padding:22px;box-shadow:0 8px 28px rgba(0,0,0,.06);text-align:center}
.tot strong{display:block;font-family:'MVWaheed',serif;font-size:20pt;color:var(--red)}
.tot.green strong{color:var(--green)}
.block{padding-top:56px;padding-bottom:56px}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.eyebrow{font-size:12pt;color:var(--red);margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card .thumb{aspect-ratio:16/9;background:var(--cream);overflow:hidden}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card .thumb.is-logo img{object-fit:contain;padding:16px}
.card .body{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}
.card .body h3{margin:0;font-size:16pt}
.card .body h3 a{color:var(--ink)}
.pill{display:inline-block;padding:4px 14px;border-radius:999px;font-size:11pt;background:var(--red-t);color:var(--red);align-self:flex-start}
.pill.green{background:var(--green-t);color:var(--green)}
.card .actions{margin-top:auto}
.site-footer{background:#fff;border-top:1px solid var(--line);margin-top:48px;padding:32px 0;color:var(--muted)}
.site-footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.single-event .event-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start;padding-top:32px;padding-bottom:32px}
.single-event .side{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.single-event .side .goal{margin-bottom:16px}
.acct{background:var(--green-t);border-radius:16px;padding:16px;margin-top:16px}
.acct .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.acct .row:last-child{border:0}
.copybtn{min-height:36px;padding:0 16px;border:1.5px solid var(--green);background:#fff;color:var(--green);border-radius:999px;font:inherit;cursor:pointer}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:24px}
.gallery img{border-radius:14px;aspect-ratio:1/1;object-fit:cover;width:100%}
.prayer-box,.news-side{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.prayer-box h3{margin-top:0}
.prayer-box table{width:100%;border-collapse:collapse}
.prayer-box td{padding:8px 4px;border-bottom:1px solid var(--line)}
.prayer-box td:last-child{text-align:left;font-weight:600}
.verse{font-family:'Faruma',sans-serif;font-size:14pt;line-height:2.2;color:var(--ink)}
@media(max-width:900px){.hero-grid,.single-event .event-grid{grid-template-columns:1fr}.single-event .side{position:static}.totals{grid-template-columns:1fr}.main-nav{display:none}}
/* ===== Mobile layout (phones) ===== */
body{overflow-x:hidden}
.wrap{padding-left:20px;padding-right:20px}
.hero-grid,.single-event .event-grid{grid-template-columns:minmax(0,1fr)}
.single-event .side{position:static}
@media(max-width:900px){
  .main-nav{display:none}
  .totals{grid-template-columns:1fr}
}
@media(max-width:600px){
  .wrap,.totals{padding-left:16px!important;padding-right:16px!important}
  .site-header .wrap{min-height:0;flex-wrap:wrap;justify-content:center;padding-top:12px;padding-bottom:12px;gap:10px}
  .site-logo img{height:44px}
  .site-header .btn{width:100%;text-align:center;padding:12px 16px;min-height:46px}
  .main-nav{display:block;order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .main-nav ul{flex-wrap:nowrap;justify-content:flex-start;gap:14px;padding-bottom:4px}
  .main-nav a{white-space:nowrap;font-size:12pt}
  .hero{padding-top:28px;padding-bottom:36px}
  .hero h1{font-size:19pt;line-height:1.8}
  .hero .lead{font-size:12pt}
  .hero .btn{display:block;width:100%;margin:10px 0;text-align:center}
  .hero img{width:100%}
  .totals{margin-top:-14px;gap:10px}
  .tot{padding:16px}
  .tot strong{font-size:18pt}
  .block{padding-top:32px;padding-bottom:32px}
  h2{font-size:17pt;line-height:1.7}
  .head-row{flex-direction:column;align-items:flex-start;margin-bottom:16px}
  .cards{grid-template-columns:minmax(0,1fr);gap:16px}
  .card .body{padding:16px;gap:10px}
  .card .body h3{font-size:15pt}
  .card .actions .btn{display:block;width:100%;text-align:center;padding:12px 16px;min-height:46px}
  .single-event .event-grid{padding-top:16px;padding-bottom:16px;gap:20px}
  .single-event .side{padding:18px}
  .acct{padding:14px}
  .copybtn{min-height:44px;padding:0 14px}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-footer{padding:24px 0;margin-top:32px}
  .site-footer .wrap{flex-direction:column;align-items:center;text-align:center}
}