/* =========================================================
   CEDAR PLANNING — SITE-WIDE STYLES
   Header, footer, breadcrumbs, related links, forms, blog list,
   and the layout used for sections carried over from the builder.
========================================================= */
:root{
  --cedar-deep:#2E4B56; --cedar-deep-2:#243F49; --cedar-sage:#809C81; --cedar-pale:#BCD2BD;
  --cedar-lime:#C6D645; --cedar-grey:#E6E6E7; --cedar-soft:#F4F6F3; --cedar-white:#FFFFFF; --cedar-text:#43545B;
  --np:'Poppins',Inter,sans-serif;
  --header-h:128px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);}
body{margin:0;background:#fff;color:#1A1A1A;font-family:var(--np);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:12px 18px;background:var(--cedar-lime);color:var(--cedar-deep);font-weight:600;text-decoration:none;}
.skip-link:focus{left:12px;top:12px;}

/* ---------------- HEADER ---------------- */
.site-header{position:sticky;top:0;z-index:100;background:var(--cedar-deep);border-bottom:4px solid var(--cedar-lime);}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1240px,calc(100% - 32px));min-height:var(--header-h);margin:0 auto;}
.site-logo{padding:12px 0;}
.site-logo img{display:block;width:auto;height:104px;}
.site-nav{display:flex;align-items:center;gap:32px;}
.site-nav-list{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;}
.site-nav-list > li{position:relative;}
.site-nav-list a{display:block;padding:10px 12px;color:#fff;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none;}
.site-nav-list a:hover,.site-nav-list a[aria-current="page"]{color:var(--cedar-lime);}
.nav-parent-row{display:flex;align-items:center;}
.nav-parent-row > a{padding-right:4px;}
.nav-parent{display:flex;align-items:center;justify-content:center;width:28px;height:36px;padding:0;border:0;background:none;color:#fff;cursor:pointer;}
.nav-parent::after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .2s ease;}
.nav-parent[aria-expanded="true"]::after{transform:rotate(180deg);}
.nav-dropdown{position:absolute;top:100%;left:0;min-width:290px;margin:0;padding:10px 0;list-style:none;background:#fff;border-top:4px solid var(--cedar-lime);border-radius:0 0 4px 4px;box-shadow:0 18px 40px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;}
.nav-dropdown a{padding:10px 20px;color:var(--cedar-deep);font-size:15px;font-weight:400;}
.nav-dropdown a:hover{background:var(--cedar-soft);color:var(--cedar-deep);}
@media(min-width:1101px){
  .has-dropdown:hover > .nav-dropdown,.has-dropdown:focus-within > .nav-dropdown,.nav-parent[aria-expanded="true"] ~ .nav-dropdown,.nav-parent-row:has(.nav-parent[aria-expanded="true"]) + .nav-dropdown{opacity:1;visibility:visible;transform:none;}
}
.site-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;border-radius:3px;background:var(--cedar-lime);color:rgb(28,47,94);font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease;}
.site-cta:hover{background:rgb(29,30,32);color:#fff;}
.nav-toggle{display:none;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:none;color:#fff;cursor:pointer;}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:22px;height:2px;margin:0 auto;background:currentColor;position:relative;content:"";}
.nav-toggle span::before{position:absolute;top:-7px;}
.nav-toggle span::after{position:absolute;top:7px;}
@media(max-width:1100px){
  :root{--header-h:92px;}
  .site-logo{padding:8px 0;}
  .site-logo img{height:76px;}
  .nav-toggle{display:block;}
  .site-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - var(--header-h));overflow-y:auto;padding:10px 20px 24px;background:var(--cedar-deep);border-top:1px solid rgba(255,255,255,.1);}
  .site-header.nav-open .site-nav{display:flex;}
  .site-nav-list{flex-direction:column;align-items:stretch;gap:0;}
  .site-nav-list > li{border-bottom:1px solid rgba(255,255,255,.08);}
  .site-nav-list a{padding:14px 4px;}
  .nav-parent-row{justify-content:space-between;}
  .nav-parent{width:48px;height:48px;}
  .nav-dropdown{position:static;display:none;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;border-top:0;background:rgba(255,255,255,.05);}
  .nav-parent-row:has(.nav-parent[aria-expanded="true"]) + .nav-dropdown{display:block;}
  .nav-dropdown a{color:rgba(255,255,255,.88);padding:12px 16px;}
  .nav-dropdown a:hover{background:rgba(255,255,255,.06);color:var(--cedar-lime);}
  .site-cta{margin-top:18px;width:100%;}
}

/* ---------------- BREADCRUMBS ---------------- */
.cp-crumbs{background:var(--cedar-deep);}
.cp-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;width:min(1224px,calc(100% - 32px));margin:0 auto;padding:10px 0 8px;list-style:none;font-size:12px;color:rgba(255,255,255,.65);}
.cp-crumbs li:not(:last-child)::after{content:"›";margin:0 6px;color:rgba(255,255,255,.32);}
.cp-crumbs a{color:rgba(255,255,255,.75);text-decoration:none;}
.cp-crumbs a:hover{color:var(--cedar-lime);text-decoration:underline;}
.cp-crumbs li[aria-current="page"]{color:var(--cedar-lime);font-weight:500;}

