/*
Theme Name: EcoCircle Biogas Option 2 FSE
Theme URI: https://ecocirclebiogas.co.za/
Author: LiteTeq
Author URI: https://liteteq.co.za/
Description: Full Site Editing block theme converted from the approved EcoCircle Biogas Option 2 HTML prototype. Designed for visual editing in the WordPress Site Editor.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: ecocircle-option2
*/

:root{
  --ec-green:#2E7D32;--ec-green-dark:#1B5E20;--ec-green-soft:#EEF5E8;
  --ec-orange:#D76A1F;--ec-gold:#C9A227;--ec-cream:#FCFAF4;--ec-cream2:#F5F0E2;
  --ec-ink:#243026;--ec-muted:#6D756E;--ec-line:#E8E1D2;--ec-white:#fff;
  --ec-serif:"DM Serif Display",Georgia,serif;--ec-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ec-shadow:0 18px 55px rgba(45,53,42,.08);
}
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:var(--ec-cream);color:var(--ec-ink);font-family:var(--ec-sans);line-height:1.65}*{box-sizing:border-box}img,svg,video,iframe{max-width:100%;height:auto}
a{text-underline-offset:.18em}.wp-site-blocks{overflow:hidden}.ec-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.ec-serif,.ec-serif *{font-family:var(--ec-serif)!important}.ec-muted{color:var(--ec-muted)}

