/*
Theme Name: San Diego Recyclers — Editable Pickup Pages
Author: San Diego Recyclers
Description: Fully editable block-editor pages for independent niche pickup landing pages; includes photo request forms.
Version: 4.2.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sdrec
*/
:root{--ink:#142b25;--green:#1e6a54;--green2:#2e8e6c;--light:#f5f7f2;--muted:#54675d;--stroke:#dfe7dc;--white:#fff;--dark:#173a30}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--light);-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}
.sdr-skip{position:absolute;top:-90px;left:15px;z-index:99;padding:12px 18px;background:#fff;color:#123b2d}
.sdr-skip:focus{top:10px}
.sdr-top{width:min(1160px,calc(100% - 48px));margin:0 auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sdr-logo{display:flex;align-items:center;gap:13px}
.sdr-logo-icon{display:grid;place-items:center;width:46px;height:46px;background:var(--green);border-radius:13px;color:white;font-size:29px;line-height:1}
.sdr-custom-logo{width:auto;max-width:120px;max-height:48px;object-fit:contain}
.sdr-name{font-size:19px;letter-spacing:-.045em;font-weight:850;line-height:1}
.sdr-name small{font-weight:700;display:block;color:#73877b;letter-spacing:.15em;font-size:9px;margin-top:8px}
.sdr-top-cta{border:1px solid var(--stroke);border-radius:999px;padding:12px 20px;text-decoration:none;font-size:13px;font-weight:800;background:#fff;white-space:nowrap}
.sdr-top-cta:hover{background:#e9f3eb}
.sdr-main{overflow:hidden}
.sdr-main :is(.sdr-hero,.sdr-section,.sdr-contact,.sdr-minimal-home){margin-block:0}
.sdr-hero{padding:66px max(24px,calc((100vw - 1160px)/2)) 88px}
.sdr-hero-columns{display:grid!important;grid-template-columns:1fr .92fr;gap:62px;align-items:center;margin:0 auto!important;max-width:1160px}
.sdr-hero-columns>.wp-block-column{min-width:0;margin:0}
.sdr-overline{color:var(--green2);font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;line-height:1.6;margin:0 0 14px}
.sdr-hero h1{font-size:clamp(45px,5.4vw,78px);letter-spacing:-.075em;line-height:1.04;margin:19px 0 26px;font-weight:850;max-width:680px}
.sdr-hero h1 em{font-style:normal;color:var(--green2)}
.sdr-lead{font-size:19px;line-height:1.65;color:#54675f;max-width:570px;margin:0 0 28px}
.sdr-hero .wp-block-buttons{margin:0}
.sdr-action .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:var(--green);color:white;padding:16px 24px;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 9px 24px #1f694b25}
.sdr-action .wp-block-button__link:hover{background:#154e3e}
.sdr-action .wp-block-button__link:after{content:'→';margin-left:13px;font-size:19px}
.sdr-proof{font-size:13px;font-weight:650;color:#68796d;margin-top:24px;line-height:1.8}
.sdr-art{background:linear-gradient(140deg,#e0ebe1 10%,#d8e5d5 65%,#eff3e8);border-radius:30px;position:relative;min-height:370px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px}
.sdr-art:before{content:"";width:330px;height:330px;border:1px solid #bfd2c1;border-radius:50%;position:absolute;left:-180px;top:-170px}
.sdr-art:after{content:"";width:340px;height:340px;border:1px solid #bdd4c5;border-radius:50%;position:absolute;right:-170px;bottom:-220px}
.sdr-hero-illustration{width:100%;margin:0!important;position:relative;z-index:1}
.sdr-hero-illustration img{width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 16px 15px #315e4230)}
.sdr-image-sticker{position:absolute;bottom:22px;right:19px;background:#fff;border-radius:13px;padding:12px 16px;font-size:12px;font-weight:850;box-shadow:0 12px 30px #385b4230;z-index:2;margin:0}
.sdr-section{padding:78px max(24px,calc((100vw - 1160px)/2))}
.sdr-section>*{max-width:1160px;margin-left:auto!important;margin-right:auto!important}
.sdr-section-white{background:#fff;border-top:1px solid #e7eee5;border-bottom:1px solid #e7eee5}
.sdr-section h2,.sdr-contact h2{font-size:clamp(34px,4vw,49px);line-height:1.12;letter-spacing:-.055em;margin-top:0;margin-bottom:18px}
.sdr-section-desc{color:#637469;line-height:1.7;font-size:16px;margin:0 0 32px!important}
.sdr-cards,.sdr-steps{display:grid!important;grid-template-columns:repeat(3,1fr);gap:17px}
.sdr-cards>.wp-block-column,.sdr-steps>.wp-block-column{min-width:0;margin:0}
.sdr-card{padding:28px;border:1px solid #dde8dc;border-radius:18px;background:#fafcf8;min-height:205px}
.sdr-card .sdr-item-icon{display:grid;place-items:center;height:45px;width:45px;border-radius:13px;background:#dcecdf;color:var(--green);font-size:24px;font-weight:750;margin:0 0 19px}
.sdr-card h3{font-size:19px;letter-spacing:-.04em;margin:0 0 8px}
.sdr-card p:not(.sdr-item-icon){color:#66766b;line-height:1.65;font-size:14px;margin:0}
.sdr-quiet{font-size:13px;color:#637469;margin-top:22px!important;line-height:1.6}
.sdr-business-section{background:#e9f1e9;padding-top:56px;padding-bottom:56px}
.sdr-business-inner{max-width:1160px;margin:0 auto!important;border-left:4px solid var(--green2);padding:8px 0 9px 28px}
.sdr-business-section h2{font-size:clamp(26px,3vw,36px);margin:0 0 12px}
.sdr-business-copy{color:#4b6759;line-height:1.7;font-size:16px;max-width:780px;margin:0 0 13px}
.sdr-business-link{margin:0;font-size:14px;font-weight:750;color:var(--green)}
.sdr-business-link a{text-decoration:underline;text-underline-offset:4px}
.sdr-step{border-top:2px solid #b7d3bf;padding:22px 6px}
.sdr-step-no{font-weight:850;color:var(--green2);font-size:12px;letter-spacing:.13em;margin:0}
.sdr-step h3{font-size:20px;letter-spacing:-.04em;margin:16px 0 9px}
.sdr-step p:not(.sdr-step-no){color:#5e6f64;line-height:1.7;font-size:14px;margin:0}
.sdr-contact{background:var(--dark);color:white;padding:90px max(24px,calc((100vw - 1160px)/2))}
.sdr-contact-columns{display:grid!important;grid-template-columns:.83fr 1.17fr;gap:70px;max-width:1160px;margin:0 auto!important;align-items:start}
.sdr-contact-columns>.wp-block-column{min-width:0;margin:0}
.sdr-contact .sdr-overline{color:#b8dbbf}
.sdr-contact-desc,.sdr-contact-note{color:#cbded2;line-height:1.7;font-size:16px}
.sdr-form-panel{background:#fff;color:var(--ink);border-radius:23px;padding:33px;box-shadow:0 25px 65px #05191230;scroll-margin-top:24px}
.sdr-form-panel h3{font-size:26px;letter-spacing:-.045em;margin:0 0 8px}
.sdr-form-intro{font-size:13px;color:#63746c;margin:0 0 23px;line-height:1.6}
.sdr-disclaimer{font-size:12px;color:#6c7c71;line-height:1.65;margin:14px 0 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:780;margin-bottom:7px;color:#355446}
.field input,.field textarea{width:100%;border:1px solid #d8e2da;background:#fcfdfb;border-radius:10px;padding:12px 13px;color:var(--ink);outline:0}
.field input:focus,.field textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #2d906a20}
.field textarea{min-height:120px;resize:vertical}.field input[type=file]{font-size:12px;cursor:pointer}
.hint{font-size:11px;color:#718076;margin-top:5px}
.primary.submit{display:block;width:100%;border:0;border-radius:11px;background:var(--green);color:white;padding:16px 24px;font-size:15px;font-weight:800}
.primary.submit:hover{background:#154e3e}
.primary.submit:disabled{opacity:.65;cursor:wait}
.arrow{margin-left:10px}
.status{padding:12px 15px;border-radius:10px;font-size:13px;margin:0 0 18px}
.status.success{background:#e5f5e6;color:#205e37}.status.error{background:#fff0e5;color:#9d4925}
.honeypot{position:absolute!important;left:-99999px!important;opacity:0;pointer-events:none}
.sdr-turnstile{margin:0 0 14px;min-height:65px}
.sdr-footer{background:#0b291f;color:#adc8b4;padding:24px max(24px,calc((100vw - 1160px)/2));font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.sdr-homepage{min-height:100vh;display:grid;place-items:center}
.sdr-minimal-home{text-align:center;padding:20px;margin:auto!important}
.sdr-minimal-home:before{content:'♻';display:grid;place-items:center;width:66px;height:66px;border-radius:20px;color:#fff;background:var(--green);font-size:38px;margin:0 auto 22px}
.sdr-minimal-home h1{font-size:clamp(30px,5vw,47px);letter-spacing:-.05em;margin:0 0 8px}
.sdr-home-subtitle{font-size:13px;letter-spacing:.05em;color:#789082;margin:0}
.sdr-fallback{max-width:980px;margin:5vh auto;padding:20px}
:focus-visible{outline:3px solid #b8dfaa;outline-offset:3px}
@media(max-width:900px){.sdr-hero-columns{grid-template-columns:1fr;gap:35px}.sdr-hero{padding-top:40px;padding-bottom:55px}.sdr-art{min-height:280px}.sdr-contact-columns{grid-template-columns:1fr;gap:34px}.sdr-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sdr-top{width:calc(100% - 32px);min-height:75px}.sdr-name{font-size:17px}.sdr-logo-icon{width:40px;height:40px}.sdr-top-cta{font-size:12px;padding:10px 12px}.sdr-hero{padding:38px 16px 55px}.sdr-hero h1{font-size:49px}.sdr-lead{font-size:16px}.sdr-art{min-height:230px}.sdr-section{padding:58px 16px}.sdr-cards,.sdr-steps{grid-template-columns:1fr}.sdr-card{min-height:0}.sdr-contact{padding:60px 16px}.sdr-form-panel{padding:23px 20px}.two{grid-template-columns:1fr;gap:0}.sdr-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage links and owner-editable text number */
.sdr-top-actions{display:flex;align-items:center;gap:12px}
.sdr-top-sms{font-size:13px;font-weight:800;color:var(--green);text-decoration:none;white-space:nowrap}
.sdr-top-sms:hover{text-decoration:underline}
.sdr-sms-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 21px;border-radius:12px;background:var(--green);color:#fff!important;text-decoration:none;font-weight:800;font-size:15px;line-height:1.4;text-align:center}
.sdr-sms-button:hover{background:#15503e}
.sdr-sms-button span{font-weight:600;opacity:.87;font-size:13px}
.sdr-form-text-top{margin:0 0 21px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.sdr-form-text-top .sdr-sms-button{width:100%}
.sdr-form-text-top>span{color:#65766a;font-size:12px}
.sdr-footer a{color:#e0f6e5;text-decoration:underline;text-underline-offset:3px}
.sdr-homepage{min-height:100vh;display:block;background:#f4f8f2}
.sdr-home-landing{max-width:1180px;margin:0 auto!important;padding:78px 24px 88px}
.sdr-home-intro{text-align:center;max-width:770px;margin:0 auto!important}
.sdr-home-symbol{font-size:35px;background:var(--green);color:#fff;height:70px;width:70px;line-height:70px;border-radius:20px;margin:0 auto 25px!important}
.sdr-home-intro h1{font-size:clamp(36px,5.8vw,60px);letter-spacing:-.065em;line-height:1.05;margin:0 0 16px}
.sdr-home-intro .sdr-home-headline{font-size:clamp(21px,2.7vw,30px);font-weight:750;letter-spacing:-.035em;margin:0 0 14px}
.sdr-home-description{font-size:17px;line-height:1.75;color:#506758;margin:0 auto 25px!important;max-width:670px}
.sdr-home-note{font-size:12px;color:#567463;margin:13px 0 0}
.sdr-home-options{margin:66px auto 0!important;max-width:1120px}
.sdr-home-options h2{font-size:clamp(25px,3.2vw,35px);letter-spacing:-.045em;margin:0 0 24px;text-align:center}
.sdr-home-links{display:grid!important;grid-template-columns:repeat(3,1fr);gap:17px;margin:0!important}
.sdr-home-links>.wp-block-column{min-width:0;margin:0!important}
.sdr-home-card{height:100%;padding:27px 25px;border:1px solid #dbe9d9;border-radius:19px;background:#fff;box-shadow:0 10px 24px #183c2010}
.sdr-home-card-icon{font-size:24px;margin:0 0 14px}
.sdr-home-card h3{font-size:20px;letter-spacing:-.04em;margin:0 0 12px;line-height:1.25}
.sdr-home-card h3 a{text-decoration:none;color:var(--ink)}
.sdr-home-card h3 a:hover{text-decoration:underline}
.sdr-home-card p:not(.sdr-home-card-icon){color:#627768;font-size:14px;line-height:1.6}
.sdr-home-card .sdr-home-card-more{margin:17px 0 0!important;font-weight:800}
.sdr-home-card-more a{color:var(--green);text-decoration:none}
.sdr-home-card-more a:hover{text-decoration:underline}
.sdr-home-fineprint{text-align:center;max-width:800px;margin:34px auto 0!important;font-size:13px;color:#6a7e70;line-height:1.6}
@media(max-width:900px){.sdr-home-links{grid-template-columns:1fr}.sdr-home-card{height:auto}.sdr-home-options{max-width:650px}}
@media(max-width:620px){.sdr-home-landing{padding:56px 16px 75px}.sdr-top-actions{gap:7px}.sdr-top-sms{font-size:12px}.sdr-top-cta{display:none}.sdr-home-intro .sdr-sms-button{width:100%}.sdr-home-options{margin-top:50px!important}}

.sdr-logo{text-decoration:none;color:inherit}
.sdr-top-sms{border:1px solid #bdd8c7;background:#eff9f1;border-radius:999px;padding:10px 13px}
.sdr-top-sms:hover{background:#dcf1e1}
.sdr-sms-short{display:none}
@media(max-width:620px){.sdr-sms-long{display:none}.sdr-sms-short{display:inline}.sdr-top-sms{padding:9px 10px;font-size:12px}.sdr-name small{display:none}.sdr-logo{gap:7px}}
/* Four linked homepage categories; two-column grid reads cleanly on desktop */
@media(min-width:901px){.sdr-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sdr-home-card .sdr-home-card-icon{font-size:28px;margin:0 0 14px}
.sdr-faq-section h3{margin-top:25px!important;margin-bottom:6px!important;font-size:21px;letter-spacing:-.035em}
.sdr-faq-section p:not(.sdr-overline){max-width:840px;font-size:15px;line-height:1.75;color:#52675a}

/* 4.1 fixes */
#request,.status{scroll-margin-top:16px}
.sdr-hero-illustration img{aspect-ratio:auto 900/650}
.sdr-hero .sdr-text-shortcode{margin:0}
.sdr-hero .sdr-sms-button{padding:16px 24px;font-size:16px;box-shadow:0 9px 24px #1f694b25}
.sdr-hero-alt{margin:12px 0 0;font-size:15px;font-weight:750}
.sdr-hero-alt a{display:inline-block;padding:8px 0;color:var(--green);text-underline-offset:4px}
.sdr-call-line{margin:16px 0 0;text-align:center;font-size:12px;color:#6c7c71}
.sdr-call-line a{color:inherit;text-underline-offset:3px;display:inline-block;padding:6px 2px}
.sdr-home-card{position:relative}
.sdr-home-card h3 a:after{content:"";position:absolute;inset:0;border-radius:19px}
.sdr-home-card:hover{border-color:#b7d3bf}
.sdr-footer a{display:inline-block;padding:6px 0}
.sdr-404{text-align:center;min-height:60vh}
.sdr-404 h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.055em;line-height:1.1;margin:0 0 14px}
.sdr-404-home{margin-top:22px!important;font-weight:800}
.sdr-404-home a{color:var(--green);display:inline-block;padding:8px 0}
@media(max-width:620px){.sdr-hero .sdr-sms-button{width:100%}}