/* ---------------- BUILDER SECTIONS (native blocks) ---------------- */
.cp-block{position:relative;padding:var(--pad,16px 0);}
.cp-block-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;}
.cp-block-embed{overflow-x:clip;padding:0 !important;}
.cp-row{display:flex;align-items:flex-start;}
.cp-col{min-width:0;flex:0 0 auto;}
.cp-col[style=""]{width:100%;}
.cp-item{min-width:0;}
.cp-text p,.cp-text li{margin:0;}
.cp-text a{color:inherit;}
.cp-text ul,.cp-text ol{margin:0;padding-left:1.3em;}
@media(min-width:921px){
  .cp-text [style*="--fontSizeDesktop"]{font-size:var(--fontSizeDesktop);}
  .cp-text [style*="--lineHeightDesktop"]{line-height:var(--lineHeightDesktop);}
}
.cp-native h1,.cp-text h1{font-family:var(--np);font-size:60px;font-weight:500;line-height:1.25;margin:0;}
@media(max-width:920px){.cp-native h1,.cp-text h1{font-size:40px;}}
.cp-native h2,.cp-text h2{font-family:var(--np);font-size:48px;font-weight:500;line-height:1.2;margin:0;}
@media(max-width:920px){.cp-native h2,.cp-text h2{font-size:36px;}}
.cp-native h3,.cp-text h3{font-family:var(--np);font-size:20px;font-weight:500;line-height:1.3em;margin:0;}
@media(max-width:920px){.cp-native h3,.cp-text h3{font-size:32px;}}
.cp-native h4,.cp-text h4{font-family:var(--np);font-size:40px;font-weight:700;line-height:1.3em;margin:0;}
@media(max-width:920px){.cp-native h4,.cp-text h4{font-size:24px;}}
.cp-native h5,.cp-text h5{font-family:var(--np);font-size:32px;font-weight:700;line-height:1.3em;margin:0;}
@media(max-width:920px){.cp-native h5,.cp-text h5{font-size:24px;}}
.cp-native h6,.cp-text h6{font-family:var(--np);font-size:24px;font-weight:600;line-height:1.3em;margin:0;}
@media(max-width:920px){.cp-native h6,.cp-text h6{font-size:20px;}}
.cp-text .body,.cp-native .body{font-family:var(--np);font-size:16px;font-weight:400;line-height:1.5em;margin:0;}
.cp-text .body-large,.cp-native .body-large{font-family:var(--np);font-size:18px;font-weight:400;line-height:1.6;margin:0;}
.cp-text .body-small,.cp-native .body-small{font-family:var(--np);font-size:14px;font-weight:400;line-height:1.5em;margin:0;}
.cp-img{overflow:hidden;width:100%;}
.cp-img img{display:block;width:100%;height:100%;object-fit:cover;}
.cp-card{padding:24px;}
.cp-shape{width:100%;}
.cp-btn-wrap{display:flex;}
.cp-nbtn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:var(--b-bw,0) solid var(--b-bd,transparent);border-radius:var(--b-r,3px);background:var(--b-bg);color:var(--b-fg);font-family:var(--np);font-size:var(--b-fs,16px);font-weight:var(--b-fw,600);line-height:1.2;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.cp-nbtn:hover{background:var(--b-bgh);color:var(--b-fgh);border-color:var(--b-bdh,transparent);}
@media(max-width:920px){
  .cp-block{padding:var(--mpad,16px);}
  .cp-block .cp-block-inner{width:100%;}
  .cp-row{flex-direction:column;align-items:stretch;}
  .cp-col{width:100% !important;margin-left:0 !important;}
  .cp-row + .cp-row,.cp-col + .cp-col{margin-top:16px;}
  .cp-nbtn{min-width:0 !important;max-width:100%;}
  .hide-m{display:none !important;}
}
@media(min-width:921px){ .hide-d{display:none !important;} }

/* Builder sections. Desktop: exact builder positions. Phones: boxes stack in order. */
.cp-abs{position:relative;height:var(--bh);}
.cp-abs-el{position:absolute;top:var(--t);left:var(--l);width:var(--w);min-height:var(--h);}
.cp-mrow{display:contents;}
.cp-overlay{overflow:visible;}
.cp-abs-image,.cp-abs-card,.cp-abs-shape,.cp-abs-embed{height:var(--h);}
.cp-abs-image .cp-img{height:100%;aspect-ratio:auto !important;}
.cp-abs-shape .cp-shape{height:100% !important;}
.cp-abs-embed{overflow:hidden;}
.cp-abs-button .cp-btn-wrap{height:var(--h);}
.cp-abs-button .cp-nbtn{min-width:0 !important;width:100%;height:100%;min-height:0 !important;padding:6px 12px;}
.cp-abs-form .cp-contact-form{padding:0;background:transparent;color:inherit;}
@media(max-width:920px){
  .cp-abs{height:auto;display:flex;flex-direction:column;}
  .cp-abs-el{position:relative;top:auto;left:auto;width:var(--mw);margin-left:var(--ml);margin-top:var(--mg);min-height:0;flex:0 0 auto;}
  .cp-mrow{display:flex;align-items:flex-start;margin-top:var(--mg);}
  .cp-mrow > .cp-abs-el{margin-top:0;flex:0 1 auto;min-width:0;}
  .cp-abs-el{max-width:calc(100% - var(--ml));}
  .cp-abs-image,.cp-abs-embed{height:auto;}
  .cp-abs-image .cp-img{height:auto;aspect-ratio:var(--mar) !important;}
  .cp-abs-shape{height:var(--mh);}
  .cp-abs-button .cp-btn-wrap{height:auto;min-height:var(--mh);}
  .cp-abs-button .cp-nbtn{min-height:var(--mh) !important;padding:10px 16px;}
  .cp-abs-card{height:auto;display:flex;flex-direction:column;padding:16px;}
  .cp-abs-card > .cp-abs-el,.cp-abs-card > .cp-mrow > .cp-abs-el{max-width:100%;}
  .cp-card-empty{display:none;}
  .cp-abs-embed{overflow:visible;}
  .cp-overlay{height:var(--mh);overflow:hidden;}
  .cp-overlay > .cp-ov-kid{position:absolute;top:var(--omt);left:var(--oml);width:var(--omw);margin:0;max-width:none;}
}

