/*
Theme Name: SafeWatt Electrical
Theme URI: https://safewattelectrical.co.uk
Author: SafeWatt Electrical
Description: Bespoke responsive theme for SafeWatt Electrical, London and the M25.
Version: 3.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: safewatt
*/
:root{--navy:#071421;--navy2:#0e2234;--orange:#ff7917;--white:#f7f9fb;--muted:#9eafbf;--line:#25384a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#142334;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}.container{max-width:1190px;padding:0 24px;margin:auto}.site-header{background:#071421;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #25384a}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:850;letter-spacing:-1px;line-height:1}.brand img{width:65px;height:65px;object-fit:cover;object-position:center 42%;border-radius:8px}.brand span small{display:block;color:var(--orange);letter-spacing:4px;font-size:10px;margin-top:7px}.nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:650}.nav a:hover,.nav .current-menu-item a{color:var(--orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--orange);color:#081420;border:2px solid var(--orange);padding:13px 23px;border-radius:6px;font-weight:800;line-height:1.3;cursor:pointer;transition:.2s}.btn:hover{background:#ff9748;border-color:#ff9748;transform:translateY(-2px)}.btn-outline{background:transparent;color:#fff;border-color:#617183}.btn-outline:hover{background:#1c3044;border-color:#a2b1be}.menu-toggle{display:none;background:transparent;border:1px solid #546579;color:#fff;border-radius:5px;padding:9px 12px}.hero{background:radial-gradient(circle at 75% 40%,#203c53 0%,#0b1d2c 43%,#071421 85%);color:white;overflow:hidden}.hero-inner{min-height:600px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:75px}.eyebrow{display:inline-block;color:var(--orange);font-size:12px;letter-spacing:2.4px;font-weight:900;text-transform:uppercase;margin-bottom:19px}.hero h1{font-size:clamp(43px,5.7vw,77px);letter-spacing:-3.8px;line-height:1.07;margin:0 0 22px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:18px;color:#c4d0da;max-width:570px;margin-bottom:31px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{border:1px solid #3d4a59;border-radius:18px;background:linear-gradient(145deg,#15283a,#091522);box-shadow:0 30px 80px #0006;position:relative;padding:25px;min-height:400px;display:flex;align-items:center;justify-content:center}.hero-visual img{max-width:100%;max-height:360px;object-fit:contain;border-radius:10px}.hero-tag{position:absolute;bottom:-17px;left:-15px;background:var(--orange);color:#101b27;padding:14px 22px;font-size:12px;font-weight:900;border-radius:7px;box-shadow:0 10px 25px #0004}.trust-strip{background:#10263a;color:#d5dfe7;padding:23px 0}.trust-items{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-weight:700;font-size:13px}.trust-items span:before{content:'✓';color:var(--orange);margin-right:10px}.section{padding:90px 0}.section.alt{background:#f1f5f8}.section.dark{background:var(--navy);color:white}.section-head{max-width:700px;margin-bottom:36px}.section-head h2,.page-heading h1{font-size:clamp(32px,4vw,49px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 15px}.section-head p{color:#637384;margin:0}.dark .section-head p{color:#b5c5d2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:29px;background:white;border:1px solid #e2e8ed;border-radius:12px;box-shadow:0 7px 26px #14233408;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #14233418}.service-icon{display:grid;place-items:center;background:#fff0e6;color:#d95600;width:52px;height:52px;border-radius:10px;font-size:24px;margin-bottom:20px}.service-card h3{font-size:19px;line-height:1.3;margin:0 0 9px}.service-card p{color:#617386;font-size:14px;margin:0 0 15px}.service-card a{color:#b95008;font-weight:800;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.feature-panel{background:linear-gradient(140deg,#0b1b2c,#18374f);padding:40px;border-radius:16px;color:#fff}.feature-panel h3{font-size:30px;margin:0 0 14px;line-height:1.2}.feature-panel p{color:#c3d0da}.checklist{padding:0;list-style:none}.checklist li{padding:10px 0;border-bottom:1px solid #e1e8ef}.checklist li:before{content:'✓';color:#e96a12;font-weight:900;margin-right:11px}.cta{background:linear-gradient(110deg,#0c2032,#15364c);padding:70px 0;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta h2{font-size:clamp(30px,3.8vw,47px);letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.cta p{margin:0;color:#bfcbd5}.site-footer{background:#06111d;color:#afbdca;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-grid h3{color:white;margin:0 0 16px}.footer-grid p,.footer-grid a{font-size:14px}.footer-grid a{display:block;margin:7px 0}.footer-grid a:hover{color:var(--orange)}.copyright{border-top:1px solid #263544;margin-top:42px;padding-top:20px;font-size:12px}.page-heading{background:linear-gradient(130deg,#091625,#16364d);color:#fff;padding:85px 0}.page-heading p{max-width:720px;color:#c3d1dd;font-size:17px}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:50px}.contact-panel{background:#0e2234;color:white;padding:35px;border-radius:13px}.contact-panel h2{margin-top:0}.contact-panel p{color:#bdccd8}.contact-form{display:grid;gap:14px}.contact-form label{font-size:13px;font-weight:750;display:block}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;padding:12px 14px;border:1px solid #ccd6df;border-radius:6px;background:white;margin-top:6px;color:#102032}.contact-form textarea{min-height:125px;resize:vertical}.notice{padding:14px;border-radius:6px;background:#e9f7ee;color:#145b32}.notice.error{background:#fff0ed;color:#a32916}.hp-field{position:absolute;left:-9999px}.project-placeholder{border-radius:12px;background:linear-gradient(140deg,#102337,#28506a);color:#d8e5ef;min-height:210px;display:flex;align-items:center;justify-content:center;font-size:38px}.project-card h3{margin-bottom:4px}.project-card p{margin-top:0;color:#657487}.small-note{font-size:13px;color:#718192}.wp-block-group{max-width:1190px;margin:auto}@media(max-width:900px){.nav{gap:12px}.nav a{font-size:12px}.hero-inner{grid-template-columns:1fr}.hero-visual{min-height:300px;max-width:560px}.split{gap:25px}}@media(max-width:700px){.header-inner{min-height:76px}.brand img{width:52px;height:52px}.brand{font-size:19px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#081725;flex-direction:column;align-items:stretch;gap:18px;border-top:1px solid #344557}.nav.open{display:flex}.nav a{font-size:15px}.hero-inner{padding-top:60px;min-height:0}.hero h1{letter-spacing:-2px}.hero-visual{min-height:260px}.grid,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.cta-inner{align-items:flex-start;flex-direction:column}.trust-items{display:grid;grid-template-columns:1fr 1fr}.hero-tag{left:8px}.page-heading{padding:60px 0}}

/* V1.1: logo tagline positioned immediately below the logo */
.hero-visual{flex-direction:column;gap:15px;padding-bottom:28px}.hero-tag.hero-tag-below{position:static;box-shadow:none;text-align:center;width:fit-content;max-width:100%;margin:0 auto}.contact-panel a{color:#ff9c51;overflow-wrap:anywhere}.site-footer a{overflow-wrap:anywhere}

/* v1.3 service/about/contact polish */
.page-heading .btn{margin-top:14px}.page-heading h1{max-width:900px;font-weight:900}.page-heading{padding:100px 0;background:radial-gradient(circle at 90% 15%,#254c62,#071421 70%)}.section h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-1px;line-height:1.18}.split p{color:#536778}.feature-panel p{color:#c5d3df}.light-list li{border-color:#365069;color:#e5edf4}.contact-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.contact-method{display:flex;gap:17px;align-items:flex-start;padding:27px 23px;border:1px solid #dce5ec;border-radius:12px;background:#fff;min-width:0;box-shadow:0 12px 35px #122b4209}.contact-method-icon{display:grid;place-items:center;flex:none;background:#fff0e4;color:#d95800;border-radius:10px;width:48px;height:48px;font-size:26px}.contact-method span:last-child{min-width:0}.contact-method small,.contact-method em{display:block;font-size:12px;font-style:normal;color:#64768a}.contact-method small{color:#d85e0a;font-weight:900;letter-spacing:1px}.contact-method strong{display:block;font-size:17px;overflow-wrap:anywhere;line-height:1.4;margin:5px 0}.contact-method:hover{border-color:#ff7917}.form-panel{background:#fff;border-radius:15px;padding:36px;border:1px solid #e0e8ef}.form-panel h2{margin:0 0 10px}.form-panel>p{color:#65778a}.contact-panel h3{margin-top:30px}.contact-panel .checklist li{color:#e2ebf4}.contact-panel p{overflow-wrap:anywhere}@media(max-width:950px){.contact-quick{grid-template-columns:1fr}}@media(max-width:700px){.page-heading{padding:65px 0}.form-panel{padding:24px}.contact-method{padding:20px}}

/* v1.4: premium contact layout */
.contact-feature-section{padding:80px 0;background:#0b1b2b;color:#fff}.contact-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.contact-feature-copy h2{font-size:clamp(34px,3.8vw,53px);letter-spacing:-1.7px;line-height:1.12;margin:0 0 22px}.contact-feature-copy>p{color:#b8c9d6;font-size:17px;max-width:530px}.contact-feature-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.contact-feature-details{border-top:1px solid #405466}.contact-detail-line{padding:25px 0 23px;border-bottom:1px solid #405466}.detail-num{display:block;color:#ff9240;letter-spacing:1.7px;font-size:11px;font-weight:900;margin-bottom:9px}.contact-detail-line a,.contact-detail-line strong{display:block;color:white;font-size:clamp(19px,2.1vw,25px);font-weight:800;overflow-wrap:anywhere;line-height:1.3}.contact-detail-line a span{color:#ff7917}.contact-detail-line a:hover{color:#ff9c51}.contact-detail-line p{color:#aebfcd;font-size:14px;margin:7px 0 0}.contact-feature-section .btn-outline{color:white}.contact-feature-section .btn-outline:hover{color:white}@media(max-width:850px){.contact-feature-grid{grid-template-columns:1fr;gap:45px}.contact-feature-section{padding:60px 0}}

/* v1.5: unnumbered contact labels and blue email action */
.contact-feature-section .btn-email-blue{background:#1464c8;color:#fff;border:2px solid #1464c8;box-shadow:0 8px 24px rgba(0,72,166,.25)}
.contact-feature-section .btn-email-blue:hover{background:#237eea;border-color:#237eea;color:#fff}


/* Version 2.0 — cohesive premium navy/orange redesign inspired by approved reference */
:root{--navy:#04172b;--navy2:#082541;--orange:#ff7415;--line:#28445d}
body{font-family:Inter,Arial,sans-serif;color:#10283c}
.site-header{background:#041528;border-bottom:1px solid #25415b}.header-inner{min-height:94px}.brand{font-size:24px;letter-spacing:-.7px}.brand img{border:1px solid #33495b}.brand span small{color:#d4dce5}.nav{gap:24px}.nav>a:not(.btn):hover{color:var(--orange)}.nav .btn{font-size:12px;padding:13px 19px}.header-phone{white-space:nowrap;font-weight:800!important;color:#fff!important}
.btn{background:#ff7415;border-color:#ff7415;color:#fff;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 7px 18px #f56b1826}.btn:hover{background:#ff8a34;border-color:#ff8a34;color:#fff}.btn-outline{background:transparent;box-shadow:none;border-color:#8197aa;color:#fff}.btn-outline:hover{background:#1c3c58}
.hero-v2{background:radial-gradient(ellipse at 77% 50%,#153b5b 0%,#071d33 48%,#031426 95%);position:relative}.hero-v2:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#0003);pointer-events:none}.hero-v2 .hero-inner{min-height:680px;grid-template-columns:1.12fr .88fr;position:relative;z-index:1}.hero-v2 h1{font-size:clamp(45px,5.5vw,76px);line-height:1.08}.hero-v2 h1 em,.contact-showcase h1 em{color:var(--orange);font-style:normal}.hero-v2 .hero-visual{background:linear-gradient(140deg,#092238,#041526);border:1px solid #31506b}.hero-v2 .hero-tag{background:#ff7415;color:#07192b}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;color:#d4e0ea;font-size:12px;font-weight:800;letter-spacing:1px;margin-top:37px}.hero-proof span::first-letter{color:#ff7415}
.trust-strip{background:#0b2945}.section.alt{background:#edf3f8}.service-card{border:1px solid #dce6ed;box-shadow:0 10px 30px #001c3610;border-radius:15px}.service-icon{background:#fff0e4;color:#ff7415}.feature-panel{background:linear-gradient(140deg,#06192e,#123957);border:1px solid #294965}.page-heading{background:radial-gradient(ellipse at 80% 20%,#184362,#041629 75%);border-bottom:1px solid #23465f}.page-heading h1{font-size:clamp(44px,5vw,67px)}.page-heading h1 br+*{color:#ff7415}.site-footer{background:#03111f}.cta{background:linear-gradient(110deg,#0b2d4a,#06182a)}
.contact-showcase{position:relative;overflow:hidden;color:white;background:radial-gradient(ellipse at 75% 45%,#0a3356 0%,#041b31 58%,#031324 100%);padding:78px 0 100px}.contact-showcase:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04182cf0,#04182c80),repeating-linear-gradient(110deg,transparent 0 90px,#2d5b7a0d 90px 91px);pointer-events:none}.contact-showcase .container{position:relative;z-index:1}.contact-showcase-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:70px;align-items:start}.contact-showcase .eyebrow{font-size:13px}.contact-showcase h1{font-size:clamp(46px,5vw,77px);line-height:1.04;letter-spacing:-2.6px;margin:0 0 25px;font-weight:900}.contact-intro{font-size:18px;line-height:1.6;color:#d2e0ec;margin:0 0 35px;max-width:650px}.contact-item{display:flex;align-items:flex-start;gap:25px;margin:25px 0}.contact-icon{flex:none;width:72px;height:72px;display:grid;place-items:center;border:2px solid #ff7415;border-radius:50%;font-size:31px;color:#ff7415}.contact-label{display:block;color:#ff8b36;font-weight:850;letter-spacing:1.8px;font-size:13px;margin-bottom:5px}.contact-value{display:block;font-size:clamp(20px,2.4vw,28px);font-weight:850;line-height:1.3;color:white}.contact-item p{margin:5px 0 0;color:#c6d5e1;font-size:15px}.btn-email-blue{background:#1762bb!important;border-color:#1762bb!important;color:white!important;padding:12px 25px!important;margin:6px 0 0;box-shadow:0 7px 24px #001c3970}.btn-email-blue:hover{background:#237fe4!important;border-color:#237fe4!important}.quote-glass{background:#041a30ee;border:1px solid #47708f;border-radius:14px;padding:38px;box-shadow:0 25px 80px #0005;margin-top:70px}.quote-glass h2{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:0 0 16px;letter-spacing:-1px}.quote-glass>p{color:#c5d8e7;margin:0 0 26px;font-size:16px}.quote-glass .contact-form{gap:13px}.quote-glass .contact-form label{font-size:12px;color:#c4d7e6;font-weight:700}.quote-glass .contact-form input,.quote-glass .contact-form select,.quote-glass .contact-form textarea{background:#09253f;color:#fff;border:1px solid #46657e;border-radius:7px;margin-top:5px;padding:13px 15px}.quote-glass .contact-form input::placeholder,.quote-glass .contact-form textarea::placeholder{color:#9eb6c8}.quote-glass .contact-form button{width:100%;min-height:55px}.quote-glass .small-note{color:#a4b9c9}.quote-glass .notice{color:#174b31}.quote-glass .notice.error{color:#a32916}
@media(max-width:1050px){.contact-showcase-grid{gap:32px}.header-phone{display:none}}
@media(max-width:800px){.contact-showcase-grid{grid-template-columns:1fr}.quote-glass{margin-top:5px}.hero-v2 .hero-inner{grid-template-columns:1fr;min-height:0}.hero-v2 .hero-visual{max-width:560px}}
@media(max-width:700px){.contact-showcase{padding:56px 0}.contact-showcase h1{letter-spacing:-1.8px}.contact-icon{width:55px;height:55px;font-size:23px}.contact-item{gap:16px}.quote-glass{padding:23px}.nav .header-phone{display:block}.hero-v2 h1{font-size:clamp(40px,9vw,56px)}.hero-proof{gap:12px}.brand span small{letter-spacing:2px}}

/* Contact email displayed as a simple link, matching telephone */
.contact-showcase .contact-value[href^="mailto:"]{overflow-wrap:anywhere;text-decoration:none}
.contact-showcase .contact-value[href^="mailto:"]:hover{text-decoration:underline;color:#ff8b36}

/* V2.2 photographic cinematic background */
.hero-v2{background:linear-gradient(90deg,rgba(3,17,33,.95) 0%,rgba(3,19,36,.82) 45%,rgba(3,19,36,.38) 100%),url('assets/images/london-cinematic-bg.webp') center center/cover no-repeat;}
.contact-showcase{background:linear-gradient(90deg,rgba(3,17,33,.84),rgba(3,17,33,.35)),url('assets/images/london-cinematic-bg.webp') center center/cover no-repeat;}
.contact-showcase:before{background:linear-gradient(0deg,rgba(3,17,33,.4),transparent 45%)}
.hero-v2:after{background:none}
.hero-v2 .hero-visual{background:rgba(3,20,38,.76);backdrop-filter:blur(8px);box-shadow:0 20px 65px #0008}
.quote-glass{backdrop-filter:blur(12px)}
@media(max-width:700px){.hero-v2{background-position:58% center}.contact-showcase{background-position:58% center}}

/* V2.3: real van + London photo, fresh image, strong responsive composition */
.hero-v2,.contact-showcase{background-image:linear-gradient(90deg,rgba(3,16,31,.92) 0%,rgba(3,16,31,.70) 39%,rgba(3,16,31,.22) 72%,rgba(3,16,31,.18) 100%),url('assets/images/safewatt-van-london.webp')!important;background-size:cover!important;background-position:center 54%!important;background-repeat:no-repeat!important}
.contact-showcase:before{background:linear-gradient(0deg,rgba(2,12,24,.3),transparent 35%)!important}
.contact-showcase .quote-glass{background:rgba(3,20,38,.94);backdrop-filter:blur(8px)}
@media(max-width:850px){.hero-v2,.contact-showcase{background-position:63% center!important;background-image:linear-gradient(90deg,rgba(3,16,31,.92),rgba(3,16,31,.73)),url('assets/images/safewatt-van-london.webp')!important}}

/* v2.4: London Tower Bridge bright photographic hero. Keep HTML content interactive. */
.hero-v2, .contact-showcase {
 background-image: linear-gradient(90deg,rgba(3,16,31,.82) 0%,rgba(3,16,31,.58) 42%,rgba(3,16,31,.19) 100%),url('assets/images/london-bright-tower-bridge.webp') !important;
 background-position:center 48% !important; background-size:cover !important; background-repeat:no-repeat !important;
}
@media(max-width:850px){.hero-v2,.contact-showcase{background-image:linear-gradient(90deg,rgba(3,16,31,.83),rgba(3,16,31,.56)),url('assets/images/london-bright-tower-bridge.webp') !important;background-position:48% center !important}}


/* v2.5: service photography only — all existing text, links and layout preserved. */
.service-card{overflow:hidden;position:relative;padding-top:0}
.service-card::before{content:"";display:block;height:162px;margin:0 -29px 24px;background-color:#10273c;background-position:center;background-size:cover;border-radius:11px 11px 0 0;}
.service-card:nth-child(1)::before{background-image:url('assets/images/home-lighting.webp')}
.service-card:nth-child(2)::before{background-image:url('assets/images/warehouse-electrical.webp')}
.service-card:nth-child(3)::before{background-image:url('assets/images/cctv-security.webp')}
.service-card:nth-child(4)::before{background-image:url('assets/images/fire-alarms.webp')}
.service-card:nth-child(5)::before{background-image:url('assets/images/ev-charger.webp')}
.service-card:nth-child(6)::before{background-image:url('assets/images/electrical-testing.webp')}
.service-card:nth-child(7)::before{background-image:url('assets/images/feature-lighting.webp')}
.service-card:nth-child(8)::before{background-image:url('assets/images/consumer-unit.webp')}
.service-card:nth-child(9)::before{background-image:url('assets/images/containment.webp')}
.service-card:nth-child(10)::before{background-image:url('assets/images/emergency-exit.webp')}
.service-card:nth-child(11)::before{background-image:url('assets/images/containment.webp')}
.service-card:nth-child(12)::before{background-image:url('assets/images/door-entry.webp')}
.service-card:nth-child(13)::before{background-image:url('assets/images/fault-repairs.webp')}
.service-card:nth-child(14)::before{background-image:url('assets/images/home-lighting.webp')}
.service-card:nth-child(15)::before{background-image:url('assets/images/fire-alarms.webp')}
.service-card:nth-child(16)::before{background-image:url('assets/images/first-fix.webp')}
.page-heading{background:linear-gradient(90deg,rgba(5,18,34,.91),rgba(5,18,34,.60)),url('assets/images/london-bright-tower-bridge.webp') center 54%/cover no-repeat}

/* v2.8 polished enquiry confirmation */
.quote-glass .enquiry-success{display:flex;align-items:center;gap:14px;background:#e9f8ef;border:1px solid #7ad6a1;color:#135c36;border-radius:10px;padding:18px 20px;font-size:15px;font-weight:700;line-height:1.55;margin:0 0 22px}.enquiry-success-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#17854b;color:#fff;font-size:22px}

.form-feedback{background:#dceaf9;color:#103d69;border:1px solid #82b5e4;border-radius:7px;padding:12px 15px;font-weight:700;font-size:14px}.form-feedback[hidden]{display:none}.form-feedback-error{background:#fff1ec;color:#8b3015;border-color:#f6a98e}.contact-form button:disabled{opacity:.7;cursor:wait}

.form-feedback:not([hidden]){display:block}.quote-glass .form-feedback{color:#103d69}.quote-glass .form-feedback-error{color:#8b3015}