/* ConnecTech v1.33 — every section its own colour: homepage bands, page headers, shop, tools.
   Switch off in Customizer > Preferences ("Different colour for each section"). */
body.ct-sections{--c-blue:#1364d8;--c-teal:#0e8f6f;--c-gold:#c8920c;--c-indigo:#5b4bd6;--c-coral:#e0572f;--c-navy:#0d2a40}

/* kicker (small caps label above headings) takes the colour of its section */
body.ct-sections .section-kicker{color:var(--sec,#1364d8);font-weight:800;letter-spacing:.14em}
body.ct-sections .ct-sec-head h2::before,body.ct-sections .category-rail-heading h3::before,body.ct-sections .department-heading h3::before{background:linear-gradient(180deg,var(--sec,#1364d8),color-mix(in srgb,var(--sec,#1364d8) 45%,#fff))}

/* ---------- HOMEPAGE: colour bands in a fixed rhythm ---------- */
/* 1. special offers + latest: warm gold */
body.ct-sections .shop-highlights{--sec:#b8800a;position:relative;padding-top:34px;padding-bottom:36px;background:linear-gradient(180deg,#fff3d1 0,#fff9e8 100%);box-shadow:0 0 0 100vmax #fff6dc;clip-path:inset(0 -100vmax)}
/* 2. shop by department: fresh blue */
body.ct-sections .shop-search-section{--sec:#1364d8;background:linear-gradient(180deg,#e7f0ff 0,#f3f8ff 100%);padding:38px 0 30px;border-top:3px solid #1364d8}
body.ct-sections .shop-search-section .category-rails,body.ct-sections .shop-departments{background:transparent;border-color:#d4e2f6}
/* 3. solutions: deep navy to teal */
body.ct-sections .ct-solutions{--sec:#ffd978;background:radial-gradient(520px 260px at 90% 0,rgba(226,180,58,.22),transparent 70%),linear-gradient(135deg,#0b2a4a 0%,#0c4a63 55%,#0e8f6f 130%)!important;color:#e8f2fb;box-shadow:0 22px 50px rgba(11,42,74,.28)}
body.ct-sections .ct-solutions h2,body.ct-sections .ct-solutions h3{color:#fff}
body.ct-sections .ct-solutions .section-kicker{color:#ffd978}
/* 4. brands: indigo tint */
body.ct-sections .trust-section{--sec:#5b4bd6;padding-top:34px;padding-bottom:34px;background:linear-gradient(180deg,#efecff 0,#f7f5ff 100%);box-shadow:0 0 0 100vmax #f3f1ff;clip-path:inset(0 -100vmax);text-align:center}
body.ct-sections .trust-section .ct-brand-icon{background:#fff;border:1px solid #e1ddff;border-radius:14px;box-shadow:0 4px 12px rgba(91,75,214,.1);transition:transform .2s,box-shadow .2s}
body.ct-sections .trust-section .ct-brand-icon:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(91,75,214,.2)}
/* 5. blog: green */
body.ct-sections .ct-blog-section{--sec:#0e8f6f;padding:42px 0;background:linear-gradient(180deg,#e6f8f0 0,#f4fcf8 100%);border-top:3px solid #12a37f}
/* 6. customer reviews: warm coral */
body.ct-sections .ct-reviews-section{--sec:#d9532a;padding:42px 0;background:linear-gradient(180deg,#ffece3 0,#fff6f1 100%);border-top:3px solid #e0572f}
/* 7. quote banner: strong blue to teal call to action */
body.ct-sections .quote-banner{--sec:#ffd978;background:radial-gradient(500px 240px at 12% 0,rgba(255,255,255,.16),transparent 70%),linear-gradient(120deg,#0b3d91 0%,#1364d8 50%,#0e8f6f 115%);color:#fff;border-top:0}
body.ct-sections .quote-banner h2,body.ct-sections .quote-banner p{color:#fff}
body.ct-sections .quote-banner .section-kicker{color:#ffd978}
body.ct-sections .quote-banner .button-primary,body.ct-sections .quote-banner a.button:not(.button-outline){background:linear-gradient(135deg,#f9dc7a,#e2b43a 55%,#c8920c);color:#2a1d00;border-color:transparent;box-shadow:0 8px 20px rgba(0,0,0,.22)}
body.ct-sections .quote-banner .button-outline{color:#fff;border-color:rgba(255,255,255,.55);background:transparent}
body.ct-sections .quote-banner .button-outline:hover{background:rgba(255,255,255,.14)}
/* white cards stay clean on every band */
body.ct-sections .ct-blog-section .ct-blog-card,body.ct-sections .ct-reviews-section .ct-review-card,body.ct-sections .ct-reviews-section article{background:#fff;border-radius:16px;box-shadow:0 10px 26px rgba(16,38,56,.08)}

/* ---------- INNER PAGES: each page header has its own colour ---------- */
body.ct-sections .ct-page-hero{background:linear-gradient(135deg,#0b2a4a 0%,#1364d8 100%)}
body.ct-sections.ct-hue-1 .ct-page-hero{background:linear-gradient(135deg,#073b3a 0%,#0e8f6f 100%)}
body.ct-sections.ct-hue-2 .ct-page-hero{background:linear-gradient(135deg,#2a1f6b 0%,#5b4bd6 100%)}
body.ct-sections.ct-hue-3 .ct-page-hero{background:linear-gradient(135deg,#0b2a4a 0%,#0e8f6f 100%)}
body.ct-sections.ct-hue-4 .ct-page-hero{background:linear-gradient(135deg,#5a2a0a 0%,#d9532a 100%)}
body.ct-sections.ct-hue-5 .ct-page-hero{background:linear-gradient(135deg,#4a3500 0%,#c8920c 100%)}
body.ct-sections .ct-page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#e2b43a,#12a37f,#1364d8)}
body.ct-sections .ct-page-main{background:linear-gradient(180deg,#f4f8fc 0,#fff 320px)}
body.ct-sections .ct-page-article{background:#fff;border:1px solid #e3eaf1;border-radius:18px;padding:clamp(18px,3vw,36px);box-shadow:0 12px 30px rgba(16,38,56,.06);margin-top:-6px}

/* ---------- SHOP PAGE ---------- */
body.ct-sections .ct-shop-page{background:linear-gradient(180deg,#eaf2fd 0,#f6f9fd 420px,#fff 100%)}
body.ct-sections .ct-products-sec{background:#fff;border:1px solid #dde7f1;border-radius:18px;padding:18px clamp(12px,2vw,22px) 22px;box-shadow:0 14px 34px rgba(16,38,56,.06)}
body.ct-sections .ct-sec-head{--sec:#1364d8}

/* ---------- FREE TOOLS PAGE: every group its own colour ---------- */
body.ct-sections .ctt-group{padding:20px clamp(14px,2.2vw,24px) 24px;border-radius:20px;border:1px solid var(--gb,#dbe7f5);background:var(--gt,#eef4ff)}
body.ct-sections .ctt-group>h2{color:var(--gc,#1364d8)}
body.ct-sections .ctt-group .ctt-hub-card{background:#fff;border-color:var(--gb,#dbe7f5);border-top:3px solid var(--gc,#1364d8);transition:transform .2s,box-shadow .2s}
body.ct-sections .ctt-group .ctt-hub-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(16,38,56,.14)}
body.ct-sections .ctt-group .ctt-hub-icon{background:var(--gt,#eef4ff);color:var(--gc,#1364d8)}
body.ct-sections #ctt-g-networking{--gc:#1364d8;--gt:#eaf2ff;--gb:#cfe0f8}
body.ct-sections #ctt-g-storage{--gc:#0e8f6f;--gt:#e6f8f0;--gb:#c6ebdc}
body.ct-sections #ctt-g-computer{--gc:#b8800a;--gt:#fff5d9;--gb:#f2dfa6}
body.ct-sections #ctt-g-mobile{--gc:#d9532a;--gt:#ffeee6;--gb:#f6cfbf}
body.ct-sections #ctt-g-it{--gc:#5b4bd6;--gt:#f1efff;--gb:#d9d4fb}
body.ct-sections #ctt-g-more{--gc:#0d2a40;--gt:#eef2f6;--gb:#d6dfe8}

/* ---------- FOOTER ---------- */
body.ct-sections .site-footer{background:radial-gradient(700px 300px at 85% 0,rgba(18,163,127,.16),transparent 70%),linear-gradient(180deg,#0b2538 0,#081923 100%)}

/* ---------- DARK MODE: same rhythm with dark tints ---------- */
html[data-theme="dark"] body.ct-sections .shop-highlights{background:linear-gradient(180deg,#201b0c,#17140a);box-shadow:0 0 0 100vmax #1b170b}
html[data-theme="dark"] body.ct-sections .shop-search-section{background:linear-gradient(180deg,#0e1d33,#0b1726)}
html[data-theme="dark"] body.ct-sections .trust-section{background:linear-gradient(180deg,#17152f,#121127);box-shadow:0 0 0 100vmax #151329}
html[data-theme="dark"] body.ct-sections .trust-section .ct-brand-icon{background:#fff}
html[data-theme="dark"] body.ct-sections .ct-blog-section{background:linear-gradient(180deg,#0c2420,#0a1c19)}
html[data-theme="dark"] body.ct-sections .ct-reviews-section{background:linear-gradient(180deg,#26150f,#1c110c)}
html[data-theme="dark"] body.ct-sections .section-kicker{filter:brightness(1.35)}
html[data-theme="dark"] body.ct-sections .ct-page-main{background:linear-gradient(180deg,#0b1620,#09121a 320px)}
html[data-theme="dark"] body.ct-sections .ct-page-article,html[data-theme="dark"] body.ct-sections .ct-products-sec{background:#0f1c27;border-color:#203548}
html[data-theme="dark"] body.ct-sections .ct-shop-page{background:linear-gradient(180deg,#0c1a2a,#09121a 420px)}
html[data-theme="dark"] body.ct-sections .ctt-group{background:#0f1c27;border-color:#203548}
html[data-theme="dark"] body.ct-sections .ctt-group .ctt-hub-card{background:#13222f;border-color:#203548}
html[data-theme="dark"] body.ct-sections .ctt-group>h2{filter:brightness(1.4)}

@media(max-width:700px){
  body.ct-sections .shop-highlights{padding-top:24px;padding-bottom:26px}
  body.ct-sections .ct-blog-section,body.ct-sections .ct-reviews-section{padding:30px 0}
  body.ct-sections .ct-products-sec{border-radius:14px;padding:12px 10px 16px}
  body.ct-sections .ctt-group{border-radius:16px}
}

/* dark mode fixes: cards on coloured bands and the quote banner */
html[data-theme="dark"] body.ct-sections .ct-blog-section .ct-blog-card,html[data-theme="dark"] body.ct-sections .ct-reviews-section .ct-review-card,html[data-theme="dark"] body.ct-sections .ct-reviews-section article{background:#12222f!important;color:#dbe7f1;box-shadow:0 10px 26px rgba(0,0,0,.4)}
html[data-theme="dark"] body.ct-sections .quote-banner{background:radial-gradient(500px 240px at 12% 0,rgba(255,255,255,.1),transparent 70%),linear-gradient(120deg,#0a2a63 0%,#0e4aa8 50%,#0a6b55 115%)!important;border-top:0}