/* ---------------- CONTACT FORM ---------------- */
.cp-contact-form{display:grid;gap:14px;padding:28px;border-radius:6px;background:#fff;color:#1A1A1A;}
.cp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;}
.cp-field{display:grid;gap:6px;font-size:14px;font-weight:500;}
.cp-field:has(textarea){grid-column:1 / -1;}
.cp-field-file{grid-column:1 / -1;}
.cp-field input[type="file"]{width:100%;padding:10px 14px;border:1px dashed rgb(26,26,26);border-radius:4px;background:rgb(241,241,241);font:inherit;font-size:13px;font-weight:400;color:rgb(26,26,26);}
.cp-field-hint{font-size:12px;font-weight:400;color:rgb(90,90,90);}
.cp-field input,.cp-field textarea{width:100%;padding:12px 14px;border:1px solid rgb(26,26,26);border-radius:4px;background:rgb(241,241,241);font:inherit;font-weight:400;color:rgb(26,26,26);}
.cp-field input:focus,.cp-field textarea:focus{outline:3px solid var(--cedar-lime);outline-offset:1px;}
.cp-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;}
.cp-consent a{color:inherit;}
.cp-hp{position:absolute;left:-9999px;opacity:0;}
.cp-submit{justify-self:center;min-width:180px;padding:14px 36px;border:1px solid #000;border-radius:3px;background:var(--cedar-lime);color:rgb(28,47,94);font:inherit;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease;}
.cp-submit:hover{background:rgb(29,30,32);color:#fff;}
@media(max-width:640px){ .cp-fields{grid-template-columns:1fr;} .cp-contact-form{padding:20px;} }

/* ---------------- RELATED LINKS ---------------- */
.cp-related{background:var(--cedar-soft);border-top:1px solid rgba(46,75,86,.1);}
.cp-related-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;padding:48px 0;display:grid;gap:36px;}
.cp-related h2{margin:0 0 16px;color:var(--cedar-deep);font-size:24px;font-weight:500;}
.cp-related-list,.cp-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;}
.cp-related a{display:block;padding:12px 16px;border-left:4px solid var(--cedar-lime);border-radius:3px;background:#fff;color:var(--cedar-deep);font-size:15px;font-weight:500;text-decoration:none;transition:background .2s ease;}
.cp-related a:hover{background:var(--cedar-pale);}

/* ---------------- BLOG ---------------- */
.cp-bloghead{background:#fff;text-align:center;padding:48px 16px;}
.cp-bloghead h1{margin:0 0 10px;font-size:40px;font-weight:500;color:var(--cedar-deep);}
.cp-postmeta{color:var(--cedar-text);font-size:14px;}
.cp-bloglist{background:#fff;padding:60px 16px;}
.cp-bloglist-inner{width:min(1224px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:32px;}
.cp-postcard{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(46,75,86,.14);border-radius:6px;background:#fff;}
.cp-postcard-img{display:block;aspect-ratio:16/9;background:var(--cedar-soft);}
.cp-postcard-img img{display:block;width:100%;height:100%;object-fit:cover;}
.cp-postcard-body{padding:22px 24px 26px;}
.cp-postcard time{font-size:13px;color:var(--cedar-sage);font-weight:500;}
.cp-postcard h2{margin:6px 0 10px;font-size:21px;font-weight:500;line-height:1.3;}
.cp-postcard h2 a{color:var(--cedar-deep);text-decoration:none;}
.cp-postcard h2 a:hover{text-decoration:underline;}
.cp-postcard p{margin:0;font-size:15px;color:var(--cedar-text);}
@media(max-width:760px){ .cp-bloglist-inner{grid-template-columns:1fr;} }

/* ---------------- SIMPLE PAGES (thank you, 404, bookings) ---------------- */
.cp-simple{background:var(--cedar-deep);color:#fff;padding:90px 16px;}
.cp-simple-inner{width:min(820px,100%);margin:0 auto;}
.cp-simple h1{margin:0 0 16px;font-size:44px;font-weight:500;color:var(--cedar-lime);}
.cp-simple p{font-size:17px;line-height:1.7;color:rgba(255,255,255,.88);}

/* ---------------- FOOTER ---------------- */
.site-footer{background:var(--cedar-deep);color:#fff;padding:56px 0 0;}
.site-footer a{color:inherit;}
.site-footer-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1fr;gap:32px 24px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.14);}
.footer-brand img{display:block;margin-bottom:16px;}
.footer-brand p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.82);}
.footer-brand strong{color:var(--cedar-lime);}
.footer-col h3{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--cedar-lime);}
.footer-col p{margin:0 0 10px;font-size:14px;line-height:1.6;color:rgba(255,255,255,.82);}
.footer-links{margin:0;padding:0;list-style:none;display:grid;gap:8px;}
.footer-links a{font-size:14px;text-decoration:none;color:rgba(255,255,255,.82);}
.footer-links a:hover{color:var(--cedar-lime);}
.footer-rtpi{display:inline-block;margin-bottom:18px;}
.footer-rtpi img{display:block;}
.footer-contact-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;}
.whatsapp-link{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:4px;background:#25D366;color:#fff;font-size:13px;font-weight:500;text-decoration:none;transition:transform .2s ease,background .2s ease;}
.whatsapp-link:hover{background:#1ebe5d;transform:translateY(-2px);}
.whatsapp-link svg{width:16px;height:16px;fill:currentColor;}
.social-links{display:flex;gap:8px;}
.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:rgba(255,255,255,.06);color:#fff;transition:background .2s ease,transform .2s ease;}
.social-links a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px);}
.social-links svg{width:16px;height:16px;}
.footer-legal-links{margin-top:16px;}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:18px 0;font-size:12px;color:rgba(255,255,255,.56);}
.footer-bottom p{margin:0;}
.footer-bottom-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;}
.footer-bottom-links a{font-size:12px;color:rgba(255,255,255,.56);text-decoration:underline;}
.footer-bottom-links a:hover{color:var(--cedar-lime);}
@media(max-width:920px){
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}

/* ---------------- HOMEPAGE HERO ---------------- */
.cp-hero{background:var(--cedar-deep);}
.cp-hero-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:56px 0;}
.cp-hero-text h1{margin:0 0 20px;color:#fff;font-family:var(--np);font-size:52px;font-weight:500;line-height:1.25;}
.cp-hero-text h1 .cp-accent{color:var(--cedar-lime);}
.cp-hero-text p{margin:0 0 14px;color:rgba(255,255,255,.92);font-size:18px;line-height:1.6;}
.cp-hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0 20px;}
.cp-hero-ctas .cp-nbtn{min-height:56px;padding:14px 30px;}
.cp-nbtn-lime{--b-bg:var(--cedar-lime);--b-fg:rgb(28,47,94);--b-bgh:rgb(23,107,224);--b-fgh:#fff;}
.cp-nbtn-sage{--b-bg:var(--cedar-sage);--b-fg:#fff;--b-bgh:rgb(23,107,224);--b-fgh:#fff;}
.cp-hero-note{margin:0;font-size:15px;color:rgba(255,255,255,.75);}
.cp-hero-image{border-radius:4px;overflow:hidden;aspect-ratio:641/664;}
.cp-hero-image img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:920px){
  .cp-hero-inner{grid-template-columns:1fr;padding:40px 0;gap:24px;}
  .cp-hero-text h1{font-size:36px;}
  .cp-hero-image{order:-1;aspect-ratio:16/10;}
}
/* Homepage: image cut off on a diagonal, with a lime edge along the cut */
.cp-hero-image--angled{position:relative;overflow:visible;border-radius:0;}
.cp-hero-image--angled::before{content:"";position:absolute;inset:0;background:var(--cedar-lime);clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);transform:translateX(-12px);}
.cp-hero-image--angled img{position:relative;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);}
@media(max-width:920px){
  .cp-hero-image--angled::before,.cp-hero-image--angled img{clip-path:polygon(0 0,100% 0,100% 78%,0 100%);}
  .cp-hero-image--angled::before{transform:translateY(10px);}
}

