/* ==========================================================================
   DCP BRAND — loaded last on every page (src/layouts/Base.astro). Owner 2026-10-27: a calmer, more
   professional look with no rainbow. One palette: navy + one blue accent (light blue on dark backgrounds).
   The theme's indigo / violet / cyan / coral / amber tokens are remapped here, so every gradient built from
   them renders as a single colour; the few hard-coded purple and cyan glows are overridden below.
   ========================================================================== */
:root{
  --indigo:#1d4ed8; --indigo-dark:#1e40af; --violet:#1d4ed8;
  --cyan:#93c5fd; --coral:#1d4ed8; --amber:#1d4ed8;
  /* inner pages (wpcode-css-snippet.css): gold on paper / gold on dark / green citation -> the same blue */
  --gold:#93c5fd; --gold-deep:#1d4ed8; --cite:#1d4ed8;
}
.cc-highlight{background:linear-gradient(180deg,transparent 60%,rgba(29,78,216,.16) 60%);}
::selection{background:#bfdbfe;color:#0b1f3a;}

/* ── buttons: solid, 8px radius, no coloured glow ── */
.dcp-btn{background:var(--indigo);border-radius:8px;box-shadow:none;}
.dcp-btn:hover{background:var(--indigo-dark);box-shadow:none;transform:none;filter:none;}
.dcp-btn.ghost{background:transparent;}
.dcp-btn.ghost:hover{transform:none;}
.dcp-btn.on-dark{background:#fff;box-shadow:none;}
.dcp-btn.on-dark:hover{background:#eef3ff;}
.dcp-btn.coral{background:var(--indigo);box-shadow:none;}

/* ── header: solid white bar, navy logo tile, navy button ── */
.dcp-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e3e7ef;}
.dcp-header-inner{height:68px;}
.dcp-wordmark .plus{background:#0b1f3a;border-radius:7px;}
.dcp-wordmark span[style*="--indigo"]{color:var(--indigo) !important;}
.dcp-nav ul{gap:4px;}
.dcp-nav ul a{display:inline-block;padding:9px 12px;border-radius:8px;font-size:14.5px;color:#334155;}
.dcp-nav ul a:hover{background:#f1f4f9;color:#0b1f3a;}
.dcp-header .dcp-btn,.dcp-header .dcp-btn:hover{color:#fff;}
.dcp-header .dcp-btn{background:#0b1f3a;padding:10px 18px;font-size:14px;}
.dcp-header .dcp-btn:hover{background:var(--indigo-dark);}
.dcp-nav{gap:14px;}
@media(max-width:880px){
  .dcp-nav.open{top:68px;}
  .dcp-nav.open ul{gap:2px;width:100%;}
  .dcp-nav.open ul a{display:block;padding:10px 0;}
}

/* ── dark sections: navy only, one soft blue glow ── */
.dcp-hero{background:radial-gradient(1000px 480px at 85% -10%,rgba(59,130,246,.18),transparent 60%),linear-gradient(180deg,#071427,#0b1f3a);}
.dcp-hero h1 .grad,.dcp-geo h2 .grad{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#9cc0ff;}
.dcp-geo{background:linear-gradient(180deg,#071427,#0b1f3a);}
.dcp-geo::before{background:radial-gradient(700px 400px at 90% 20%,rgba(59,130,246,.14),transparent 60%);}
.dcp-geo-card .q .dot{box-shadow:0 0 0 4px rgba(147,197,253,.2);}
.dcp-about-card,.dcp-contact{background:linear-gradient(180deg,#071427,#0b1f3a);}
.dcp-work[style*="1a1140"]{background:linear-gradient(180deg,#071427,#0b1f3a) !important;}

/* ── cards, steps, stats: one accent ── */
.dcp-ico{background:#eef3ff;}
.dcp-card .tag{color:var(--indigo);}
.dcp-step .n,.dcp-pkg.featured .badge{background:var(--indigo);}
.dcp-stat .num{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#0b1f3a;}

/* hero gutter: .dcp-hero-inner{padding:96px 0 104px} wiped the .dcp-wrap side padding, so hero text sat on the screen edge on phones */
.dcp-hero .dcp-hero-inner{padding-left:26px;padding-right:26px;}
@media(max-width:680px){.dcp-hero .dcp-hero-inner{padding:56px 20px 64px;}}

/* about page tool grid: an odd last card spans the row (no empty cell); stray empty <p> from the WordPress markup takes no slot */
.svc-grid > p:empty{display:none;}
.svc-grid > .svc-card:nth-of-type(odd):last-of-type{grid-column:1/-1;}