/* Canada Create — universal brand layer (2026-09-23, per Amir).
 * Loaded on every page EXCEPT single blog posts (those get cc-blog.css).
 * Rules: 1) no rounded corners anywhere — cards, buttons, fields, images,
 * thumbnails, tables, badges, nav; 2) cards never carry a top bar, hover =
 * a thin brand-red outline; 3) CTAs on service pages are full-bleed bands,
 * never boxes; 4) FLIP-FLOP CONTRAST: section BACKGROUNDS alternate light /
 * dark down the page (white → navy or photo → white …) and a photo band never
 * touches a navy band; cards keep their standard look on both;
 * 5) the hero form is dark like the contact page.
 * Blog posts keep their own boxed/rounded look (right sidebar layout). */

/* 1. Square everything ------------------------------------------------- */
body:not(.single-post) :is(.cc-btn, .cc-svc-cta, .button, .wp-block-button__link, .cc-svc-card, .cc-svc-price, .cc-svc-work__item, .cc-svc-work__item img, .cc-svc-form, .cc-svc-lead__card, .cc-svc-faq__item, .cc-svc-related__list a, .cc-svc-checks li, .cc-svc-inline-cta, .cc-svc-callout, .cc-svc-prose .cc-svc-grid>div, .cc-svc-prose img, .cc-svc-prose figure, .cc-svc-hero__media img, .cc-table-wrap, .cc-table-3d, .cc-block, .cc-table-cta, .cc-gbadge, .cc-svc-lead__eyebrow, .cc-svc-proposal img, .gform_wrapper input:not([type=checkbox]):not([type=radio]), .gform_wrapper textarea, .gform_wrapper select, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer button, .cc-post-card, .cc-post-card__card, .cc-post-card__thumbnail, .cc-post-card__thumbnail img, .menu-item a, .cc-nav-cta, .cc-header-cta, .cc-card, .cc-cmp-card, .cc-cta, .cc-box, .cc-panel, .cc-svc-strip__badge){border-radius:0!important}

/* 2. Cards: no top bars, thin red outline on hover ----------------------- */



/* 3. Service-page CTAs are full-bleed bands, never boxes ---------------- */





/* 4. Flip-flop bands ------------------------------------------------------ */
/* 4a. dark bands: navy gradient or a parallax photo, WHITE type, WHITE cards */







:is(.cc-svc-band--navy,.cc-svc-band--img) .cc-svc-eyebrow{color:#FF4B3A}

/* cards on dark bands: the translucent style (as before the flip-flop pass — only the BANDS alternate, per Amir) */
 /* solid (Amir, 30 Oct 2026: no card opacity); #162944 = navy with the former 6% white */







/* the pricing band never changes: same navy gradient, same cards, now square */



/* constellation canvas (cc-constellation.js) sits under the content on the home hero */


/* 4b. light bands: #F5F7FA background (per Amir, 2026-09-23); cards keep their standard look (white, hairline border, red on hover) */

body[class] .cc-svc-strip.cc-svc-band--light{background:#f5f7fa;border-bottom:1px solid rgba(7,27,56,.08)}
/* the red mouse glow on every light band (included, process, reviews, FAQ, prose, proof strip, industries):
   same drift + pointer highlight as the hero, toned for a light surface, normal blending, never clips the full-bleed CTAs */








body[class] .cc-svc-band--light .cc-svc-related__sub{color:var(--cc-midnight,#071b38)}

/* 5. Hero form: dark card, dark fields (contact-page values) ------------- */
body[class] .cc-svc-form{background:#06172f;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 48px rgba(0,0,0,.35)}
body[class] .cc-svc-form .cc-svc-form__title{color:#fff}
body[class] .cc-svc-form .cc-svc-form__text{color:#d7e3f4}
body[class] .cc-svc-form .gform_wrapper .gfield_label{color:#d7e3f4!important}
body[class] .cc-svc-form .gform_wrapper input:not([type=submit]),body[class] .cc-svc-form .gform_wrapper textarea,body[class] .cc-svc-form .gform_wrapper select{background:#0b2344!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important}
body[class] .cc-svc-form .gform_wrapper input::placeholder,body[class] .cc-svc-form .gform_wrapper textarea::placeholder{color:rgba(255,255,255,.85)}
body[class] .cc-svc-form .gform_wrapper input:focus,body[class] .cc-svc-form .gform_wrapper textarea:focus,body[class] .cc-svc-form .gform_wrapper select:focus{border-color:var(--cc-red,#e31507)!important;box-shadow:0 0 0 3px rgba(227,21,7,.25)!important}
body[class] .cc-svc-form .gform_wrapper .gfield_description,body[class] .cc-svc-form .gform_wrapper .ginput_counter{color:#9fb3cc!important}
body[class] .cc-svc-form .cc-svc-form__privacy{color:#9fb3cc!important}
body[class] .cc-svc-form .gform_wrapper .gform_footer input[type=submit],body[class] .cc-svc-form .gform_wrapper .gform_footer button{background:var(--cc-red,#e31507)!important;box-shadow:none!important;font-weight:800!important}

/* 6. Google reviews: rendered by the theme's own [cc_google_reviews] widget (its styles live in mu-plugins/cc-google-reviews.php) -- */

/* 7. Industries × cities: one 12-track grid, spans chosen by item count so no row is ever short
   3/6/9 → 3 per row · 4/8 → 4 per row · 5 → 3 + 2 · 7 → 3 + 2 + 2 · 2 → 2 · 1 → full */















body[class] .cc-svc-related__sub{margin:36px 0 14px;font-size:22px;text-align:center}
@media(max-width:1024px){
  
  body[class] .cc-svc-related__list:has(>li:nth-child(odd):last-child)>li:last-child{grid-column:span 12}
}

/* FAQ: one open at a time (cc-constellation.js), glow like the hero */
/* p26oct-midwidth-b (Amir, 26 Oct 2026): 4/8-item industry lists run two per row up to 1279 px, four per row from 1280 px (text never narrower than 260 px). */