/* Web Designer UK | Professional, sober palette | October 2026
   Edit the six named --sober-* values below to refresh the theme globally.
   This file intentionally loads after the original site CSS files. */
:root {
  --sober-navy: #0F1824;
  --sober-navy-raised: #172534;
  --sober-navy-soft: #1E3142;
  --sober-button: #3F657B;
  --sober-button-hover: #2F5166;
  --sober-steel: #A6C2D2;
  --sober-ivory: #F4F5F3;
  --sober-muted: #B7C6D0;
  --sober-border: rgba(183, 198, 208, .20);
  --theme-color1: var(--sober-steel);
  --theme-color2: #B5A584;
  --theme-color1-rgb: 166, 194, 210;
  --theme-color2-rgb: 181, 165, 132;
  --theme-color-dark: #0F1824;
  --theme-color-black: #0F1824;
  --theme-color-lighter: #364B5D;
  --theme-color-silver: #E8E6DF;
  --theme-color-gray: #9DADB9;
  --theme-light-background: #203C4C;
  --text-color: var(--sober-muted);
  --headings-color: var(--sober-ivory);
  --sec-title-color: var(--sober-ivory);
  --body-bg: var(--sober-navy);
  --link-color: var(--sober-steel);
  --link-hover-color: #D1E0E8;
  --gradient-1: linear-gradient(100deg, #325A70 0%, #436C82 52%, #54798D 100%);
  --gradient-2: linear-gradient(260deg, #325A70 0%, #436C82 52%, #54798D 100%);
  --gradient-3: linear-gradient(180deg, #325A70 0%, #436C82 52%, #54798D 100%);
  --review-color: #BBA983;
  color-scheme: dark;
}
body,
.service-landing,
.loc-page,
.loc-page main {
  background-color: var(--sober-navy);
}
body, p, .text { color: var(--sober-muted); }
h1,h2,h3,h4,h5,h6 { color: var(--sober-ivory); }
::selection { background: #54798D; color: #fff; }

/* Main navigation, active states and header controls */
.header-style-one .main-menu .navigation > li.current > a,
.header-style-one .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
  color: var(--sober-steel);
}
.main-header .sticky-header, .sticky-header { background: #101E2D; }
.main-header .mobile-menu .menu-box { background: var(--sober-navy-raised); }

/* Render the supplied original full-colour logo without theme filters. */
.logo-box img, .sticky-header .logo img, .mobile-menu .nav-logo img,
.widget-logo img, .footer-logo img { filter: none; }

/* Quiet calls to action with clearly readable white labels. */
.btn-style-one,
.wdl-primary-link,
.sp-actions .btn-style-one,
.loc-actions .btn-style-one {
  background: linear-gradient(105deg, #325A70 0%, #436C82 100%);
  color: #FFFFFF !important;
  border-color: transparent;
}
.btn-style-one::before,
.btn-style-one:before {
  background: linear-gradient(105deg, #2F5166 0%, #3B6075 100%);
}
.btn-style-one:hover,
.btn-style-one:focus-visible,
.wdl-primary-link:hover,
.wdl-primary-link:focus-visible { color: #FFFFFF !important; }
.btn-style-one .dot-box { background: #172534; color: #FFFFFF; }
.wdl-primary-link:hover { background: var(--sober-button-hover); }

/* Quiet, navy-tinted hero imagery and gradients. No photo or video is edited. */
.banner-section .bg-shape::after {
  background: linear-gradient(115deg, rgba(10, 21, 35, .78), rgba(18, 33, 48, .58) 50%, rgba(10, 21, 35, .72));
}
.banner-section::after {
  background: linear-gradient(to bottom, transparent 65%, rgba(10, 21, 35, .66));
}
.page-title::before, .page-title:before {
  background: linear-gradient(110deg, rgba(12, 25, 40, .94), rgba(29, 53, 72, .80));
}
.service-landing .sp-hero::before {
  background: linear-gradient(90deg,rgba(15,24,36,.97) 0%,rgba(15,24,36,.84) 52%,rgba(15,24,36,.48) 100%);
}
.loc-hero::before {
  background: linear-gradient(90deg,rgba(15,24,36,.97) 0%,rgba(15,24,36,.86) 56%,rgba(15,24,36,.48) 100%);
}
.service-landing .sp-hero::after,
.loc-hero::after {
  background: radial-gradient(ellipse at 78% 48%, rgba(100, 143, 164, .17), transparent 46%);
}

/* Consistent accent treatment throughout service, guide and location pages */
.sp-eyebrow, .sp-breadcrumb li+li::before,
.loc-eyebrow, .loc-breadcrumb li+li::before,
.loc-price small, .loc-process-number, .loc-case-copy span,
.sp-step-num, .sp-check-list li::before, .loc-feature-list li::before,
.wdl-eyebrow, .wdl-feature-number,
.wdl-secondary-link, .wdl-article-content a,
.wdl-article-related a, .wdl-footer-email {
  color: var(--sober-steel) !important;
}
.sp-card-icon, .loc-card-icon {
  background: linear-gradient(135deg, rgba(79, 116, 139, .20), rgba(47, 79, 98, .10));
  color: var(--sober-steel);
  border-color: var(--sober-border);
}
.sp-card:hover, .loc-card:hover, .loc-package:hover,
.wdl-feature:hover, .wdl-service-card:hover, .wdl-guide-card:hover {
  border-color: rgba(166, 194, 210, .46);
}
.sp-cta-panel, .loc-offer, .wdl-sidebar-card {
  background: linear-gradient(125deg, #1E3142 0%, #172534 85%);
  border-color: var(--sober-border);
}
.loc-package-primary {
  background: linear-gradient(145deg, #203549, #162637 95%);
  border-color: rgba(166, 194, 210, .36);
}
.wdl-integrity-section, .wdl-hub-body, .wdl-article-body { background: var(--sober-navy); }
.wdl-integrity-tint { background: linear-gradient(135deg, #182B3B 0%, #0F1824 92%); }
.wdl-hub-hero, .wdl-article-hero {
  background: radial-gradient(ellipse at 78% 36%, rgba(92, 131, 154, .18),transparent 50%),var(--sober-navy);
}
.wdl-section-heading p, .wdl-hub-hero p, .wdl-article-hero p,
.wdl-article-content, .wdl-process-note, .wdl-feature p,
.wdl-service-card p, .wdl-guide-card p { color: var(--sober-muted); }
.wdl-service-card > a, .wdl-guide-card > a, .wdl-process-note a,
.wdl-form-note a { color: var(--sober-steel) !important; }

/* Accessible states, icons and utility controls */
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 3px solid #B7D0DE !important;
  outline-offset: 3px;
}
.floating-contact-call { background: linear-gradient(145deg,#3F657B,#2F5166); }
.floating-contact-whatsapp { background: #27765F; }
.floating-contact-whatsapp:hover { background: #205E4D; }
.floating-contact-tooltip { background: #172534; color:#fff; }
.back-to-top-btn { background-color: var(--sober-button); }
.back-to-top-btn:hover { background-color: var(--sober-button-hover); }

/* Leave illustrations, client screenshots and portfolio images untouched. */
@media (prefers-reduced-motion: reduce) {
  .btn-style-one, .wdl-primary-link { transition: none; }
}