/*
Theme Name: Electrician Temecula
Theme URI: https://electriciantemecula.com/
Author: Electrician Temecula
Description: Custom classic theme for Electrician Temecula. Warm Temecula hills palette, Anton + Barlow type, handwritten accents, raw HTML page template.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: electrician-temecula
*/

:root{
 --et-primary:#C2410C; --et-primary-dark:#9A3412; --et-primary-soft:#FBEADF;
 --et-ink:#1E1B18; --et-muted:#57534E; --et-band:#F6F1E9;
 --et-bg:#FFFFFF; --et-hairline:#E4DCCF; --et-danger:#B91C1C;
 --et-dark:#22302A; --et-dark-2:#2E4237; --et-gold:#E9B949; --et-sage:#3E5A47;
 --et-radius:14px; --et-radius-sm:8px;
 --et-shadow-card:0 1px 2px rgba(30,27,24,.06),0 8px 24px rgba(30,27,24,.07);
 --et-shadow-lift:0 14px 34px rgba(30,27,24,.16);
 --font-display:'Anton',Impact,'Arial Narrow Bold',sans-serif;
 --font-body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
 --font-hand:'Caveat Brush','Comic Sans MS',cursive;
 --et-wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--et-bg);color:var(--et-ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;display:block}
img{height:auto}
a{color:var(--et-primary-dark);text-underline-offset:3px}
a:hover{color:var(--et-primary)}
:focus-visible{outline:3px solid var(--et-gold);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:.01em;margin:0 0 .5em;color:inherit}
h1{font-size:clamp(2.4rem,7vw,4.4rem)}
h2{font-size:clamp(1.9rem,4.6vw,3rem)}
h3{font-size:clamp(1.3rem,2.6vw,1.6rem);letter-spacing:.015em}
h4{font-size:1.15rem}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.2em}
li{margin-bottom:.35em}
strong{font-weight:700}
table{border-collapse:collapse;width:100%}
.screen-reader-text,.et-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.et-skip{position:absolute;left:-999px;top:8px;background:var(--et-ink);color:#fff;padding:10px 16px;z-index:200;border-radius:6px}
.et-skip:focus{left:8px;color:#fff}
.et-icon-lib{display:none}
.et-ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;display:inline-block;vertical-align:middle}
.et-ic--solid{fill:currentColor;stroke:none}

/* layout */
.et-wrap{width:100%;max-width:var(--et-wrap);margin:0 auto;padding:0 16px}
@media(min-width:768px){.et-wrap{padding:0 28px}}
.et-section{padding:64px 0;position:relative}
@media(min-width:900px){.et-section{padding:96px 0}}
.et-section--tight{padding:44px 0}
.et-band{background:var(--et-band)}
.et-soft{background:var(--et-primary-soft)}
.et-dark{background:var(--et-dark);color:#F3EFE8}
.et-dark h2,.et-dark h3{color:#fff}
.et-dark a:not(.et-btn){color:var(--et-gold)}
.et-dark .et-eyebrow{color:var(--et-gold)}
.et-dark .et-muted,.et-dark p{color:#E2DDD3}
.et-contour{background-color:var(--et-band);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%23C9BBA4' stroke-opacity='.45' stroke-width='1.2'%3E%3Cpath d='M-20 60c80-40 160 30 250 0s170-50 260-10 120 20 130 10'/%3E%3Cpath d='M-20 110c90-40 170 40 260 5s160-45 250-5 120 25 130 15'/%3E%3Cpath d='M-20 170c70-30 150 45 240 10s180-60 270-15 100 30 130 20'/%3E%3Cpath d='M-20 235c100-50 180 35 270 0s150-40 240 0 100 25 130 10'/%3E%3Cpath d='M-20 300c80-35 170 40 260 8s170-55 260-12 110 22 120 14'/%3E%3Cpath d='M-20 360c90-30 160 30 250 2s180-50 270-10 90 20 120 12'/%3E%3C/g%3E%3C/svg%3E");background-size:600px 400px}
.et-grid{display:grid;gap:24px}
.et-grid-2{display:grid;gap:32px}
.et-grid-3,.et-grid-4{display:grid;gap:20px}
@media(min-width:760px){.et-grid-2{grid-template-columns:1fr 1fr;gap:48px;align-items:center}.et-grid-3{grid-template-columns:repeat(2,1fr)}.et-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.et-grid-3{grid-template-columns:repeat(3,1fr)}.et-grid-4{grid-template-columns:repeat(4,1fr)}}
.et-center{text-align:center}
.et-narrow{max-width:760px}
.et-center.et-narrow,.et-narrow.et-mx{margin-left:auto;margin-right:auto}
.et-muted{color:var(--et-muted)}
.et-lead{font-size:1.2rem;color:var(--et-muted)}
.et-head{margin-bottom:36px}
.et-head p{color:var(--et-muted);max-width:640px}
.et-head.et-center p{margin-left:auto;margin-right:auto}
.et-eyebrow{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--et-primary-dark);margin:0 0 10px}
.et-hand{font-family:var(--font-hand);font-size:1.55rem;line-height:1.1;color:var(--et-primary);position:relative;display:inline-block;margin:0}
.et-dark .et-hand{color:var(--et-gold)}
.et-hand::after{content:"";display:block;height:10px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8c40-6 90-7 196-3' fill='none' stroke='%23E9B949' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;width:80%}
.et-brush{position:relative;white-space:nowrap;padding:0 .12em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpath d='M6 18c60-8 160-12 286-6l-4 34c-110 6-200 6-280 2z' fill='%23E9B949'/%3E%3C/svg%3E") no-repeat 0 60%/100% 62%}
.et-dark .et-brush{color:var(--et-ink)}

/* buttons */
.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 24px;border-radius:var(--et-radius-sm);border:2px solid var(--et-primary);background:var(--et-primary);color:#fff;font-family:var(--font-body);font-weight:700;font-size:1.05rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 16px rgba(194,65,12,.25)}
.et-btn:hover{background:var(--et-primary-dark);border-color:var(--et-primary-dark);color:#fff;transform:translateY(-1px)}
.et-btn--outline{background:transparent;color:var(--et-ink);border-color:var(--et-ink);box-shadow:none}
.et-btn--outline:hover{background:var(--et-ink);border-color:var(--et-ink);color:#fff}
.et-btn--light{background:transparent;color:#fff;border-color:#fff;box-shadow:none}
.et-btn--light:hover{background:#fff;color:var(--et-ink);border-color:#fff}
.et-btn--gold{background:var(--et-gold);border-color:var(--et-gold);color:var(--et-ink);box-shadow:none}
.et-btn--gold:hover{background:#f3cb6a;border-color:#f3cb6a;color:var(--et-ink)}
.et-btn--sm{min-height:42px;padding:8px 16px;font-size:.95rem}
.et-btn .et-ic{width:1.15em;height:1.15em}
.et-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.et-call{position:relative}
.et-call::after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:2px solid var(--et-primary);opacity:0;animation:et-pulse 2.6s ease-out infinite;pointer-events:none}
@keyframes et-pulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.12);opacity:0}100%{opacity:0}}
.et-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none;color:var(--et-primary-dark)}
.et-link:hover{gap:10px}
.et-link .et-ic{width:1.1em;height:1.1em}

/* header */
.et-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--et-hairline)}
.et-header__in{display:flex;align-items:center;gap:16px;min-height:72px}
.et-brand{display:flex;align-items:center;flex:0 0 auto}
.et-brand img{width:178px;height:auto}
@media(min-width:1000px){.et-brand img{width:205px}.et-header__in{min-height:84px}}
.et-motto{display:none;font-family:var(--font-hand);color:var(--et-primary);font-size:1.15rem;line-height:1;transform:rotate(-4deg);margin-left:4px}
@media(min-width:1200px){.et-motto{display:block}}
.et-nav{margin-left:auto}
.et-menu-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--et-ink);border-radius:8px;background:#fff;color:var(--et-ink);cursor:pointer}
.et-menu-btn .et-ic{width:24px;height:24px}
.et-menu-btn [data-close]{display:none}
.et-menu-btn[aria-expanded=true] [data-open]{display:none}
.et-menu-btn[aria-expanded=true] [data-close]{display:inline-block}
.et-nav__list{list-style:none;margin:0;padding:0}
.et-nav__list a{display:block;text-decoration:none;color:var(--et-ink);font-weight:600;padding:10px 4px}
.et-nav__list a:hover,.et-nav__list .current-menu-item>a,.et-nav__list .current-page-ancestor>a{color:var(--et-primary)}
.et-header__phone{display:none}
@media(max-width:999px){
 .et-nav{position:fixed;inset:72px 0 0 0;background:#fff;padding:20px 16px 120px;overflow:auto;display:none;margin:0}
 .et-nav.is-open{display:block}
 .et-nav__list li{border-bottom:1px solid var(--et-hairline);margin:0}
 .et-nav__list a{font-size:1.25rem;padding:14px 4px}
 .et-nav .et-btn{width:100%;margin-top:20px}
}
@media(min-width:1000px){
 .et-menu-btn{display:none}
 .et-nav{display:flex;align-items:center;gap:22px}
 .et-nav__list{display:flex;gap:20px}
 .et-nav__list li{margin:0}
 .et-header__phone{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--et-ink);text-decoration:none;white-space:nowrap}
 .et-header__phone .et-ic{color:var(--et-primary)}
}

/* breadcrumbs */
.et-crumbs{background:var(--et-band);border-bottom:1px solid var(--et-hairline);font-size:.9rem;padding:10px 0;color:var(--et-muted)}
.et-crumbs a{color:var(--et-muted)}
.et-crumbs .separator{margin:0 6px;opacity:.6}
.et-crumbs .last{color:var(--et-ink);font-weight:600}

/* rough edges + scenery */
.et-rough{position:relative}
.et-rough::before,.et-rough::after{content:"";position:absolute;left:0;right:0;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 18' preserveAspectRatio='none'%3E%3Cpath d='M0 18V9l40-5 35 7 60-8 45 6 70-7 40 8 55-6 65 5 50-8 60 7 45-5 70 6 40-7 65 8 55-6 45 5 60-7 50 6 70-5 45 7 55-6 40 4 40 1V18z' fill='%2322302A'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%;z-index:1;pointer-events:none}
.et-rough::before{top:-17px}
.et-rough::after{bottom:-17px;transform:rotate(180deg)}
.et-hills{position:relative;overflow:hidden}
.et-hills::before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='none'%3E%3Cpath d='M0 70c120-40 240-45 380-10s260 20 400-25 300-30 420 10v105H0z' fill='%232E4237'/%3E%3Cpath d='M0 105c160-30 320-20 470 5s300 10 450-15 200-10 280 0v55H0z' fill='%23324A3C'/%3E%3Cg stroke='%233E5A47' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M60 128h80M70 138h80M80 147h80M900 125h90M910 135h90M920 145h90'/%3E%3C/g%3E%3C/svg%3E") no-repeat bottom/100% 100%;pointer-events:none;opacity:.9}
.et-hills>*{position:relative;z-index:1}
.et-balloon{position:absolute;right:6%;top:30px;width:54px;opacity:.5;animation:et-float 7s ease-in-out infinite;z-index:0}
@keyframes et-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* footer */
.et-footer{background:var(--et-dark);color:#E2DDD3;padding:150px 0 0;position:relative;font-size:.98rem}
.et-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:130px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 130' preserveAspectRatio='none'%3E%3Crect width='1200' height='130' fill='%23F6F1E9'/%3E%3Cpath d='M0 60c150-45 300-50 460-10s280 25 420-15 240-35 320-5v100H0z' fill='%233E5A47'/%3E%3Cpath d='M0 92c180-30 340-24 520 4s320 8 460-18 160-12 220-2v54H0z' fill='%232E4237'/%3E%3Cpath d='M0 118c200-16 420-14 640 0s400 6 560-6v18H0z' fill='%2322302A'/%3E%3C/svg%3E") no-repeat top/100% 100%}
.et-footer a{color:#fff;text-decoration:none}
.et-footer a:hover{color:var(--et-gold)}
.et-footer__grid{display:grid;gap:36px;padding-bottom:40px}
@media(min-width:760px){.et-footer__grid{grid-template-columns:1.2fr 1fr 1fr}}
@media(min-width:1100px){.et-footer__grid{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.et-footer h2{font-size:1.35rem;color:#fff;margin-bottom:14px}
.et-footer ul{list-style:none;padding:0;margin:0}
.et-footer li{margin-bottom:8px}
.et-footer__logo img{width:170px;height:auto}
.et-footer__phone{font-family:var(--font-display);font-size:2rem;color:#fff!important;display:inline-block;margin:10px 0 6px;letter-spacing:.02em}
.et-footer .et-hand{font-size:1.4rem}
.et-footer__zips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.et-footer__zips span{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:3px 12px;font-weight:600;font-size:.9rem}
.et-footer__note{border-top:1px solid rgba(255,255,255,.14);padding:22px 0;font-size:.88rem;color:#CFC8BC}
.et-footer__legal{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.14);padding:18px 0 96px;font-size:.88rem}
.et-footer__legal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
@media(min-width:1000px){.et-footer__legal{padding-bottom:22px}}

/* mobile bar */
.et-mbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:1fr 2fr;background:var(--et-dark);box-shadow:0 -6px 20px rgba(0,0,0,.18);padding:8px;gap:8px}
.et-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:8px;text-decoration:none;font-weight:700;color:#fff}
.et-mbar a:first-child{border:1px solid rgba(255,255,255,.35)}
.et-mbar .et-mbar__call{background:var(--et-primary)}
@media(min-width:1000px){.et-mbar{display:none}}

/* generic pieces */
.et-card{background:#fff;border:1px solid var(--et-hairline);border-radius:var(--et-radius);box-shadow:var(--et-shadow-card);padding:24px}
.et-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--et-hairline);font-weight:600;font-size:.92rem;color:var(--et-ink)}
.et-pills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 0}
.et-pills li{margin:0}
.et-checks{list-style:none;padding:0}
.et-checks li{position:relative;padding-left:32px;margin-bottom:10px}
.et-checks li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:var(--et-primary-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A3412' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.et-dark .et-checks li::before{background-color:rgba(233,185,73,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E9B949' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E")}
.et-fine{font-size:.88rem;color:var(--et-muted);margin-top:16px}
.et-dark .et-fine{color:#CFC8BC}
.et-figure{margin:0;position:relative}
.et-figure img{border-radius:var(--et-radius);box-shadow:var(--et-shadow-lift);width:100%;object-fit:cover}
.et-figure figcaption{font-size:.88rem;color:var(--et-muted);margin-top:8px}
.et-figure .et-hand{position:absolute;left:-6px;bottom:-26px;background:#fff;padding:6px 14px 2px;border-radius:8px;box-shadow:var(--et-shadow-card);transform:rotate(-3deg)}
.et-sources{font-size:.88rem;color:var(--et-muted);border-top:1px solid var(--et-hairline);padding-top:16px;margin-top:28px}
.et-sources ol{padding-left:1.2em}
.et-sources a{color:var(--et-muted);word-break:break-word}
.et-blog-list{display:grid;gap:22px}
@media(min-width:760px){.et-blog-list{grid-template-columns:repeat(2,1fr)}}
.et-post-body{max-width:760px;margin:0 auto}
.et-post-body h2{margin-top:1.4em}
.et-post-meta{color:var(--et-muted);font-size:.92rem}
.et-404{text-align:center;padding:90px 0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}