/* Homepage: featured testimonial directly under the hero */
.cp-quote-section{padding:56px 0 24px;}
.cp-quote-feature{position:relative;width:min(1000px,calc(100% - 32px));margin:0 auto;padding:44px clamp(24px,5vw,64px) 36px;background:#fff;border:1px solid rgba(46,75,86,.14);border-left:6px solid var(--cedar-lime);border-radius:8px;box-shadow:0 14px 32px rgba(46,75,86,.12);overflow:hidden;}
.cp-quote-feature::before{content:"\201C";position:absolute;top:-34px;left:18px;font-family:Georgia,serif;font-size:220px;line-height:1;color:var(--cedar-lime);opacity:.35;pointer-events:none;}
.cp-quote-feature blockquote{position:relative;margin:0 0 22px;color:var(--cedar-deep);font-size:clamp(20px,2.3vw,26px);line-height:1.5;font-weight:500;font-style:italic;}
.cp-quote-feature figcaption{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;}
.cp-quote-stars{color:var(--cedar-lime);font-size:20px;letter-spacing:2px;}
.cp-quote-stars span{margin-left:6px;font-size:14px;letter-spacing:0;font-weight:600;color:var(--cedar-text);}
.cp-quote-name{color:var(--cedar-deep);font-weight:600;font-size:16px;}
.cp-quote-name span{font-weight:400;color:var(--cedar-sage);}

/* Homepage: contact section using the full content width */
.cp-contact-split--wide .cp-contact-split-inner{display:block;}
.cp-contact-split--wide .cp-contact-intro{margin-bottom:28px;}
.cp-contact-split--wide .cp-contact-intro p{margin-bottom:14px;}
.cp-contact-split--wide .cp-contact-intro a{color:var(--cedar-lime);}
@media(min-width:900px){
  .cp-contact-split--wide .cp-contact-intro{columns:2;column-gap:56px;}
  .cp-contact-split--wide .cp-fields{grid-template-columns:repeat(3,1fr);}
}

/* ---------------- COOKIE BANNER ---------------- */
.cp-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;max-width:900px;margin:0 auto;padding:16px 20px;border-radius:6px;background:#fff;color:#1A1A1A;box-shadow:0 12px 40px rgba(0,0,0,.25);font-size:14px;}
.cp-cookie[hidden]{display:none;}
.cp-cookie p{margin:0;flex:1 1 320px;}
.cp-cookie a{color:var(--cedar-deep);}
.cp-cookie-btns{display:flex;gap:10px;}
.cp-cookie button{padding:10px 20px;border:1px solid var(--cedar-deep);border-radius:3px;background:#fff;color:var(--cedar-deep);font:inherit;font-weight:600;cursor:pointer;}
.cp-cookie button[data-c="yes"]{background:var(--cedar-lime);border-color:var(--cedar-lime);}

@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *,*::before,*::after{transition:none !important;} }

/* ---------------- PAGE HERO (inner pages) ---------------- */
.cp-page-hero{background:var(--cedar-deep);}
.cp-page-hero-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:56px 0;}
.cp-page-hero-text h1{margin:0 0 20px;color:#fff;font-family:var(--np);font-size:44px;font-weight:500;line-height:1.25;}
.cp-page-hero-text h1 .cp-accent{color:var(--cedar-lime);}
.cp-page-hero-text p{margin:0 0 14px;color:rgba(255,255,255,.92);font-size:18px;line-height:1.6;}
.cp-page-hero-bullets{margin:16px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:16px;color:rgba(255,255,255,.9);}
.cp-page-hero-bullets li{position:relative;padding-left:16px;}
.cp-page-hero-bullets li::before{content:"·";position:absolute;left:0;color:var(--cedar-lime);}
.cp-page-hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0 18px;}
.cp-page-hero-ctas .cp-nbtn{min-height:52px;padding:13px 26px;}
.cp-page-hero-note{margin:6px 0 0;font-size:15px;color:rgba(255,255,255,.75);}
.cp-page-hero-image{position:relative;border-radius:4px;overflow:hidden;}
.cp-page-hero-image img{display:block;width:100%;height:100%;object-fit:cover;}
.cp-hero-badge{position:absolute;left:20px;bottom:20px;padding:16px 20px;background:rgba(46,75,86,.92);border-radius:8px;color:#fff;max-width:240px;}
.cp-hero-badge strong{display:block;font-size:16px;margin-bottom:4px;}
.cp-hero-badge span{display:block;font-size:13px;color:var(--cedar-lime);font-weight:600;}

/* ---------------- STAT GRID ---------------- */
.cp-stat-section{background:var(--cedar-deep);padding:32px 0;}
.cp-stat-grid{width:min(1224px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cp-stat-card{padding:22px 18px;background:var(--cedar-soft);border-radius:16px;text-align:center;}
.cp-stat-card h3{margin:0 0 6px;color:var(--cedar-deep);font-size:19px;}
.cp-stat-card p{margin:0;font-size:14px;color:var(--cedar-deep);}
.cp-stat-card a{color:var(--cedar-deep);}
@media(max-width:820px){ .cp-stat-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:480px){ .cp-stat-grid{grid-template-columns:1fr;} }

/* ---------------- FEATURE PANELS (2-up light/dark) ---------------- */
.cp-feature-panels{padding:56px 0;}
.cp-feature-panels-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cp-feature-panel{padding:40px clamp(24px,4vw,48px);border-radius:16px;background:var(--cedar-soft);}
.cp-feature-panel.is-dark{background:var(--cedar-deep);color:#fff;}
.cp-feature-panel .cp-eyebrow{color:var(--cedar-sage);font-weight:600;display:block;margin-bottom:8px;}
.cp-feature-panel.is-dark .cp-eyebrow{color:var(--cedar-lime);}
.cp-feature-panel h2{margin:0 0 16px;color:var(--cedar-deep);font-size:28px;}
.cp-feature-panel.is-dark h2{color:#fff;}
.cp-feature-panel p{font-size:16px;line-height:1.6;color:var(--cedar-deep);margin:0 0 14px;}
.cp-feature-panel.is-dark p{color:rgba(255,255,255,.92);}
.cp-feature-panel ul{margin:0 0 20px;padding-left:1.2em;}
.cp-feature-panel li{font-size:15px;line-height:1.6;margin-bottom:6px;color:var(--cedar-deep);}
.cp-feature-panel.is-dark li{color:rgba(255,255,255,.92);}
.cp-feature-panel img{max-width:220px;margin:12px 0;}
.cp-feature-panel .cp-hero-ctas{margin-top:8px;}
@media(max-width:820px){ .cp-feature-panels-inner{grid-template-columns:1fr;} }

/* ---------------- CONTACT SPLIT (dark, heading + form) ---------------- */
.cp-contact-split{background:var(--cedar-deep);padding:56px 0;}
.cp-contact-split-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.cp-contact-split h2{margin:0 0 14px;color:var(--cedar-lime);font-size:30px;}
.cp-contact-split p{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.92);}
@media(max-width:820px){ .cp-contact-split-inner{grid-template-columns:1fr;} }
@media(max-width:920px){
  .cp-page-hero-inner{grid-template-columns:1fr;padding:36px 0;gap:20px;}
  .cp-page-hero-text h1{font-size:32px;}
  .cp-page-hero-image{order:-1;}
}

/* ---------------- SPLIT (heading/text | text or content) ---------------- */
.cp-split{padding:64px 0;}
.cp-split-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.cp-split h2{margin:0;color:var(--cedar-deep);}
.cp-split-body p{margin:0 0 16px;font-size:18px;line-height:1.7;color:var(--cedar-deep);}
.cp-split-body p:last-child{margin-bottom:0;}
.cp-split-body a{color:var(--cedar-deep);font-weight:600;}
@media(max-width:820px){ .cp-split-inner{grid-template-columns:1fr;gap:24px;} }

/* ---------------- ICON CARDS ---------------- */
.cp-icon-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.cp-icon-card{padding:28px;background:#fff;border:1px solid var(--cedar-lime);border-radius:14px;transition:background .25s ease,box-shadow .25s ease,transform .25s ease;}
.cp-icon-card:hover{transform:translateY(-5px);background:#FAFBEF;box-shadow:0 16px 36px rgba(46,75,86,.12);}
.cp-icon-card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(198,214,69,.12);margin-bottom:16px;transition:background .25s ease,transform .25s ease;}
.cp-icon-card-icon svg{width:26px;height:26px;fill:none;stroke:var(--cedar-lime);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease;}
.cp-icon-card:hover .cp-icon-card-icon{background:var(--cedar-lime);transform:scale(1.05);}
.cp-icon-card:hover .cp-icon-card-icon svg{stroke:var(--cedar-deep);}
.cp-icon-card h3{margin:0 0 8px;font-size:19px;color:var(--cedar-deep);}
.cp-icon-card h3 .cp-accent{color:var(--cedar-lime);}
.cp-icon-card p{margin:0;font-size:15px;line-height:1.6;color:var(--cedar-deep);}
@media(max-width:680px){ .cp-icon-cards{grid-template-columns:1fr;} }

/* ---------------- CARD GRID (plain fact/reason lists) ---------------- */
.cp-cardgrid-section{padding:56px 0;}
.cp-cardgrid-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;}
.cp-cardgrid-inner h2{margin:0 0 16px;color:var(--cedar-deep);}
.cp-cardgrid-inner > p{font-size:18px;line-height:1.7;color:var(--cedar-deep);max-width:820px;margin:0 0 32px;}
.cp-cardgrid-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 32px;padding:0;list-style:none;}
.cp-cardgrid-list li{padding:22px 26px;background:#fff;border:1px solid rgba(46,75,86,.16);border-radius:12px;font-size:17px;line-height:1.5;color:var(--cedar-deep);transition:box-shadow .2s ease,transform .2s ease;}
.cp-cardgrid-list li:hover{box-shadow:0 12px 28px rgba(46,75,86,.14);transform:translateY(-3px);}
@media(max-width:760px){ .cp-cardgrid-list{grid-template-columns:1fr;} }

/* ---------------- COMPARE CARDS ---------------- */
.cp-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px;}
.cp-compare-card{padding:36px 32px;border-radius:24px;color:#fff;}
.cp-compare-card.is-good{background:var(--cedar-deep);}
.cp-compare-card.is-caution{background:var(--cedar-sage);}
.cp-compare-card h3{margin:0 0 16px;color:var(--cedar-lime);}
.cp-compare-card.is-caution h3{color:var(--cedar-deep);}
.cp-compare-card p{margin:0 0 14px;font-size:17px;line-height:1.6;}
.cp-compare-card p:last-child{margin-bottom:0;}
.cp-compare-card a{color:inherit;font-weight:700;}
@media(max-width:820px){ .cp-compare{grid-template-columns:1fr;} }

/* ---------------- PANEL (white card, lime top bar) ---------------- */
.cp-panel-section{padding:48px 0;}
.cp-panel{width:min(1224px,calc(100% - 32px));margin:0 auto;padding:8px clamp(24px,4vw,56px) 40px;background:#fff;border-radius:8px;overflow:hidden;position:relative;}
.cp-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:var(--cedar-lime);}
.cp-panel h2{margin:32px 0 20px;color:var(--cedar-deep);}
.cp-panel p{font-size:18px;line-height:1.7;color:var(--cedar-deep);margin:0 0 16px;}
.cp-panel p:last-child{margin-bottom:0;}
.cp-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.cp-panel-grid img{display:block;width:100%;height:auto;border-radius:8px;}
.cp-panel-grid ul{margin:16px 0 0;padding-left:1.2em;}
.cp-panel-grid li{font-size:16px;line-height:1.6;color:var(--cedar-deep);margin-bottom:6px;}
.cp-panel-eyebrow{display:block;margin:28px 0 0;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cedar-sage);}
@media(max-width:820px){ .cp-panel-grid{grid-template-columns:1fr;} }

/* ---------------- SERVICE CARDS ---------------- */
.cp-services-section{padding:56px 0;}
.cp-services-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;}
.cp-services-inner h2{margin:0 0 16px;color:var(--cedar-deep);}
.cp-services-inner > p{max-width:820px;font-size:18px;line-height:1.7;color:var(--cedar-deep);margin:0 0 36px;}
.cp-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cp-service-card{padding:26px 24px;background:#fff;border-radius:12px;border-top:6px solid var(--cedar-deep-2);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;}
.cp-service-card:hover{box-shadow:0 14px 32px rgba(46,75,86,.16);transform:translateY(-4px);border-top-color:var(--cedar-lime);}
.cp-service-card h3{margin:0 0 10px;font-size:18px;color:var(--cedar-sage);}
.cp-service-card p{margin:0 0 12px;font-size:15px;line-height:1.6;color:var(--cedar-deep);}
.cp-service-card a{color:var(--cedar-deep);font-weight:600;}
@media(max-width:920px){ .cp-services-grid{grid-template-columns:1fr 1fr;} }
@media(max-width:640px){ .cp-services-grid{grid-template-columns:1fr;} }

/* ---------------- FAQ ACCORDION ---------------- */
.cp-faq-section{padding:56px 0;}
.cp-faq-inner{width:min(1224px,calc(100% - 32px));margin:0 auto;}
.cp-faq-inner > .cp-faq-eyebrow{display:block;color:rgba(255,255,255,.7);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;}
.cp-faq-inner > h2{color:var(--cedar-deep);margin:0 0 16px;}
.cp-faq-inner > p{font-size:18px;line-height:1.7;color:var(--cedar-deep);max-width:820px;margin:0 0 32px;}
.cp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.cp-faq-item{background:#fff;border:1px solid rgba(46,75,86,.14);border-radius:12px;padding:6px 28px;}
.cp-faq-tag{display:block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cedar-sage);}
.cp-faq-item summary{cursor:pointer;list-style:none;padding:6px 28px 18px 0;position:relative;font-size:18px;font-weight:600;color:var(--cedar-deep);}
.cp-faq-item summary::-webkit-details-marker{display:none;}
.cp-faq-item summary::after{content:"+";position:absolute;right:0;top:2px;font-size:22px;color:var(--cedar-lime);transition:transform .2s ease;}
.cp-faq-item[open] summary::after{transform:rotate(45deg);}
.cp-faq-item p{margin:0 0 20px;font-size:16px;line-height:1.65;color:var(--cedar-deep);}
@media(max-width:820px){ .cp-faq-grid{grid-template-columns:1fr;} }

/* ---------------- CTA BANNER (background image + form) ---------------- */
.cp-cta-banner{padding:64px 0;background-size:cover;background-position:center;}
.cp-cta-banner-inner{width:min(900px,calc(100% - 32px));margin:0 auto;text-align:center;}
.cp-cta-banner h2{margin:0 0 12px;color:#fff;font-size:36px;font-weight:600;font-family:'Libre Baskerville',serif;}
.cp-cta-banner-inner > p{margin:0 0 32px;color:rgba(255,255,255,.88);font-size:18px;}
.cp-cta-banner .cp-contact-form{text-align:left;}

.cp-hero-feature-card{margin-top:20px;padding:24px 26px;background:var(--cedar-deep-2);border:2px solid var(--cedar-lime);border-radius:8px;}
.cp-hero-feature-card h3{margin:0 0 12px;color:var(--cedar-lime);font-size:19px;}
.cp-hero-feature-card ul{margin:0;padding-left:1.2em;}
.cp-hero-feature-card li{color:rgba(255,255,255,.9);font-size:15px;margin-bottom:6px;}

.cp-area-lists{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;}
.cp-area-lists h3{color:var(--cedar-lime);font-size:16px;margin:0 0 10px;}
.cp-area-lists ul{margin:0;padding:0;list-style:none;}
.cp-area-lists li{color:rgba(255,255,255,.88);font-size:15px;margin-bottom:6px;}

.cp-stack-cards{display:grid;gap:16px;}

/* ---------------- GENERIC 2-COL FREEFORM ---------------- */
.cp-2col{width:min(1224px,calc(100% - 32px));margin:0 auto;padding:56px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}
.cp-2col h2{margin:0 0 16px;color:var(--cedar-deep);}
.cp-2col p{font-size:17px;line-height:1.7;color:var(--cedar-deep);margin:0 0 14px;}
@media(max-width:820px){ .cp-2col{grid-template-columns:1fr;} }

.cp-callout-card{margin-top:20px;padding:24px 26px;background:var(--cedar-soft);border-radius:12px;}
.cp-callout-card h3{margin:0 0 8px;color:var(--cedar-sage);font-size:18px;}
.cp-callout-card p{margin:0 0 10px;font-size:15px;color:var(--cedar-deep);}
.cp-callout-card a{color:var(--cedar-deep);font-weight:600;}

.cp-issue-card{background:var(--cedar-deep);border-radius:12px;padding:36px clamp(24px,4vw,40px);}
.cp-issue-card h3{color:var(--cedar-lime);margin:0 0 20px;font-size:22px;}
.cp-issue-item{border-left:3px solid var(--cedar-lime);padding-left:16px;margin-bottom:20px;}
.cp-issue-item:last-child{margin-bottom:0;}
.cp-issue-item strong{display:block;color:#fff;margin-bottom:4px;font-size:16px;}
.cp-issue-item p{margin:0;color:rgba(255,255,255,.85);font-size:15px;line-height:1.6;}

/* ---------------- PHOTO HERO (full-bleed background image) ---------------- */
.cp-photo-hero{position:relative;background-size:cover;background-position:center;padding:130px 0 90px;}
.cp-photo-hero-inner{width:min(1240px,calc(100% - 32px));margin:0 auto;position:relative;z-index:2;}
.cp-photo-hero h1{color:#fff;font-family:'Libre Baskerville',serif;font-size:clamp(38px,5vw,60px);font-weight:700;line-height:1.15;margin:0 0 16px;max-width:700px;}
.cp-photo-hero h1 .cp-accent{color:var(--cedar-lime);}
.cp-photo-hero p{color:rgba(255,255,255,.92);font-size:20px;font-style:italic;margin:0 0 28px;max-width:600px;}

/* ---------------- CHECKLIST ---------------- */
.cp-checklist{display:grid;gap:12px;margin:20px 0 24px;padding:0;list-style:none;}
.cp-checklist-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--cedar-soft);border-radius:10px;}
.cp-checklist-item .cp-check-icon{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--cedar-lime);color:var(--cedar-deep);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.cp-checklist-item span{font-size:15px;line-height:1.6;color:var(--cedar-deep);}

/* ---------------- QUOTE CARD ---------------- */
.cp-quote-card{padding:40px clamp(24px,4vw,44px);background:var(--cedar-deep);border-radius:20px;position:relative;overflow:hidden;color:#fff;}
.cp-quote-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cedar-lime);}
.cp-quote-mark{font-family:'Libre Baskerville',serif;font-size:60px;color:var(--cedar-lime);line-height:.8;margin-bottom:16px;}
.cp-quote-text{font-family:'Libre Baskerville',serif;font-style:italic;font-size:19px;line-height:1.7;margin-bottom:22px;}
.cp-quote-divider{width:48px;height:3px;background:var(--cedar-lime);border-radius:99px;margin-bottom:14px;}
.cp-quote-sub{font-size:14px;color:rgba(255,255,255,.75);}

/* ---------------- HERO STAT ---------------- */
.cp-hero-stat{padding:32px;background:var(--cedar-deep-2);border-radius:16px;position:relative;overflow:hidden;color:#fff;margin-bottom:16px;}
.cp-hero-stat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cedar-lime);}
.cp-hero-stat-num{font-family:'Libre Baskerville',serif;font-size:48px;font-weight:700;color:var(--cedar-lime);line-height:1;margin-bottom:8px;}
.cp-hero-stat-label{font-size:16px;font-weight:600;margin-bottom:8px;}
.cp-hero-stat-desc{font-size:14px;color:rgba(255,255,255,.8);line-height:1.6;}

.cp-icon-cards.is-4col{grid-template-columns:repeat(4,1fr);}
@media(max-width:920px){ .cp-icon-cards.is-4col{grid-template-columns:repeat(2,1fr);} }
@media(max-width:560px){ .cp-icon-cards.is-4col{grid-template-columns:1fr;} }

/* ---------------- TESTIMONIAL CARD ---------------- */
.cp-testimonial-card{max-width:700px;margin:0 auto;padding:32px 36px;background:#fff;border:1px solid rgba(46,75,86,.14);border-left:4px solid var(--cedar-lime);border-radius:8px;transition:transform .2s ease,box-shadow .2s ease;}
.cp-testimonial-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(46,75,86,.14);}
.cp-testimonial-quote{font-size:19px;line-height:1.6;color:var(--cedar-deep);font-style:italic;margin:0 0 16px;}
.cp-testimonial-stars{color:var(--cedar-lime);font-size:18px;margin:0 0 4px;}
.cp-testimonial-stars span{color:var(--cedar-text);font-size:13px;}
.cp-testimonial-name{margin:0;font-weight:600;color:var(--cedar-deep);}
.cp-testimonial-name span{font-weight:400;color:var(--cedar-sage);}

/* ---------------- LEGAL PAGES ---------------- */
.cp-legal{background:#fff;padding:56px 16px 72px;}
.cp-legal-inner{width:min(820px,100%);margin:0 auto;color:#1A1A1A;}
.cp-legal h1{margin:0 0 20px;font-size:44px;font-weight:500;line-height:1.15;color:var(--cedar-deep);}
.cp-legal h2{margin:36px 0 12px;font-size:24px;font-weight:500;color:var(--cedar-deep);}
.cp-legal p,.cp-legal li{font-size:16px;line-height:1.7;}
.cp-legal p{margin:0 0 14px;}
.cp-legal ul{margin:0 0 16px;padding-left:1.4em;}
.cp-legal li{margin-bottom:6px;}
.cp-legal a{color:var(--cedar-deep);}
.cp-legal-lead{font-size:19px !important;font-weight:500;color:var(--cedar-deep);}
.cp-legal-foot{margin-top:32px !important;padding-top:16px;border-top:1px solid rgba(46,75,86,.15);font-size:14px !important;color:var(--cedar-text);}
@media(max-width:640px){ .cp-legal h1{font-size:34px;} }


/* =====================================================================
   CEDAR PLANNING - SITEWIDE CONSISTENCY PATCH v1 (24 Sep 2026)
   Appended to the original site.css (v=12). Upload this whole file to
   /public_html/assets/css/site.css, replacing the old one, then purge
   the Hostinger CDN cache.
   Everything here is scoped to <main>, so header/footer are untouched.
   ===================================================================== */


/* ---------------------------------------------------------------------
   1. ONE TYPEFACE: Poppins everywhere
   Replaces Mozaic GEO (never loaded -> Barlow fallback), Libre
   Baskerville, Georgia, Inter, Arial/Helvetica/Segoe and Playfair.
   --------------------------------------------------------------------- */
main,
main *:not(svg):not(svg *):not(code):not(pre):not(kbd) {
  font-family: var(--np) !important;
}

/* Tame headline sizes (currently 38px-80px across the site) */
main h1 {
  font-size: clamp(30px, 4vw, 54px) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}
main h2 {
  line-height: 1.25 !important;
  letter-spacing: -0.005em !important;
}
/* Serif pages used italic <em> as a headline accent - keep it upright */
main :is(h1, h2, h3) em {
  font-style: normal !important;
}


/* ---------------------------------------------------------------------
   2. MOBILE LAYOUT BUGS
   --------------------------------------------------------------------- */
@media (max-width: 700px) {
  /* Homepage: icon-card row pushed the page 179px wider than the phone */
  .cp-icon-cards { grid-template-columns: 1fr 1fr !important; }

  /* 14 heroes locked at 624px and clipped (call-for-sites + appeal pages) */
  .cp-hero-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .cp-hero-grid > * { min-width: 0 !important; }
  main h1 { overflow-wrap: break-word; }
}
@media (max-width: 420px) {
  .cp-icon-cards { grid-template-columns: 1fr !important; }
}
/* Tables whose right-hand columns were hidden on mobile */
main .table-wrap { max-width: 100% !important; overflow-x: auto !important; }
main :is(.blog-wrap, .cp-item) > * { min-width: 0; }


/* ---------------------------------------------------------------------
   3. INVISIBLE TEXT FIXES
   --------------------------------------------------------------------- */

/* Contact form: dark labels on the navy section (22 service/location
   pages). Give the form back its white card so it reads on any background */
.cp-abs-form .cp-contact-form {
  background: #fff !important;
  color: #1A1A1A !important;
  padding: 28px !important;
  border-radius: 6px !important;
}
@media (max-width: 700px) {
  .cp-abs-form .cp-contact-form { padding: 20px !important; }
}

/* FAQ accordions built for dark sections were picking up the shared
   white FAQ card from site.css -> white text on white
   (london-planning-objections, loss-of-light, planning-consultant-cambridge) */
.cp-faq .cp-faq-item,
.cp-faq-list > .cp-faq-item,
.cp-faq-item:has(> .cp-faq-question) {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* White text on lime buttons -> navy text */
main :is(a.cp-cfs-btn-primary, a.cp-cfs-mini-btn, .cp-cfs-cta-box a,
         a.cp-final-primary),
main a:is([style*="background: #c6d645" i], [style*="background:#c6d645" i],
          [style*="background-color: #c6d645" i], [style*="background-color:#c6d645" i]) {
  color: var(--cedar-deep) !important;
}

/* Old Hostinger-blue button on /blog */
main .cp-nbtn {
  background: var(--cedar-lime) !important;
  color: var(--cedar-deep) !important;
  border-color: var(--cedar-lime) !important;
}


/* ---------------------------------------------------------------------
   4. EYEBROW / LABEL CONTRAST
   Lime or sage labels on white/pale were 1.5-2.8:1. A navy pill with
   lime text reads on ANY background and matches the brand badges.
   --------------------------------------------------------------------- */
main :is(.cp-eyebrow, .eyebrow, .eye, .sfk-eyebrow, .cp-ldc-eyebrow, .cp-case-eyebrow,
         .cp-section-label, .section-label, .ca-kicker, .cp-faq-eyebrow,
         .cp-tag) {
  display: inline-block !important;
  width: auto !important;
  background: var(--cedar-deep) !important;
  color: var(--cedar-lime) !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  line-height: 1.3 !important;
}
/* small sage sub-labels on pale cards -> darker sage (4.7:1) */
main :is(.borough-sub, .cp-borough-sub, .borough-pill.green, .cp-borough-pill.cp-green) {
  color: #5F7A60 !important;
}
/* remove the decorative line some eyebrows draw before the text */
main :is(.cp-eyebrow, .eyebrow, .eye, .sfk-eyebrow, .cp-section-label, .section-label)::before {
  display: none !important;
}


/* ---------------------------------------------------------------------
   5. LINKS WITH NO COLOUR SET (showed as browser-default blue #0000EE)
   :where() = zero specificity, so any link a page already styles keeps
   its own colour; only unstyled links change.
   --------------------------------------------------------------------- */
:where(main a) {
  color: inherit;
}
:where(main :is(p, li, td) a) {
  text-decoration: underline;
  text-decoration-color: var(--cedar-lime);
  text-underline-offset: 3px;
}


/* ---------------------------------------------------------------------
   6. OLD PALETTE -> BRAND PALETTE (pages that use colour variables)
   Only variable names that consistently meant the same thing are remapped.
   Hard-coded hex values inside each page need a find-and-replace in the
   HTML files themselves (Phase 3).
   --------------------------------------------------------------------- */
main, main * {
  /* bright navy -> Cedar navy */
  --cp-navy: #2E4B56 !important;
  --navy: #2E4B56 !important;
  --navy2: #2E4B56 !important;
  --blue: #2E4B56 !important;
  --cp-blue: #2E4B56 !important;
  --cedar-navy: #2E4B56 !important;
  --cpb-navy: #2E4B56 !important;
  /* dark green -> Cedar navy */
  --cp-green: #2E4B56 !important;
  --cedar-green: #2E4B56 !important;
  --green-dark: #243F49 !important;
  --cp-green-dark: #243F49 !important;
  --cp-green-2: #243F49 !important;
  --cp-green2: #243F49 !important;
  --green2: #243F49 !important;
  /* gold -> Cedar sage (lime would put white button text at 1.5:1) */
  --cp-gold: #809C81 !important;
  --gold: #809C81 !important;
  --cpb-gold: #809C81 !important;
  /* cream / mint / soft tints -> Cedar soft grey-green */
  --cp-cream: #F4F6F3 !important;
  --cream: #F4F6F3 !important;
  --cedar-cream: #F4F6F3 !important;
  --cp-soft: #F4F6F3 !important;
  --cp-mint: #F4F6F3 !important;
  --mint: #F4F6F3 !important;
  --cedar-mint: #F4F6F3 !important;
  --cp-alert: #F4F6F3 !important;
  --cp-soft-gold: #F4F6F3 !important;
  --cp-border: rgba(46, 75, 86, .14) !important;
}

/* ======================= END OF PATCH v1 ============================= */


/* =====================================================================
   CEDAR CORE SERVICE MARKERS
   Master source: cedar-core-service-markers.html (do not redesign the
   SVG geometry). Colour changes ONLY via the .marker-* classes below.
   The marker palette is scoped to the marker itself (not :root) so it
   never overrides the site's own --cedar-lime / navy, and !important so
   the sitewide variable remaps above can't alter the marker colours.
   ===================================================================== */
.cedar-service-marker {
  --cedar-navy: #17324d !important;
  --cedar-lime: #b9d531 !important;

  --cedar-red-dark: #b5363a !important;
  --cedar-red-light: #e98d8b !important;

  --cedar-green-dark: #356c4a !important;
  --cedar-green-light: #a5c3ad !important;

  --cedar-orange-dark: #df741b !important;
  --cedar-orange-light: #f2ad77 !important;

  --cedar-gold-dark: #d9a31d !important;
  --cedar-gold-light: #efd16e !important;

  width: 58px;
  height: 66px;
  display: block;

  --marker-back: var(--cedar-navy);
  --marker-front: var(--cedar-lime);
}

.cedar-service-marker .cedar-building-back {
  fill: var(--marker-back);
}

.cedar-service-marker .cedar-building-front {
  fill: var(--marker-front);
}

/* Service colour variants */
.marker-applications {
  --marker-back: var(--cedar-navy);
  --marker-front: var(--cedar-lime);
}

.marker-appeals {
  --marker-back: var(--cedar-red-dark);
  --marker-front: var(--cedar-red-light);
}

.marker-appraisals {
  --marker-back: var(--cedar-green-dark);
  --marker-front: var(--cedar-green-light);
}

.marker-objections {
  --marker-back: var(--cedar-orange-dark);
  --marker-front: var(--cedar-orange-light);
}

.marker-residential {
  --marker-back: var(--cedar-gold-dark);
  --marker-front: var(--cedar-gold-light);
}

/* Optional larger version */
.cedar-service-marker--large {
  width: 80px;
  height: 90px;
}
/* ======================= END SERVICE MARKERS ========================= */


/* =====================================================================
   CEDAR SUPPORTING SERVICE ICONS  (v2 - includes UI icons + review star)
   Master source: cedar-supporting-service-icons.html
   Rules: 24x24 viewBox, 1.75 line weight, round caps/joins, currentColor.
   No Font Awesome / Lucide / emoji / Unicode substitutes.
   .icon-accent = Cedar lime on light backgrounds; on dark backgrounds use
   .cedar-icon--on-dark (or set --icon-accent: currentColor) so the whole
   icon is lime. Separate system from the Core Service Markers.
   Lime is written as #b9d531 here (the icon master's lime) so it never
   depends on or changes the site's own --cedar-lime.
   ===================================================================== */
.cedar-icon {
  --icon-accent: #b9d531;

  width: 24px;
  height: 24px;
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: middle;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cedar-icon .icon-accent {
  stroke: var(--icon-accent);
}

.cedar-icon--small    { width: 18px; height: 18px; }
.cedar-icon--standard { width: 24px; height: 24px; }
.cedar-icon--medium   { width: 32px; height: 32px; }
.cedar-icon--large    { width: 48px; height: 48px; }

/* Filled review star */
.cedar-review-star {
  width: 20px;
  height: 20px;
  fill: #b9d531;
  stroke: #b9d531;
  stroke-width: 1;
  display: inline-block;
  vertical-align: middle;
}

/* Dark backgrounds: whole icon becomes Cedar lime */
.cedar-icon.cedar-icon--on-dark {
  color: #b9d531;
  --icon-accent: currentColor;
}
/* ====================== END SUPPORTING ICONS ========================= */