/*
Theme Name: Children of Adam
Theme URI: https://childrenofadam.org/
Author: Children of Adam
Description: WordPress conversion theme for the Children of Adam React/Tailwind website.
Version: 0.9.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: children-of-adam
*/
:root{--green:#1b6b3a;--green-dark:#12502b;--gold:#b78a2f;--ink:#17211b;--muted:#647067;--cream:#f7f5ef;--line:#e5e7eb;--danger:#b91c1c;--radius:18px;--shadow:0 12px 35px rgba(0,0,0,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin-top:0;color:#132117}.container{width:min(1180px,calc(100% - 32px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:9999}.announcement{background:#102f20;color:#fff;text-align:center;padding:8px 16px;font-size:14px}.announcement a{color:#f7d88a;font-weight:700}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;text-decoration:none}.logo img{width:170px;max-height:52px;object-fit:contain}.nav{display:flex;gap:22px;align-items:center;margin-left:auto}.nav ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.nav a{text-decoration:none;font-size:14px;font-weight:650}.btn,.wp-element-button{border:0;border-radius:12px;padding:12px 20px;font-weight:750;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;transition:.2s}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-gold{background:var(--gold);color:#fff}.btn-outline{border:1px solid currentColor;background:transparent}.mobile-toggle{display:none;margin-left:auto;background:none;border:0;font-size:25px}.hero{min-height:590px;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(105deg,#13251c,#223d2d)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(183,138,47,.32),transparent 35%),linear-gradient(90deg,rgba(5,20,12,.92),rgba(8,25,16,.62),rgba(8,25,16,.22))}.hero-grid{position:relative;display:grid;grid-template-columns:1.3fr .8fr;gap:60px;align-items:center;padding:70px 0}.hero h1{font-size:clamp(44px,6vw,74px);color:#fff;margin-bottom:20px}.hero h1 span{color:#e3bc64}.hero p{font-size:19px;color:#eef4ef;max-width:650px}.eyebrow{display:inline-flex;background:var(--gold);color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quick-card{background:#fff;color:var(--ink);border-radius:22px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.25)}.quick-card h2{font-size:24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px;color:#4f5b52}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #d7ddd8;border-radius:12px;font:inherit;background:#fff}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amount-btn{background:#fff;border:1px solid #d7ddd8;border-radius:11px;padding:10px;font-weight:800;cursor:pointer}.amount-btn.active{background:var(--green);border-color:var(--green);color:#fff}.trust-strip{background:var(--green);color:#fff}.trust-grid{display:flex;justify-content:center;gap:34px;flex-wrap:wrap;padding:15px 0;font-size:14px;font-weight:650}.section{padding:74px 0}.section-muted{background:var(--cream)}.section-head{text-align:center;max-width:760px;margin:0 auto 36px}.section-head h2{font-size:clamp(34px,4vw,48px);margin-bottom:12px}.section-head p{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;background:#fff;text-align:center;transition:.2s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c7d4cb}.category-icon{font-size:30px}.appeal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.appeal-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.04);display:flex;flex-direction:column}.appeal-image{height:220px;background:linear-gradient(135deg,#dfece4,#f3ead4);position:relative;display:flex;align-items:center;justify-content:center;color:#40634e;font-weight:800}.appeal-image img{width:100%;height:100%;object-fit:cover}.appeal-badge{position:absolute;top:14px;left:14px;background:#b91c1c;color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.appeal-body{padding:22px;display:flex;flex-direction:column;flex:1}.appeal-body h2,.appeal-body h3{font-size:25px;margin-bottom:10px}.appeal-body p{color:var(--muted)}.appeal-actions{display:flex;gap:10px;margin-top:auto}.appeal-actions .btn{flex:1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.step-no{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:15px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:start}.content-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.sticky{position:sticky;top:105px}.prose{font-size:17px}.prose h2{font-size:34px;margin-top:42px}.prose h3{font-size:25px;margin-top:30px}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:10px;text-align:left}.prose img{border-radius:16px}.donation-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}.donation-box .amounts{margin:12px 0 16px}.meta-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{background:#eef6f1;color:var(--green-dark);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:750}.page-hero{background:#163824;color:#fff;padding:68px 0}.page-hero h1{color:#fff;font-size:clamp(40px,5vw,62px);margin-bottom:12px}.page-hero p{color:#dce9df;font-size:18px;max-width:800px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filters input,.filters select{padding:11px 13px;border:1px solid var(--line);border-radius:11px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.news-card h2{font-size:24px}.footer{background:#101713;color:#b7c0ba;margin-top:70px}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:55px 0}.footer h3{font-family:Inter,sans-serif;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.footer a{text-decoration:none}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.footer-bottom{border-top:1px solid #2a342e;padding:20px 0;font-size:12px}.modal{position:fixed;inset:0;display:none;z-index:9999}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.modal-panel{position:absolute;right:0;top:0;height:100%;width:min(480px,100%);background:#fff;padding:26px;overflow:auto;box-shadow:-10px 0 35px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-close{background:none;border:0;font-size:30px;cursor:pointer}.notice{padding:12px;border-radius:10px;background:#fef2f2;color:var(--danger);display:none}.notice.show{display:block}.checkbox{display:flex;gap:10px;align-items:flex-start}.checkbox input{margin-top:5px}.zakat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.result-box{background:#edf7f0;border:1px solid #c9dfcf;padding:22px;border-radius:16px;margin-top:18px}.empty{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:980px){.nav{display:none}.mobile-toggle{display:block}.site-header.menu-open .nav{display:block;position:absolute;left:0;right:0;top:76px;background:#fff;border-top:1px solid var(--line);padding:18px}.site-header.menu-open .nav ul{display:block}.site-header.menu-open .nav li{padding:9px 0}.hero-grid{grid-template-columns:1fr}.quick-card{max-width:560px}.category-grid{grid-template-columns:repeat(2,1fr)}.appeal-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.sticky{position:static}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.header-inner{height:68px}.logo img{width:145px}.hero{min-height:auto}.hero-grid{padding:56px 0 44px;gap:35px}.hero h1{font-size:46px}.hero p{font-size:17px}.section{padding:52px 0}.category-grid,.appeal-grid,.news-grid,.steps,.zakat-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.content-card{padding:20px}.footer-main{grid-template-columns:1fr}.appeal-actions{flex-direction:column}}