/* Header */
.ec-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(232,225,210,.75);box-shadow:0 4px 24px rgba(53,60,50,.025)}
.ec-header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.ec-header-logo img{width:134px!important;height:auto!important}.ec-header .wp-block-navigation{margin-left:auto;font-size:.82rem;font-weight:600}.ec-header .wp-block-navigation-item__content{padding:.35rem .15rem}.ec-header .wp-block-button__link{background:#3f7f24;border-radius:7px;padding:.7rem 1.1rem;font-size:.82rem;font-weight:700}

/* Option 2 hero */
.ec-hero{background:#fff;padding:0}.ec-hero-grid{display:grid;grid-template-columns:.82fr 1.42fr;min-height:530px;background:#fff}.ec-hero-copy{padding:70px 32px 64px 46px;display:flex;justify-content:center;flex-direction:column;position:relative;z-index:3;background:radial-gradient(ellipse at -20% 42%,#fff 0 65%,rgba(255,255,255,.98) 66%,rgba(255,255,255,.82) 80%,rgba(255,255,255,0) 81%)}.ec-hero-copy h1{font-family:var(--ec-serif);font-weight:400;font-size:clamp(3.6rem,6.2vw,5.35rem);line-height:.98;letter-spacing:-.025em;margin:0 0 24px;max-width:480px}.ec-green{color:var(--ec-green)}.ec-orange{color:var(--ec-orange)}.ec-hero-copy p{max-width:420px;color:#596259;font-size:1rem}.ec-primary .wp-block-button__link,.ec-button{background:#4d871e;color:#fff;border-radius:7px;padding:.72rem 1.15rem;font-weight:700;text-decoration:none}.ec-hero-art{min-height:530px;position:relative;overflow:hidden}.ec-hero-art::before{content:"";position:absolute;z-index:2;left:-132px;top:-18%;bottom:-18%;width:250px;background:#fff;border-radius:50%}.ec-hero-art img{width:100%!important;height:530px!important;object-fit:cover}

/* Sections */
.ec-section{padding:64px 0}.ec-section-tight{padding:40px 0}.ec-centered{max-width:760px;margin-inline:auto;text-align:center}.ec-centered h2,.ec-section-title{font-family:var(--ec-serif);font-weight:400;font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.05}.ec-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700;color:var(--ec-green)}
.ec-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ec-stat{background:rgba(255,255,255,.86);border:1px solid var(--ec-line);border-radius:14px;padding:22px 24px;display:flex;gap:18px;min-width:0}.ec-stat-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:#e8f1d8;font-size:1.4rem}.ec-stat-icon.orange{background:#fff0dc}.ec-stat h3{font-family:var(--ec-serif);font-size:1.7rem;font-weight:400;margin:0}.ec-stat strong{display:block;font-size:.86rem}.ec-stat p{font-size:.78rem;color:var(--ec-muted);margin:.45rem 0 0}
.ec-circular{background:rgba(255,255,255,.72);border:1px solid var(--ec-line);border-radius:16px;padding:30px 34px}.ec-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:22px;align-items:start}.ec-flow-step{text-align:center}.ec-flow-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#edf4d9;font-size:1.55rem}.ec-flow-icon.orange{background:#fff0dc}.ec-flow-step strong{display:block}.ec-flow-step p{font-size:.78rem;color:var(--ec-muted);max-width:175px;margin:.2rem auto 0}.ec-flow-arrow{font-size:1.45rem;padding-top:20px;color:#6b716d}
.ec-project{display:grid;grid-template-columns:1.12fr .88fr;border:1px solid var(--ec-line);border-radius:18px;overflow:hidden;background:linear-gradient(90deg,#fff 0,#fff 52%,#faf7ec 100%)}.ec-project-media img{width:100%!important;height:100%!important;min-height:420px;object-fit:cover}.ec-project-copy{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.ec-project-copy h2{font-family:var(--ec-serif);font-weight:400;font-size:clamp(2.2rem,3.6vw,2.8rem);line-height:1.05}.ec-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ec-pill{background:var(--ec-green-soft);color:var(--ec-green-dark);border-radius:999px;padding:7px 10px;font-size:.74rem;font-weight:700}.ec-status{background:#fffaf0;border-left:3px solid var(--ec-gold);padding:14px 16px;font-size:.82rem}
.ec-partners{display:grid;grid-template-columns:1.35fr repeat(4,1fr);border:1px solid var(--ec-line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.76)}.ec-partners>*{padding:18px;border-right:1px solid var(--ec-line);display:flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem}.ec-partners>*:first-child{justify-content:flex-start;text-align:left;font-family:var(--ec-serif);font-size:1.05rem}.ec-partners>*:last-child{border-right:0}

/* Page layouts */
.ec-page-hero{padding:36px 0 18px;background:#fff}.ec-page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;background:#fffdf8;border-radius:20px;padding:46px 48px}.ec-page-hero-grid h1{font-family:var(--ec-serif);font-weight:400;font-size:clamp(3rem,5vw,4.6rem);line-height:1;margin:.4rem 0 1rem}.ec-page-hero-grid p{color:var(--ec-muted);max-width:620px}.ec-page-hero-grid img{width:100%!important;height:360px!important;object-fit:cover;border-radius:16px}.ec-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ec-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ec-card{background:rgba(255,255,255,.86);border:1px solid var(--ec-line);border-radius:14px;padding:28px;min-width:0}.ec-card h2,.ec-card h3{font-family:var(--ec-serif);font-weight:400;line-height:1.1}.ec-card h2{font-size:2.2rem}.ec-card p{color:var(--ec-muted)}.ec-checks{padding-left:0;list-style:none}.ec-checks li{position:relative;padding:.42rem 0 .42rem 1.6rem}.ec-checks li::before{content:"✓";position:absolute;left:0;color:var(--ec-green);font-weight:800}.ec-info-table{background:#fff;border:1px solid var(--ec-line);border-radius:14px;overflow:hidden}.ec-info-row{display:grid;grid-template-columns:240px 1fr;padding:17px 22px;border-bottom:1px solid var(--ec-line)}.ec-info-row:last-child{border-bottom:0}.ec-info-row span{color:var(--ec-muted)}.ec-impact-band{background:linear-gradient(135deg,var(--ec-green-dark),#29472f);color:#fff;border-radius:16px;padding:30px}.ec-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ec-gallery img{width:100%!important;height:330px!important;object-fit:cover;border-radius:14px}.ec-gallery .wide{grid-column:1/-1}.ec-gallery .wide img{height:510px!important}

/* Forms / media placeholders */
.ec-plugin-slot{border:1px dashed #b7bda9;background:#fffdf8;border-radius:14px;padding:28px}.ec-plugin-slot strong{display:block;font-family:var(--ec-serif);font-size:1.4rem}.ec-plugin-slot p{color:var(--ec-muted)}.ec-media-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ec-media-card{border:1px solid var(--ec-line);background:#fff;border-radius:14px;padding:24px}.ec-media-card h3{font-family:var(--ec-serif);font-weight:400}

/* Footer */
.ec-footer{margin-top:32px;background:#fffdf8;border-top:1px solid var(--ec-line);padding-top:42px}.ec-footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.1fr;gap:32px}.ec-footer-logo img{width:138px!important}.ec-footer h4{font-family:var(--ec-serif);font-weight:400;font-size:1.1rem}.ec-footer p,.ec-footer li{font-size:.82rem;color:#667168}.ec-footer ul{list-style:none;padding:0;margin:0}.ec-footer-bottom{margin-top:30px;border-top:1px solid var(--ec-line);padding:15px 0;background:linear-gradient(90deg,rgba(72,124,32,.07),rgba(215,106,31,.03));font-size:.76rem;color:#667168}.ec-socials .wp-social-link{background:#eef4e5!important;color:var(--ec-green-dark)!important}

/* AI plugin hook */
.ecocircle-ai-launcher{font-family:var(--ec-sans)}

@media(max-width:960px){.ec-shell{width:min(1160px,calc(100% - 34px))}.ec-hero-grid,.ec-page-hero-grid,.ec-project{grid-template-columns:1fr}.ec-hero-copy{padding:52px 34px 44px;background:#fff}.ec-hero-art{min-height:440px}.ec-hero-art::before{display:none}.ec-hero-art img{height:440px!important}.ec-stats,.ec-grid-2{grid-template-columns:1fr}.ec-grid-4{grid-template-columns:repeat(2,1fr)}.ec-flow{grid-template-columns:1fr}.ec-flow-arrow{transform:rotate(90deg);padding:0;text-align:center}.ec-partners{grid-template-columns:1fr 1fr}.ec-footer-grid{grid-template-columns:1fr 1fr}.ec-page-hero-grid{padding:34px}.ec-page-hero-grid img{height:350px!important}.ec-media-row{grid-template-columns:1fr}.ec-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.ec-header .wp-block-navigation__responsive-container-open{display:flex}}
@media(min-width:961px){.ec-header .wp-block-navigation__responsive-container-open{display:none}}
@media(max-width:640px){.ec-shell{width:min(100% - 28px,1160px)}.ec-hero-copy{padding:40px 18px 34px}.ec-hero-copy h1{font-size:clamp(2.75rem,14vw,3.55rem)}.ec-hero-art{min-height:320px}.ec-hero-art img{height:320px!important}.ec-stats,.ec-grid-4,.ec-partners,.ec-footer-grid,.ec-gallery{grid-template-columns:1fr}.ec-partners>*{border-right:0;border-bottom:1px solid var(--ec-line);justify-content:flex-start;text-align:left}.ec-project-copy{padding:28px 24px}.ec-project-media img{min-height:290px}.ec-page-hero{padding-top:20px}.ec-page-hero-grid{padding:26px 22px;gap:24px}.ec-page-hero-grid img{height:280px!important}.ec-page-hero-grid h1{font-size:clamp(2.6rem,12vw,3.2rem)}.ec-info-row{grid-template-columns:1fr;gap:6px}.ec-gallery .wide{grid-column:auto}.ec-gallery img,.ec-gallery .wide img{height:300px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.ec-stat-icon p,.ec-flow-icon p,.ec-partners p,.ec-info-row p{margin:0}.ec-facts .ec-pill{margin:0}.ec-partners>.wp-block-paragraph{margin:0}.ec-info-row>.wp-block-paragraph:first-child{color:var(--ec-muted)}