/* Merqah theme layout. Component styles for Merqah blocks live in the Merqah Core plugin. */
:root{--green:#075637;--deep:#063e2c;--bright:#17ad61;--ink:#173d2d;--muted:#768079;--line:#e4ebe3;--cream:#fcfaf5}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
.wp-site-blocks{padding:0}
.container{width:min(1240px,calc(100% - 80px));margin-inline:auto;box-sizing:border-box}
.merqah-hl{color:#239a53}
.wp-block-image{margin:0}

/* Eyebrow line above headings */
.eyebrow{font-weight:700;font-size:12px;color:#38865b;letter-spacing:.3px;display:flex;gap:10px;align-items:center;margin:0 0 15px}
.eyebrow::before{content:'';width:27px;height:1px;background:currentColor;flex:none}
.eyebrow.light{color:#b4dbbc}
.eyebrow a{color:inherit}

/* Core button styles */
.wp-block-buttons{gap:12px}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:background .2s,transform .2s}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.is-style-bright .wp-block-button__link{background:var(--bright);color:#fff}
.wp-block-button.is-style-bright .wp-block-button__link:hover{background:#159c58}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border-color:#bed3c3;color:var(--green);padding:12px 26px}
.wp-block-button.is-style-outline-light .wp-block-button__link{background:#ffffff05;border-color:#ffffff65;color:#fff}
.wp-block-button.is-style-white .wp-block-button__link{background:#fff;color:var(--green);border-color:#ccdfc6}
.wp-block-button.is-style-text-link .wp-block-button__link{background:none;border:0;padding:0;color:var(--green);font-size:12px}
.wp-block-button.is-style-text-link .wp-block-button__link:hover{transform:none}
.wp-block-button[class*="merqah-icon-"] .wp-block-button__link::after{width:20px;height:20px;margin-inline-start:13px}
.wp-block-button.is-style-text-link[class*="merqah-icon-"] .wp-block-button__link::after{width:17px;height:17px;margin-inline-start:12px}

/* Header */
.site-top{position:sticky;top:-30px;z-index:30}
.admin-bar .site-top{top:calc(var(--wp-admin--admin-bar--height,32px) - 30px)}
.topbar{background:var(--deep);color:#d9e8dd;font-size:10px;letter-spacing:.1px}
.topbar-inner{height:30px;align-items:center}
.topbar p{margin:0}
.topbar a{color:inherit}
.top-links a{direction:ltr;unicode-bidi:isolate}
.site-header{height:88px;background:#fff;border-bottom:1px solid #edf0e8;box-shadow:0 4px 20px #14382205;box-sizing:border-box}
.nav-wrap{height:100%;direction:ltr;gap:25px;align-items:center}
.brand{flex:none}
.brand img{width:110px;height:57px;display:block}
.main-nav{direction:rtl;font-size:12px}
.main-nav .wp-block-navigation-item__content{font-weight:700;font-size:12px;white-space:nowrap;position:relative;color:var(--ink)}
.main-nav .wp-block-navigation-item__content::after{content:'';height:2px;width:0;position:absolute;bottom:-10px;right:0;background:var(--bright);transition:width .2s}
.main-nav .wp-block-navigation-item__content:hover::after,.main-nav .current-menu-item>.wp-block-navigation-item__content::after{width:100%}
.main-nav .is-menu-open .wp-block-navigation-item__content::after{display:none}
.main-nav .current-menu-item>.wp-block-navigation-item__content{color:#0c9251}
.main-nav .wp-block-navigation__responsive-container.is-menu-open{padding:30px 24px}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:16px;padding:6px 0}
.main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:12px}

/* Hero (cover block) */
.wp-block-cover.merqah-hero{min-height:620px;padding:0;display:block;color:#fff;background:var(--deep);isolation:isolate}
.wp-block-cover.merqah-hero .wp-block-cover__image-background{inset:0 34% 0 0;width:auto;height:100%;object-position:center 41%;transform:scale(1.02)}
.wp-block-cover.merqah-hero .wp-block-cover__background.has-background-dim.has-background-dim-0{opacity:1;background-color:transparent;background-image:linear-gradient(270deg,#063f2d 0%,#063f2d 29%,#063f2df5 38%,#063f2d8c 52%,#063f2d00 76%),linear-gradient(0deg,#032d20e6 0%,transparent 45%)}
.wp-block-cover.merqah-hero .wp-block-cover__inner-container{width:100%;max-width:none;color:#fff}
.hero-content{min-height:485px;position:relative;display:flex;align-items:center}
.hero-copy{padding:40px 0 15px;max-width:540px}
.merqah-hero h1{font-size:76px;line-height:1.27;font-weight:900;margin:15px 0 20px;letter-spacing:-2.5px;color:#fff}
.merqah-hero h1 .merqah-hl{color:#86dd89}
.hero-lead{font-size:17px;color:#ecf2e8;line-height:1.9;margin:0 0 25px}
.hero-buttons{gap:12px}
.hero-note{display:flex;align-items:center;gap:8px;color:#bed5c6;font-size:10px;margin:24px 0 0}
.hero-note::before{width:15px!important;height:15px!important;margin:0!important}
.photo-note{position:absolute;left:10px;bottom:38px;font-weight:800;font-size:12px;text-shadow:0 2px 6px #0008;padding-inline-start:18px}
.photo-note::before{content:'';position:absolute;right:0;top:9px;width:8px;height:8px;border-radius:50%;background:#91e18e;box-shadow:0 0 0 5px #86dd8925}
.photo-note p{margin:0;line-height:1.6}
.photo-note .photo-note-place{font-weight:400;font-size:10px;color:#e8eee9}
.hero-stats{display:grid;grid-template-columns:repeat(5,1fr);padding:25px 0 30px;border-top:1px solid #ffffff25;position:relative}

/* About */
.about-section{padding:78px 0 65px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.about-copy h2{font-size:37px;font-weight:700;line-height:1.5;letter-spacing:-1px;margin:0 0 22px}
.about-copy p{max-width:530px;color:#53665a;font-size:13px;line-height:2.1;margin:0 0 12px}
.about-copy p.muted{color:#7c897e;font-size:12px}
.about-copy .eyebrow{color:#38865b;font-size:12px}
.about-copy .wp-block-buttons{margin-top:12px}
.about-visual{position:relative;padding:0 0 28px 25px}
.about-visual::after{content:'';position:absolute;width:150px;height:150px;border:1px solid #cfe5ce;border-radius:50%;z-index:-1;left:-15px;top:-23px}
.about-image img{height:320px;width:100%;object-fit:cover;border-radius:18px 60px 18px 18px;display:block}
.merqah-feature.about-tag{position:absolute;bottom:0;left:0;justify-content:flex-start;gap:15px;background:var(--green);padding:17px 25px;color:#fff;border-radius:12px;box-shadow:0 10px 35px #073a2420;min-width:260px}
.about-tag .feature-icon{padding:11px;background:#ffffff15;color:#a9e4a9}
.about-tag .mi{width:27px;height:27px}
.about-tag strong{font-size:16px;line-height:1.6}
.about-tag small{font-size:10px;color:#c3ddc9}

/* Section scaffolding */
.section-pad{padding:60px 0}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:33px;font-weight:900;line-height:1.5;letter-spacing:-.8px;margin:0 0 8px}
.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}
.section-heading .eyebrow{margin-bottom:5px}
.centered{text-align:center}
.centered .eyebrow{justify-content:center}
.centered .eyebrow::after{content:'';width:27px;height:1px;background:currentColor}
.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.areas-section{background:var(--cream);border-top:1px solid #f4f1e9;border-bottom:1px solid #f4f1e9}
.projects-section{background:#fff}
.reviews-section{background:var(--cream)}

/* Impact */
.impact-section{background:#075638;color:#fff;position:relative;overflow:hidden;padding:50px 0}
.impact-section::after{content:'';width:380px;height:380px;border:1px solid #ffffff12;border-radius:50%;position:absolute;left:-110px;top:-160px;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;pointer-events:none}
.impact-intro{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #ffffff24;padding-bottom:25px}
.impact-intro h2{font-size:33px;line-height:1.5;margin:0;font-weight:900;color:#fff}
.impact-intro .merqah-hl{color:#9cdd91}
.impact-intro>p{font-size:12px;color:#c0d5c6;margin:0 0 5px}
.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}
.impact-grid>.impact-item{padding-right:30px;border-right:1px solid #ffffff24}
.impact-grid>.impact-item:first-child{padding-right:0;border:0}

/* Donation methods */
.methods-section .trust-strip{margin-top:30px}
.methods-section .payment-more+.trust-strip,.methods-section .merqah-payment-methods+.trust-strip{margin-top:0}

/* Join call to action */
.join-section{background:#eef5e9;border-bottom:1px solid #d2e3cb;padding:32px 0}
.join-inner{gap:22px;align-items:center}
.join-inner::before{content:'';flex:none;width:70px;height:70px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23288d50' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 15h4l4-4h5a2 2 0 0 1 0 4h-3m-6 0 3 6h5l8-7M2 13v9h4v-9H2ZM12 8l-4-4a2.6 2.6 0 0 1 4-3 2.6 2.6 0 0 1 4 3l-4 4Z'/%3E%3C/svg%3E") center/35px no-repeat}
.join-section h2{font-size:24px;font-weight:700;margin:0;line-height:1.6}
.join-section p{font-size:12px;color:#819077;margin:0}
.join-inner>.wp-block-buttons{margin-inline-start:auto}

/* Footer */
.site-footer{background:#063d2c;color:#d4e4d5;padding:48px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.35fr;gap:50px}
.footer-logo img{width:125px;height:63px;margin-bottom:10px;display:block}
.site-footer h3{font-size:12px;color:#fff;margin:9px 0 16px;font-weight:800}
.footer-brand h3{margin:0 0 7px}
.site-footer p{font-size:10px;color:#a0bea9;line-height:2;margin:0 0 10px}
.site-footer a{color:#c0d4c5}
.site-footer a:hover{color:#fff}
.footer-links p{margin:0 0 9px;line-height:1.85}
.footer-contact p{display:flex;align-items:center;gap:10px}
.footer-contact p[class*="merqah-icon-"]::before{background:#99c59f;width:15px;height:15px;margin:0}
.footer-contact .merqah-icon-pin{align-items:flex-start}
.footer-contact .merqah-icon-pin::before{margin-top:5px}
.footer-contact .footer-hours{font-size:8px;color:#95b79e}
.social-links.wp-block-social-links{margin-top:15px;gap:9px}
.social-links .wp-social-link{border:1px solid #ffffff35;border-radius:5px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;color:#fff;background:none}
.social-links.is-style-logos-only .wp-social-link a{padding:0;color:#fff}
.social-links .wp-social-link svg{width:16px;height:16px}
.footer-bottom{border-top:1px solid #ffffff15;margin-top:35px;padding:16px 0;gap:20px;font-size:8px;color:#8eb299}
.footer-bottom p{margin:0;font-size:8px;color:#8eb299}
.footer-bottom a{font-size:9px;color:#b0cfb5}

/* Inner pages */
.page-hero{background:var(--deep);color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}
.page-hero::after{content:'';width:340px;height:340px;border:1px solid #ffffff12;border-radius:50%;position:absolute;left:-90px;top:-170px;box-shadow:0 0 0 45px #ffffff03;pointer-events:none}
.page-hero h1,.page-hero .wp-block-post-title,.page-hero .wp-block-query-title{color:#fff;font-size:42px;line-height:1.4;margin:0 0 8px;letter-spacing:-1px}
.page-hero p,.page-hero .wp-block-term-description{color:#c9ddcf;font-size:13px;margin:0;max-width:640px}
.page-hero .eyebrow{margin-bottom:8px}
.page-hero .wp-block-post-date{color:#b4dbbc;font-size:12px}
.page-body{padding:50px 0 70px}
.page-body .wp-block-post-content>*+*,.single-copy .wp-block-post-content>*+*{margin-block-start:1.1em}
.page-body .wp-block-post-content,.single-copy .wp-block-post-content{font-size:15px;line-height:2.05;color:#3f574a}
.page-body .wp-block-post-content a{text-decoration:underline}
.page-body .wp-block-post-content h2{font-size:26px;margin-top:1.6em}
.page-body .wp-block-post-content h3{font-size:19px;margin-top:1.4em}
.page-body .single-image img{border-radius:16px;margin-bottom:28px}
.post-terms{margin-top:30px;font-size:12px}
.single-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.single-media img{border-radius:16px;width:100%;object-fit:cover}
.single-copy h1{font-size:34px;line-height:1.5;margin:0 0 14px;letter-spacing:-.6px}
.single-copy .eyebrow a{color:#38865b}
.single-copy .wp-block-post-content p{margin:0}
.single-copy .merqah-project-donate,.single-copy .merqah-cause-donate{margin-top:26px}
.single-copy .merqah-cause-donate .button{width:100%}
.related-projects{background:var(--cream);border-top:1px solid #f4f1e9}

/* Blog cards */
.posts-query .wp-block-post-template{gap:22px}
.post-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;height:100%}
.post-card .wp-block-post-featured-image{margin:0}
.post-card .wp-block-post-featured-image img{width:100%;object-fit:cover}
.post-card-body{padding:16px 18px 18px}
.post-card-date{font-size:10px;color:var(--muted)}
.post-card .wp-block-post-title{font-size:16px;line-height:1.7;margin:4px 0 8px}
.post-card .wp-block-post-title a{color:var(--ink)}
.post-card .wp-block-post-excerpt{font-size:12px;color:#6c7d71}
.post-card .wp-block-post-excerpt__excerpt{margin:0}
.posts-query .wp-block-query-pagination{margin-top:34px;gap:10px;font-size:13px}
.page-search{margin-top:18px;max-width:460px}
.page-search .wp-block-search__input{border-radius:8px;border:0;padding:10px 14px;font-family:inherit}
.page-search .wp-block-search__button{border-radius:8px;background:var(--bright);color:#fff;border:0;font-family:inherit;font-weight:800}

/* About, values, steps and contact sections */
.container.narrow{width:min(860px,calc(100% - 80px))}
.about-story p{font-size:15px;line-height:2.1;color:#3f574a;margin:0 0 14px}
.about-story h2,.steps-section h2{font-size:26px;margin:34px 0 10px}
.about-story .section-heading h2,.steps-section .section-heading h2{font-size:33px;margin:0 0 8px}
.values-section{background:var(--cream);border-top:1px solid #f4f1e9;border-bottom:1px solid #f4f1e9}
.values-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.values-grid>.merqah-feature{flex-direction:column;text-align:center;background:#fff;border:1px solid #e9ebe1;border-radius:12px;padding:22px 14px}
.values-grid .feature-icon{background:#eef5e9}
.values-grid strong{font-size:15px;margin-bottom:4px}
.values-grid small{font-size:11px;line-height:1.9}
.steps-list{counter-reset:step;display:grid;gap:8px}
.steps-list>h3{counter-increment:step;display:flex;align-items:center;gap:12px;font-size:16px;margin:0}
.steps-list>h3::before{content:counter(step);width:34px;height:34px;flex:none;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font:700 15px Arial,sans-serif}
.steps-list>p{margin:0 46px 12px 0;font-size:13px;line-height:2;color:#5f7365}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.contact-card{border:1px solid var(--line);border-radius:14px;padding:26px 28px;background:#fff}
.contact-card h3{font-size:18px;margin:0 0 16px}
.contact-card p{font-size:14px;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.contact-card p[class*="merqah-icon-"]::before{background:#3a8551;margin:0}
.contact-card .merqah-icon-pin{align-items:flex-start}
.contact-card .merqah-icon-pin::before{margin-top:5px}
.contact-card .contact-hours{font-size:12px;color:var(--muted)}
.contact-cta{background:#eef5e9;border-color:#d2e3cb}
.contact-cta p{display:block;color:#53665a;line-height:2}
.contact-cta .wp-block-buttons{margin-top:18px}

@media(min-width:1500px){
	.wp-block-cover.merqah-hero{min-height:650px}
	.wp-block-cover.merqah-hero .wp-block-cover__image-background{object-position:center 40%}
	.hero-content{min-height:515px}
	.hero-copy{padding-bottom:25px}
}
@media(max-width:1150px){
	.container{width:calc(100% - 48px)}
	.nav-wrap{gap:15px}
	.main-nav .wp-block-navigation__container{gap:13px}
	.main-nav .wp-block-navigation-item__content{font-size:10px}
	.brand img{width:95px;height:auto}
	.merqah-hero h1{font-size:67px}
	.about-grid{gap:45px}
}
@media(max-width:900px){
	.site-header{height:78px}
	.main-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
	.main-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
	.merqah-hero h1{font-size:61px}
	.hero-content{min-height:470px}
	.wp-block-cover.merqah-hero{min-height:600px}
	.wp-block-cover.merqah-hero .wp-block-cover__image-background{inset:0 18% 0 -15%;object-position:center}
	.wp-block-cover.merqah-hero .wp-block-cover__background.has-background-dim.has-background-dim-0{background-image:linear-gradient(270deg,#063f2d 0%,#063f2df2 30%,#063f2d8c 58%,#063f2d00 100%),linear-gradient(0deg,#032d20ed,transparent 65%)}
	.hero-lead{font-size:15px}
	.hero-copy{max-width:460px}
	.hero-stats{gap:5px}
	.photo-note{display:none}
	.about-copy h2{font-size:28px}
	.about-grid{gap:30px}
	.about-image img{height:300px}
	.merqah-feature.about-tag{min-width:210px;padding:13px 15px}
	.about-tag strong{font-size:13px}
	.footer-grid{grid-template-columns:1.3fr 1fr;gap:30px 50px}
	.heading-row .wp-block-button__link{font-size:11px;padding:10px 15px}
	.about-section{padding:55px 0}
	.section-pad{padding:45px 0}
	.single-grid{grid-template-columns:1fr;gap:28px}
	.values-grid{grid-template-columns:repeat(3,1fr)}
	.contact-grid{grid-template-columns:1fr}
	.posts-query .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
	.container{width:calc(100% - 36px)}
	.topbar-inner{height:27px;font-size:8px}
	.site-top{top:-27px}
	.admin-bar .site-top{top:calc(var(--wp-admin--admin-bar--height,46px) - 27px)}
	.top-links{display:none}
	.site-header{height:72px}
	.brand img{width:91px;height:48px}
	.nav-wrap{gap:4px}
	.wp-block-cover.merqah-hero{min-height:665px}
	.hero-content{min-height:475px;align-items:flex-start}
	.hero-copy{padding-top:43px;max-width:100%}
	.merqah-hero h1{font-size:59px;letter-spacing:-1.8px;margin:13px 0 21px}
	.merqah-hero .eyebrow{font-size:10px}
	.hero-lead{font-size:13px;line-height:1.95;max-width:320px}
	.wp-block-cover.merqah-hero .wp-block-cover__image-background{inset:0 -25% 0 -28%;opacity:.5;object-position:center}
	.wp-block-cover.merqah-hero .wp-block-cover__background.has-background-dim.has-background-dim-0{background-image:linear-gradient(270deg,#063f2df5 0%,#063f2dd6 47%,#063f2d45 100%),linear-gradient(0deg,#032d20 0%,transparent 65%)}
	.hero-buttons{gap:8px}
	.hero-buttons .wp-block-button__link{font-size:11px;padding:11px 18px}
	.hero-note{font-size:8px;gap:6px}
	.hero-stats{grid-template-columns:repeat(3,1fr);padding:18px 0 17px;row-gap:20px}
	.hero-stats>.hero-stat:nth-child(3),.hero-stats>.hero-stat:nth-child(5){border:0}
	.hero-stats>.hero-stat:nth-child(4){grid-column:1/2}
	.about-grid{display:flex;flex-direction:column;gap:32px}
	.about-copy h2{font-size:31px}
	.about-copy p{font-size:12px}
	.about-visual{width:100%;padding:0 0 25px 15px;box-sizing:border-box}
	.about-image img{height:250px;border-radius:14px 40px 14px 14px}
	.merqah-feature.about-tag{min-width:225px}
	.eyebrow{font-size:10px}
	.section-heading h2{font-size:29px}
	.section-heading p:not(.eyebrow){font-size:10px}
	.section-heading{margin-bottom:25px}
	.wp-block-group.heading-row{display:block}
	.heading-row>.wp-block-buttons{margin-top:15px}
	.reviews-section .heading-row{display:flex;align-items:center}
	.impact-section{padding:35px 0}
	.wp-block-group.impact-intro{display:block;padding-bottom:22px}
	.impact-intro h2{font-size:29px}
	.impact-intro>p{font-size:11px;margin-top:15px}
	.impact-grid{margin-top:25px}
	.impact-grid>.impact-item{padding-right:14px}
	.join-inner{gap:12px;flex-wrap:wrap!important}
	.join-inner::before{width:50px;height:50px;background-size:26px}
	.join-section h2{font-size:19px}
	.join-section p{font-size:10px}
	.join-inner>.wp-block-buttons{margin:8px 62px 0 0}
	.join-inner .wp-block-button__link{font-size:11px;padding:10px 20px}
	.footer-grid{grid-template-columns:1fr 1fr;gap:25px 20px}
	.footer-brand,.footer-contact{grid-column:1/-1}
	.footer-brand p{font-size:11px}
	.footer-contact p{font-size:12px}
	.footer-contact .footer-hours{font-size:9px}
	.site-footer h3{font-size:13px}
	.footer-links a{font-size:11px}
	.footer-bottom{gap:8px}
	.page-hero{padding:40px 0 34px}
	.page-hero h1,.page-hero .wp-block-post-title,.page-hero .wp-block-query-title{font-size:30px}
	.single-copy h1{font-size:27px}
	.posts-query .wp-block-post-template.is-layout-grid{grid-template-columns:1fr}
	.container.narrow{width:calc(100% - 36px)}
	.values-grid{grid-template-columns:repeat(2,1fr)}
	.contact-card{padding:20px}
}
@media(prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	.wp-block-button__link{transition:none}
}