/*
Theme Name: Spivak Plumbing
Theme URI: https://spivakplumbing.ca/
Author: Spivak Plumbing
Description: A classic local plumbing theme with service pages, a secure inquiry form and accessible mobile navigation.
Version: 2.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spivak-plumbing
*/
:root{--navy:#06132f;--accent:#122e59;--ink:#172236;--muted:#485469;--line:#b8c0cc;--paper:#f2f3f4;--white:#fff;--wrap:1240px}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:190px}body{margin:0;color:var(--ink);font:400 16px/1.65 Arial,Helvetica,sans-serif;background:var(--white);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{min-width:44px;color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}button,input,select,textarea{font:inherit;font-size:16px}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #9b5d00;outline-offset:4px}h1,h2,h3{margin:0 0 24px;line-height:1.12;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(38px,5.6vw,76px)}h2{font-size:clamp(28px,3.5vw,46px)}h3{font-size:24px;letter-spacing:-.02em}p{margin:0 0 22px}ul,ol{padding-left:24px}button{cursor:pointer}.wrap{width:calc(100% - 80px);max-width:var(--wrap);margin-inline:auto}.section{padding-block:80px}.eyebrow{font-size:16px;font-weight:700;border-left:4px solid var(--navy);padding-left:12px;margin-bottom:24px}.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border:2px solid var(--accent);border-radius:3px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;text-decoration:none;line-height:1.45}.button:hover{background:var(--navy);border-color:var(--navy)}.button-outline{background:transparent;color:var(--accent)}.button-outline:hover{color:#fff}.button:disabled{opacity:.65;cursor:wait}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:1000;background:#fff;padding:12px;color:var(--navy)}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}.hours-bar{background:var(--navy);color:white;font-size:16px;padding:8px 0}.header-inner{display:flex;align-items:center;gap:22px;min-height:100px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;flex-shrink:0}.custom-logo-link{display:flex;min-width:44px;min-height:44px;align-items:center}.custom-logo{width:68px;height:68px;object-fit:contain}.brand-name{color:var(--navy);text-decoration:none;font-size:24px;line-height:1.15;font-weight:800;min-height:48px}.brand-name span{display:block;font-size:20px;font-weight:700}.primary-nav .menu{display:flex;gap:16px;list-style:none;margin:0;padding:0}.menu a{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;text-decoration:none;color:var(--ink)}.menu a:hover,.current-menu-item>a{text-decoration:underline}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:240px;list-style:none;padding:14px;background:#fff;border:1px solid var(--line)}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.menu-toggle{display:none}.header-call{white-space:nowrap}.mobile-call{display:none}
.hero{background:var(--paper);padding:65px 0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.hero-lead{font-size:20px;max-width:590px;line-height:1.65}.tagline{font-size:16px;max-width:600px;color:var(--muted)}.trust-strip{background:var(--navy);color:#fff}.trust-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding-block:20px}.trust-strip p{margin:0;font-size:16px;font-weight:700}.home-services{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:start}.job-links{list-style:none;padding:0;margin:0}.job-links a{display:flex;align-items:center;min-height:66px;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:20px;text-decoration:none}.job-links a:hover{text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.site-note{background:var(--paper)}.commercial-band{border-bottom:3px solid var(--navy)}.commercial-band .split{align-items:start}.area-section{background:var(--navy);color:#fff}.area-section .eyebrow{border-color:#fff}.area-section h2{color:#fff}.city-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px 36px;padding:0;margin:28px 0 0}.city-list a{display:flex;align-items:center;min-height:48px;font-size:20px;color:#fff}.form-section{background:var(--paper)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.contact-details{margin:30px 0}.contact-details dt{font-weight:700;margin-top:16px}.contact-details dd{margin:0}.contact-details a{display:inline-flex;align-items:center;min-height:44px}.inquiry-form{padding:30px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy);min-width:0;scroll-margin-top:200px;position:relative}.inquiry-form h2{font-size:28px}.form-note{font-size:16px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;margin-block:26px}.field{min-width:0}.field-wide{grid-column:1/-1}label{display:block;font-size:16px;font-weight:700;margin-bottom:7px}input,select,textarea{width:100%;min-width:0;max-width:100%;padding:11px 12px;border:1px solid #7b8798;border-radius:2px;background:white;color:var(--ink);min-height:48px}textarea{resize:vertical}.honey{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin-bottom:24px;min-height:44px}.consent input{width:44px;min-width:44px;height:44px;min-height:44px;margin:0}.consent a{display:inline-flex;align-items:center;min-height:44px}.form-status{font-size:16px;font-weight:700;margin-top:20px}.form-status:empty{margin:0}.inquiry-form>.form-note:last-child{margin:20px 0 0}.site-footer{background:var(--navy);color:white;padding:60px 0 25px}.site-footer p,.site-footer h2,.site-footer a{color:white;font-size:16px}.site-footer h2{letter-spacing:0;font-size:20px}.footer-brand{font-size:26px!important;font-weight:700}.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr .9fr 1fr;gap:35px}.footer-grid>div,.footer-grid>nav{min-width:0}.footer-grid a{display:flex;align-items:center;min-height:44px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #748095;gap:20px;margin-top:35px;padding-top:22px}.footer-bottom p{margin:0}.footer-bottom a{display:flex;align-items:center;min-height:44px}.page-heading{background:var(--paper);padding:30px 0 45px}.page-heading h1{font-size:clamp(34px,4.3vw,58px);margin-bottom:0}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;font-size:16px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.page-content{padding-top:45px}.entry-content>p,.entry-content>ul,.entry-content>ol,.entry-content>h2{max-width:850px}.entry-content>.intro{font-size:20px;line-height:1.75}.entry-content>h2{font-size:32px;margin-top:42px}.entry-content li{margin-bottom:10px}.entry-content>p a,.entry-content li>a{display:inline-flex;align-items:center;min-height:44px}.area-jumps{display:flex;flex-wrap:wrap;gap:12px;margin-block:30px}.area-jumps a{display:flex;align-items:center;min-height:48px;border:1px solid var(--line);padding:9px 14px}.city-section{padding:28px 0;border-bottom:1px solid var(--line);max-width:850px;scroll-margin-top:200px}.city-section h2{font-size:30px}.city-section p{margin:0}.post-summary{padding:25px 0;border-bottom:1px solid var(--line)}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:16px}.sticky{border-left:4px solid var(--accent);padding-left:20px}.bypostauthor{font-weight:inherit}.entry-content .alignwide,.entry-content .alignfull{max-width:100%;margin-inline:0}.admin-bar .site-header{top:32px}
@media(max-width:1199px){.header-inner{min-height:90px;flex-wrap:wrap;gap:0}.brand{padding-block:10px}.menu-toggle{display:block;order:3;margin-left:18px;border:2px solid var(--navy);background:#fff;padding:10px 18px;min-height:48px;min-width:70px;border-radius:2px}.header-call{order:2;margin-left:15px}.primary-nav{order:4;display:none;flex-basis:100%;padding-bottom:20px;max-height:55vh;overflow:auto}.primary-nav.is-open{display:block}.primary-nav .menu{display:block}.menu a{min-height:48px;padding:10px 0}.menu .sub-menu{display:block;position:static;border:0;padding:0 0 0 20px}.hero-grid{gap:35px}.hero h1{font-size:clamp(38px,5.5vw,64px)}.contact-layout{gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.home-services{gap:45px}.split{gap:40px}html:not(.js) .primary-nav{display:block}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header{position:relative;top:0}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.section{padding-block:52px}.hours-bar{padding-block:7px;line-height:1.45}.custom-logo{width:56px;height:56px}.brand-name{font-size:24px}.brand-name span{font-size:18px}.header-inner{min-height:80px}.header-call{display:none}.menu-toggle{margin-left:10px}.hero{padding-block:40px}.hero-grid,.home-services,.split,.contact-layout{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(38px,9.5vw,60px)}.hero-lead{font-size:18px}.trust-strip .wrap{display:block}.trust-strip p+p{margin-top:8px}.job-links a{font-size:18px}.city-list{gap:8px 24px}.city-list a{font-size:18px}.inquiry-form{padding:23px}.site-footer{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.mobile-call{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px 20px calc(16px + env(safe-area-inset-bottom));min-height:60px;color:white;background:var(--accent);font-size:18px;font-weight:700;text-decoration:none;border-top:2px solid #fff}.page-heading{padding-bottom:32px}.page-content{padding-top:30px}.breadcrumbs{gap:9px}.entry-content>.intro{font-size:18px}.entry-content>h2{font-size:28px}.admin-bar .site-header{top:46px}html{scroll-padding-top:220px}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.footer-grid{grid-template-columns:1fr}.hero .button-row .button{width:100%}.footer-bottom{align-items:flex-start}.brand{gap:8px}.menu-toggle{padding-inline:12px}.brand-name{font-size:22px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.mobile-call,.inquiry-form,.button-row{display:none}.wrap{width:100%}.section{padding-block:20px}}

/* Service tiles: three columns on desktop, two on tablets, one on phones. */
.hero-logo{padding:22px;background:#fff;border:1px solid var(--line);border-radius:50%;max-width:440px;justify-self:center}.hero-logo img{display:block;width:100%;border-radius:50%}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:32px}.section-heading h2{margin-bottom:0}.section-heading>p{margin:0;color:var(--muted);max-width:450px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0;overflow:hidden}.service-card-link{display:flex;flex-direction:column;align-items:flex-start;height:100%;min-height:250px;padding:28px;color:var(--ink);text-decoration:none}.service-card-link:hover{background:#f5f7fa}.service-card h3{font-size:23px;line-height:1.25;margin:0 0 18px;color:var(--navy)}.service-card p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 24px}.card-action{display:flex;align-items:center;min-height:44px;margin-top:auto;font-weight:700;text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.service-card:focus-within{outline:3px solid #9b5d00;outline-offset:3px}.service-card-link:focus-visible{outline-offset:-5px}.about-home{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
@media(max-width:1023px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{gap:35px}.about-home{gap:40px}}
@media(max-width:767px){.section-heading,.about-home{grid-template-columns:1fr;gap:22px}.hero-logo{max-width:290px;padding:15px}.service-grid{grid-template-columns:1fr}.service-card-link{min-height:220px;padding:25px}.service-card h3{font-size:23px}}