/*
Theme Name: Directly Donated — Final Project
Theme URI: https://directlydonated.com/
Author: Directly Donated
Description: Source-faithful WordPress conversion of the Directly Donated humanitarian donation project. Red/black/white theme, campaigns, gallery, donations, volunteer, news, FAQ and Zakat calculator.
Version: 8.0.0
*/
:root{--red:#c1121f;--red2:#a50f1a;--black:#111111;--white:#fff;--soft:#f7f7f7;--muted:#6b7280;--line:#e5e5e5;--green:#198754}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--black);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,92%);margin:auto}.header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{width:250px;height:auto}.menu{display:flex;align-items:center;gap:22px}.menu a{font-weight:700;font-size:14px}.menu a:hover,.menu .active{color:var(--red)}.mobile-toggle{display:none;background:none;border:0;font-size:28px}.btn{display:inline-block;background:var(--red);border:1px solid var(--red);color:#fff;padding:11px 19px;border-radius:7px;font-weight:800;cursor:pointer}.btn:hover{background:var(--red2);color:#fff}.btn-dark{background:var(--black);border-color:var(--black)}.btn-outline{display:inline-block;border:1px solid var(--red);color:var(--red);padding:10px 18px;border-radius:7px;font-weight:800}.hero{min-height:650px;background:linear-gradient(90deg,rgba(17,17,17,.9),rgba(17,17,17,.45)),url('assets/images/hero.jpg') center/cover;display:flex;align-items:center;color:#fff}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.hero h1{font-size:60px;line-height:1.03;margin:0 0 18px;font-weight:900}.hero h1 span{color:#ef233c}.hero p{font-size:20px;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.donate-card{background:#fff;color:#111;border-radius:14px;padding:25px;box-shadow:0 20px 55px rgba(0,0,0,.35)}.donate-card h2{margin-top:0}.field{margin:12px 0}.field label{display:block;font-weight:800;margin-bottom:6px;font-size:14px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d5d8dc;border-radius:7px;font:inherit}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amounts button{background:#fff;border:1px solid #ccc;border-radius:7px;padding:9px;font-weight:800}.amounts button.active{background:var(--red);border-color:var(--red);color:#fff}.section{padding:68px 0}.soft{background:var(--soft)}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.head h2{margin:0;font-size:35px;line-height:1.15}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 7px 25px rgba(0,0,0,.05)}.card img{width:100%;height:230px;object-fit:cover}.card-body{padding:19px}.card h3{margin:0 0 8px;font-size:22px}.tag{display:inline-block;background:#ffe4e6;color:#9e0e18;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:900}.progress{height:8px;background:#ececec;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:var(--red)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#ddd;border-radius:10px;overflow:hidden}.stat{background:#fff;text-align:center;padding:18px}.stat strong{display:block;color:var(--red);font-size:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.content-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px}.page-hero{background:linear-gradient(90deg,rgba(17,17,17,.82),rgba(17,17,17,.38)),url('assets/images/gaza-relief.jpg') center/cover;color:#fff;padding:90px 0}.page-hero h1{font-size:50px;margin:0}.campaign-single{display:grid;grid-template-columns:1.4fr .8fr;gap:28px}.campaign-single .featured{width:100%;max-height:540px;object-fit:cover;border-radius:12px}.sidebar{position:sticky;top:100px}.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 6px 22px rgba(0,0,0,.04)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery img{height:250px;object-fit:cover}.gallery .caption{padding:12px 14px}.faq{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;padding:16px;font-weight:800}.faq p{padding:0 16px 16px;color:var(--muted)}.zakat-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.zakat-result{background:var(--black);color:#fff;border-radius:12px;padding:20px}.notice{background:#fff3f4;border:1px solid #ffd0d4;border-radius:8px;padding:14px}.footer{background:var(--black);color:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}.footer h4{margin-top:0}.footer a{display:block;color:#d9d9d9;margin:6px 0}.footer a:hover{color:#fff}.copyright{border-top:1px solid #333;margin-top:30px;padding-top:18px;text-align:center;color:#bbb;font-size:13px}.quote{font-size:20px;font-weight:700}.form-success{padding:14px;background:#eaf7ee;border:1px solid #b9e2c5;color:#176b32;border-radius:8px;margin-bottom:15px}.admin-note{font-size:13px;color:#777}.ownership{background:#151515;color:#fff;border-radius:12px;padding:25px}.ownership h3{color:#ef233c}.pill{display:inline-block;background:#f0f1f2;border-radius:20px;padding:6px 10px;margin:3px;font-size:12px;font-weight:700}@media(max-width:950px){.menu{display:none}.mobile-toggle{display:block}.hero-grid,.campaign-single,.two,.zakat-grid{grid-template-columns:1fr}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.sidebar{position:static}.hero h1{font-size:45px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid,.gallery,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero{min-height:720px}.hero h1{font-size:38px}.amounts{grid-template-columns:repeat(2,1fr)}.brand img{width:210px}}.video-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111;margin:16px 0}.video-wrap iframe{width:100%;height:100%;border:0}.campaign-gallery{margin-top:28px}.campaign-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.campaign-gallery-grid figure{margin:0;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden}.campaign-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.campaign-gallery-grid figcaption{padding:9px 10px;font-size:12px;color:#666}.featured-campaign-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.featured-campaign-grid .card img{width:100%;aspect-ratio:4/3;object-fit:cover}.campaign-content{font-size:16px;line-height:1.85}.campaign-lead{font-size:20px;line-height:1.6}.donate-card{max-width:520px}.donate-card h2{margin-bottom:8px}.donate-card .field{margin-bottom:10px}.donate-card .amounts{gap:6px}.donate-card .amounts button{padding:8px 12px}.tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#c1121f;background:#fff1f2;border:1px solid #f3c2c6;border-radius:999px;padding:6px 10px}@media(max-width:900px){.featured-campaign-grid{grid-template-columns:repeat(2,1fr)}.campaign-gallery-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.featured-campaign-grid,.campaign-gallery-grid{grid-template-columns:1fr}}

.campaign-video{margin-top:26px}.campaign-video video{width:100%;display:block;border-radius:12px;background:#111;max-height:520px}
@media(max-width:950px){.menu.open{display:flex;position:absolute;left:0;right:0;top:78px;background:#fff;border-top:1px solid #eee;padding:16px 4%;flex-direction:column;align-items:stretch;gap:12px;box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:100}.menu.open a{padding:10px 0}.menu.open .btn{text-align:center}}

/* v7 campaign fixes */
.campaign-single h1{font-size:44px;line-height:1.15}.campaign-single .box{overflow:hidden}.campaign-donate-box .donate-card{box-shadow:none;padding:0;max-width:none}.campaign-donate-box .donate-card h2{font-size:28px}.campaign-gallery-grid{grid-template-columns:repeat(2,1fr)}

/* Clean Water campaign presentation */
.clean-water-campaign .clean-water-badge{display:inline-block;margin-top:18px;background:#3f5f27;color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:900;letter-spacing:.04em}
.clean-water-campaign .campaign-content{font-size:17px;line-height:1.9}
.clean-water-campaign .campaign-content p{margin:0 0 18px}
.clean-water-campaign .campaign-gallery-grid img{aspect-ratio:16/10;object-fit:cover}
.clean-water-impact{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe7d7;border-radius:12px;overflow:hidden;margin:22px 0}
.clean-water-impact div{background:#f7fbf4;padding:16px}
.clean-water-impact strong{display:block;color:#3f5f27;font-size:15px;margin-bottom:5px}
.clean-water-impact span{display:block;color:#626b5d;font-size:13px;line-height:1.45}
.clean-water-campaign .campaign-gallery h3{color:#3f5f27}
@media(max-width:900px){.clean-water-impact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.clean-water-impact{grid-template-columns:1fr}}

.calculator-cover{width:100%;height:240px;object-fit:cover;border-radius:12px}.calculator-intro{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:center}.calculator-intro img{width:100%;height:210px;object-fit:cover;border-radius:10px}@media(max-width:700px){.calculator-intro{grid-template-columns:1fr}}