/*
Theme Name: Southport Trades
Theme URI: https://example.com/
Author: Dream Web Design
Description: Lightweight local trade lead-generation theme for Southport Trades.
Version: 0.7.0
Text Domain: southport-trades
*/
:root{--st-accent:#09aeb1;--st-accent-dark:#078f92;--st-navy:#082b55;--st-navy-2:#0c3f70;--st-ink:#162936;--st-muted:#61717c;--st-bg:#f4f8f9;--st-line:#dce5ea;--st-max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--st-ink);background:#fff;line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}.st-wrap{width:min(calc(100% - 32px),var(--st-max));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--st-line);backdrop-filter:blur(12px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:82px}.site-brand{display:flex;align-items:center;text-decoration:none}.site-logo{display:block;width:220px;height:auto}.site-nav{display:flex;gap:1.2rem;align-items:center}.site-nav a{text-decoration:none;font-size:.91rem;font-weight:800;color:#324957}.site-nav a:hover{color:var(--st-accent-dark)}.site-nav .nav-cta{background:var(--st-navy);color:#fff;border-radius:11px;padding:.7rem .9rem}.site-nav .nav-cta:hover{color:#fff;background:var(--st-navy-2)}
.home-hero{padding:72px 0 64px;background:radial-gradient(circle at 78% 14%,rgba(9,174,177,.13),transparent 27%),linear-gradient(180deg,#f4fafb 0,#fff 92%)}.home-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.home-hero h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.062em;line-height:.9;margin:.1rem 0 1.25rem;color:var(--st-navy);max-width:790px}.home-hero__copy>p{font-size:1.2rem;color:var(--st-muted);max-width:720px}.home-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.4rem 0}.home-proof{display:flex;gap:.5rem;flex-wrap:wrap}.home-proof span{background:#fff;border:1px solid var(--st-line);border-radius:999px;padding:.45rem .65rem;font-weight:800;font-size:.8rem;color:#425a68}.home-lead-card{background:var(--st-navy);color:#fff;border-radius:28px;padding:1.7rem;box-shadow:0 30px 65px rgba(8,43,85,.2);position:relative;overflow:hidden}.home-lead-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(9,174,177,.18);right:-100px;top:-110px}.home-lead-card__label{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.12em;color:#75e3dc;font-size:.76rem;font-weight:900}.home-lead-flow{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.55rem;margin:1.4rem 0}.home-lead-flow>div{min-height:125px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:.9rem;display:flex;flex-direction:column}.home-lead-flow b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--st-accent);font-size:.78rem}.home-lead-flow strong{margin-top:.8rem;line-height:1.15}.home-lead-flow small{color:#c8dce9;margin-top:.28rem}.home-lead-flow i{font-style:normal;color:#7ee8df;font-weight:900}.home-lead-card>p{position:relative;z-index:2;color:#d6e5ef;font-size:.9rem;margin:0}
.home-trades{padding:70px 0}.home-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.6rem}.home-section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.04em;color:var(--st-navy);margin:.15rem 0 .7rem}.home-section-head p{max-width:740px;color:var(--st-muted);margin:.4rem 0}.trade-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.trade-card--image{position:relative;min-height:310px;border-radius:20px;overflow:hidden;text-decoration:none;background:#102e47;box-shadow:0 10px 28px rgba(8,43,85,.08);transition:.2s ease}.trade-card--image:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,43,85,.14)}.trade-card__image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .28s ease}.trade-card--image:hover .trade-card__image{transform:scale(1.025)}.trade-card__content{position:absolute;z-index:2;inset:auto 0 0;padding:1rem;color:#fff;display:flex;flex-direction:column}.trade-card__content strong{font-size:1.16rem;line-height:1.08}.trade-card__content small{color:#d9e6ed;font-size:.75rem;line-height:1.35;margin:.45rem 0 .75rem}.trade-card__content b{font-size:.78rem;color:#7ce3dc}
.home-how{padding:68px 0;background:var(--st-bg);border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}.home-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.home-steps article{background:#fff;border:1px solid var(--st-line);border-radius:17px;padding:1.25rem}.home-steps span{font-size:.78rem;font-weight:900;color:var(--st-accent);letter-spacing:.1em}.home-steps h3{font-size:1.12rem;margin:.8rem 0 .35rem}.home-steps p{font-size:.92rem;color:var(--st-muted);margin:0}
.home-business{padding:68px 0}.home-business__inner{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;background:linear-gradient(135deg,#f1f8f8,#f7fafb);border:1px solid #d8e8e8;border-radius:28px;padding:2.3rem}.home-business h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1;letter-spacing:-.045em;color:var(--st-navy);margin:.2rem 0 .8rem}.home-business p{color:var(--st-muted);max-width:700px}.channel-showcase{display:grid;gap:1rem}.channel-showcase article{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:17px;border:1px solid var(--st-line);padding:1rem;box-shadow:0 10px 25px rgba(8,43,85,.04)}.channel-showcase strong,.channel-showcase small{display:block}.channel-showcase small{color:var(--st-muted)}.channel-mark{display:flex;width:52px;height:52px;border-radius:15px;align-items:center;justify-content:center;font-size:1.45rem;font-weight:900}.channel-email{background:#e8f2fb;color:#1769aa}.channel-whatsapp{background:#e6f8ee;color:#12a35e}
.site-main{padding:38px 0 70px}.site-main> .st-wrap > article > h1,.site-main h1{font-size:clamp(2.35rem,5vw,4.1rem);letter-spacing:-.045em;line-height:1;color:var(--st-navy);margin:.2rem 0 1.2rem}.site-main article{max-width:950px}.site-main article p{color:#52636f}.site-main article h2{color:var(--st-navy)}
.member-profile{padding:34px 0 68px}.demo-banner{background:#fff4d7;border:1px solid #f1d78f;color:#664c13;padding:.8rem 1rem;border-radius:12px;margin-bottom:1.1rem}.member-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;padding:20px 0 38px}.member-logo-large{height:90px;display:flex;align-items:center;margin-bottom:.75rem}.member-logo-large img{max-height:82px;max-width:260px;width:auto}.member-logo-large>span{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:18px;background:linear-gradient(135deg,var(--st-navy),var(--st-accent));color:#fff;font-weight:900;font-size:2rem}.member-hero h1{font-size:clamp(2.5rem,5.8vw,4.7rem);letter-spacing:-.055em;line-height:.95;color:var(--st-navy);margin:.2rem 0 .8rem}.member-tagline-large{font-size:1.12rem;color:var(--st-muted)}.member-hero__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.member-hero__image{margin:0;height:410px;border-radius:24px;overflow:hidden;box-shadow:0 20px 48px rgba(8,43,85,.13)}.member-hero__image img{width:100%;height:100%;object-fit:cover}.member-details-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--st-line);border-radius:16px;overflow:hidden;margin:12px 0 50px}.member-details-grid article{padding:1rem 1.1rem;background:#f8fafb;border-right:1px solid var(--st-line)}.member-details-grid article:last-child{border-right:0}.member-details-grid span,.member-details-grid strong{display:block}.member-details-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7b84;font-weight:900}.member-details-grid strong{margin-top:.35rem;line-height:1.35}.member-content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;margin-bottom:55px}.member-about,.member-service-panel{border:1px solid var(--st-line);border-radius:19px;padding:1.5rem;background:#fff}.member-about h2,.member-service-panel h2{font-size:1.8rem;color:var(--st-navy);margin:.2rem 0 .8rem}.member-about p{color:#556671}.member-accreditations{margin-top:1.25rem;background:#f5f8f9;border-radius:12px;padding:1rem}.member-accreditations p{margin:.3rem 0 0}.member-service-panel{background:#f5f9fa}.member-service-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.member-service-panel li:before{content:"✓";margin-right:.5rem;color:var(--st-accent);font-weight:900}.demo-portfolio{padding:12px 0 55px}.demo-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-project-grid article{border:1px solid var(--st-line);border-radius:17px;overflow:hidden;background:#fff}.demo-project-grid article>div{height:215px;background-size:cover;background-position:center}.demo-project-grid h3{margin:1rem 1rem .35rem}.demo-project-grid p{margin:0 1rem 1rem;color:var(--st-muted);font-size:.9rem}.profile-enquiry-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:var(--st-navy);color:#fff;border-radius:22px;padding:1.65rem}.profile-enquiry-cta .st-kicker{color:#6fe0d8}.profile-enquiry-cta h2{margin:.2rem 0;color:#fff}.profile-enquiry-cta p{margin:.4rem 0 0;color:#d4e3ed}
.site-footer{border-top:1px solid var(--st-line);background:#f7fafb;padding:48px 0 22px;color:var(--st-muted)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-logo{width:190px;height:auto;margin-bottom:.8rem}.site-footer__grid p{max-width:420px}.site-footer__grid strong{display:block;color:var(--st-navy);margin-bottom:.55rem}.site-footer__grid a{display:block;text-decoration:none;margin:.3rem 0}.site-footer__bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--st-line);padding-top:18px;margin-top:28px;font-size:.82rem}
@media(max-width:1050px){.trade-grid{grid-template-columns:repeat(3,1fr)}.home-hero__inner{grid-template-columns:1fr}.home-lead-card{max-width:760px}.home-business__inner,.member-hero,.member-content-grid{grid-template-columns:1fr}.member-hero__image{height:360px}.home-steps{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.site-nav a:not(.nav-cta){display:none}.site-logo{width:190px}.trade-grid{grid-template-columns:1fr 1fr}.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__grid>div:first-child{grid-column:1/-1}.member-details-grid{grid-template-columns:1fr}.member-details-grid article{border-right:0;border-bottom:1px solid var(--st-line)}.member-details-grid article:last-child{border-bottom:0}.demo-project-grid{grid-template-columns:1fr 1fr}.profile-enquiry-cta{display:block}.profile-enquiry-cta .st-btn{margin-top:1rem}}
@media(max-width:580px){.st-wrap{width:min(calc(100% - 24px),var(--st-max))}.site-header__inner{min-height:72px}.site-logo{width:165px}.site-nav .nav-cta{font-size:.78rem;padding:.6rem .7rem}.home-hero{padding:48px 0}.home-hero h1{font-size:clamp(2.75rem,13vw,4.2rem)}.home-lead-flow{grid-template-columns:1fr}.home-lead-flow i{transform:rotate(90deg);justify-self:center}.trade-grid,.home-steps,.demo-project-grid{grid-template-columns:1fr}.trade-card--image{min-height:260px}.home-business__inner{padding:1.35rem}.site-footer__grid{grid-template-columns:1fr}.site-footer__grid>div:first-child{grid-column:auto}.site-footer__bottom{display:block}.site-footer__bottom span{display:block}.member-hero__image{height:290px}}
.channel-mark svg{width:27px;height:27px;fill:currentColor}.standard-page{max-width:950px}.st-managed-page{max-width:none}.st-managed-page>.st-trade-page,.st-managed-page>.st-business-page,.st-managed-page>.st-how-page{width:100%}


/* v0.3 homepage refinements */
.home-lead-flow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.75rem}
.home-lead-flow>div{min-height:190px;padding:0;overflow:hidden;display:flex;flex-direction:column;background:rgba(255,255,255,.08)}
.home-flow-image{display:block;width:100%;height:96px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.12)}
.home-flow-image--wa{display:flex;align-items:center;justify-content:center;background:#0f8f54}
.home-flow-image--wa svg{width:48px;height:48px;fill:#fff}
.home-lead-flow strong{margin:.8rem .85rem .2rem;line-height:1.15}
.home-lead-flow small{margin:0 .85rem .85rem;color:#c8dce9}
.home-proof-wa{border-color:#bcebd4!important;color:#0c8250!important;background:#f1fbf6!important}
.home-missing-trade{margin-top:1.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 1.5rem;border:1px solid var(--st-line);border-radius:20px;background:#f7fafb}
.home-missing-trade h3{font-size:1.35rem;color:var(--st-navy);margin:.15rem 0 .35rem}.home-missing-trade p{margin:.25rem 0;color:var(--st-muted)}
.home-missing-actions{display:flex;gap:.65rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.st-contact-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cddce2;background:#fff;border-radius:11px;padding:.68rem .85rem;text-decoration:none;font-weight:850;color:#28495c}
.home-steps--media article{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:360px}.home-steps--media h3{margin:1rem 1.15rem .35rem}.home-steps--media p{margin:0 1.15rem 1.2rem}.home-step-image{display:block;height:155px;background-size:cover;background-position:center;border-bottom:1px solid var(--st-line)}
.home-step-image--wa{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0c8750,#16ad67)}.home-step-image--wa svg{width:68px;height:68px;fill:#fff}
.home-how-more{margin-top:1.2rem}.channel-showcase--wa{border-color:#bfe9d2!important;box-shadow:0 12px 28px rgba(18,163,94,.08)!important}.channel-link{background:#edf3f8;color:var(--st-navy);font-size:1.7rem}
@media(max-width:980px){.home-lead-flow{grid-template-columns:1fr 1fr 1fr}.home-missing-trade{align-items:flex-start;flex-direction:column}.home-missing-actions{justify-content:flex-start}}
@media(max-width:760px){.home-lead-flow{grid-template-columns:1fr}.home-lead-flow>div{min-height:0}.home-flow-image{height:125px}.home-steps--media{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.home-steps--media{grid-template-columns:1fr}.home-missing-actions{display:grid;width:100%}.home-missing-actions .st-btn,.home-missing-actions .st-contact-chip{width:100%}}

/* v0.4 homepage and profile refinements */
.home-step-image--search{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:linear-gradient(135deg,#edf7f8,#f8fbfc);color:var(--st-navy)}
.home-step-image--search svg{width:52px;height:52px;fill:var(--st-accent)}
.home-step-image--search small{font-size:.72rem;font-weight:900;letter-spacing:.04em;color:#48616d}
.member-wordmark-fallback{display:flex;align-items:center;justify-content:center;max-width:300px;min-height:76px;padding:.75rem 1rem;border:1px solid var(--st-line);border-radius:14px;background:#f5f8f9;color:var(--st-navy);font-size:1rem;font-weight:900;line-height:1.15;text-align:center}

/* v0.5 trade pages begin immediately below the header */
.site-main--trade{padding-top:0}
.member-breadcrumb{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:#60717c;margin:0 0 1rem}.member-breadcrumb a{text-decoration:none;color:var(--st-navy);font-weight:800}.member-breadcrumb strong{font-weight:800;color:#6a7880}
.site-main--trade{overflow-x:clip}


/* v0.6 — enquiry-first homepage and stronger free-customer proposition */
.st-free-bar{background:#082b55;color:#fff;border-top:1px solid rgba(255,255,255,.07)}
.st-free-bar .st-wrap{min-height:34px;display:flex;align-items:center;justify-content:center;gap:.75rem 1rem;flex-wrap:wrap;font-size:.78rem}
.st-free-bar strong{color:#7ce3dc;letter-spacing:.08em;font-size:.72rem}
.st-free-bar span{color:#e7f0f6}
.site-nav .nav-cta{white-space:nowrap}

.home-hero--form{padding:48px 0 54px;background:radial-gradient(circle at 79% 15%,rgba(9,174,177,.12),transparent 29%),linear-gradient(180deg,#f4fafb 0,#fff 94%)}
.home-hero--form .home-hero__inner{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:3.4rem;align-items:start}
.home-hero--form .home-hero__copy{padding-top:34px}
.home-hero--form h1{font-size:clamp(3rem,6vw,5.15rem);max-width:690px}
.home-hero--form .home-hero__copy>p{font-size:1.12rem;max-width:660px}
.home-free-badge{display:inline-flex;align-items:center;background:#e7f8ee;color:#0e7f4a;border:1px solid #bde9d0;border-radius:999px;padding:.45rem .72rem;margin-bottom:.75rem;font-size:.76rem;font-weight:950;letter-spacing:.06em}
.home-proof-free{background:#e7f8ee!important;border-color:#bde9d0!important;color:#0e7f4a!important}
.home-enquiry-form{position:relative;z-index:2}
.home-enquiry-form .st-lead-box--home{margin:0}
.home-enquiry-form .st-lead-form--home{border:1px solid #d7e4e8!important;box-shadow:0 24px 56px rgba(8,43,85,.14)!important}
.home-free-promise{background:#082b55;color:#fff}
.home-free-promise__inner{min-height:56px;display:flex;align-items:center;justify-content:center;gap:.6rem 1.3rem;flex-wrap:wrap;font-size:.86rem}
.home-free-promise__inner strong{color:#7ce3dc;font-size:1rem}
.home-free-promise__inner span{color:#e7f0f6}
.home-step-image--graphic{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(135deg,#edf7f8,#f8fbfc)!important;color:var(--st-navy);border-bottom:1px solid var(--st-line)}
.home-step-image--graphic svg{width:58px;height:58px;fill:var(--st-accent)}
.home-step-image--graphic small{font-size:.74rem;font-weight:900;letter-spacing:.035em;color:#45606d}
.home-step-image--wa{background:linear-gradient(135deg,#0c8750,#16ad67)!important;color:#fff!important}
.home-step-image--wa svg{fill:#fff!important}
.home-step-image--wa small{color:#eafff2!important}
.home-step-image--phone{background:linear-gradient(135deg,#eef3f8,#f9fbfc)!important}
.home-step-image--phone svg{fill:var(--st-navy)!important}

@media(max-width:1080px){
  .home-hero--form .home-hero__inner{grid-template-columns:1fr}
  .home-hero--form .home-hero__copy{padding-top:8px}
  .home-enquiry-form{max-width:780px}
}
@media(max-width:820px){
  .st-free-bar .st-wrap{justify-content:flex-start;padding:6px 0}
  .st-free-bar .st-wrap span:nth-of-type(2),.st-free-bar .st-wrap span:nth-of-type(3){display:none}
}
@media(max-width:580px){
  .home-hero--form{padding:34px 0 40px}
  .home-hero--form h1{font-size:clamp(2.7rem,12.5vw,4rem)}
  .home-free-promise__inner{justify-content:flex-start;padding:10px 0}
}