/* Lucky Electricals – White & Blue theme
   Loaded after style.css. Remove the <link> in includes/header.php to go back to the original theme. */

:root {
  --navy-900: #082447;
  --navy-800: #0B2E57;
  --navy-700: #123D70;
  --navy-line: #24508A;
  --navy: #0B2E57;
  --red: #1565C0;        /* main buttons and accents are now blue */
  --red-dark: #0D4C97;
  --red-light: #9CC4FF;  /* accent text on dark-blue sections */
  --ink: #0B2E57;
  --light: #EEF4FB;
  --line: #D3DFEE;
}

/* White header with blue text */
.site-header { background: #ffffff; border-bottom: 1px solid var(--line); box-shadow: 0 2px 10px rgba(11, 46, 87, .06); }
.brand-name { color: var(--navy); }
.brand-name small { color: #5A6F8A; }
.brand-logo { padding: 0; }
.site-nav a { color: var(--navy); }
.site-nav a:hover { color: var(--red); }
.site-nav a.is-active { border-bottom-color: var(--red); color: var(--red); }
.nav-toggle { color: var(--navy); }
@media (max-width: 960px) {
  .site-nav { background: #ffffff; border-top: 1px solid var(--line); }
  .site-nav a { border-bottom-color: var(--line); }
  .site-nav a.is-active { border-bottom-color: var(--line); color: var(--red); }
}

/* Hero: deep-blue overlay instead of near-black */
.hero::before { background: rgba(11, 46, 87, .84); }
.hero::after { background: #4F9BFF; }
.page-hero::after { background: #4F9BFF; }

/* Stats strip and product range on white instead of dark */
.stats { background: #ffffff; border-bottom: 1px solid var(--line); }
.stat { border-left-color: var(--line); }
.stat strong { color: var(--navy); }
.stat span { color: #5A6F8A; }
@media (max-width: 800px) { .stat { border-top-color: var(--line); } }

.range-grid { color: var(--text); }
section.bg-dark:has(.range-grid) { background: #ffffff; color: var(--text); }
section.bg-dark:has(.range-grid) h2 { color: var(--navy); }
section.bg-dark:has(.range-grid) .lead { color: #5A6F8A; }
section.bg-dark:has(.range-grid) .eyebrow { color: var(--red); }
.cat-list li { border-bottom-color: var(--line); }
.cat-list .num { color: var(--red); }
.cat-list .name { color: var(--navy); }
.cat-list .count { color: #5A6F8A; }
.cat-list .arrow { color: var(--red); }
.cat-list a:hover .name { color: var(--red); }

/* Services panel: blue instead of red */
.split-panel { background: var(--red); }
.split-panel .btn-dark { background: #ffffff; color: var(--navy); }
.split-panel .btn-dark:hover { background: var(--light); color: var(--navy); }

/* Cards and tags */
.product-card .brand-tag, .pd-info .brand-tag { color: var(--red); }
.btn-outline { border-color: var(--navy); color: var(--navy); }
.btn-outline:hover { background: var(--navy); color: #ffffff; }
.cat-tile { border-bottom-color: #4F9BFF; }
.team-option input:checked + span { background: #EAF2FD; }
.blog-card { border-top-color: var(--red); }
.blog-card .link-arrow { color: var(--red); }

/* Footer keeps white text on dark blue */
.site-footer .brand-name { color: #ffffff; }
.site-footer .brand-name small { color: var(--on-dark-muted); }
.site-footer .brand-logo { background: #ffffff; padding: 5px; }