/* BDR Aurora system - background band system, terminal bands, surface-aware text.
   One brand blue (#00A5E2) carries every outline, glow and accent. The only
   cyan left in the palette is the pill/chip fill and Garrick's own name.
   Loads last. Delete this file and its enqueue to revert. 2026-09-03. */

/* The design controls its own light and dark bands, so browsers and operating
   systems in dark mode must not force-darken it. Without this a visitor in dark
   mode sees every white band inverted. */
:root{color-scheme: only light;}

.bdr-site-redesign{
  --bdr-primary:#00A5E2;
  --bdr-primary-hover:#0090C5;
  --bdr-primary-pale:#DCE3FF;
  --bdr-accent:#00A5E2;
  --bdr-pill:#00A5E2;
  --bdr-orange:#00A5E2;
  --bdr-orange-hover:#0090C5;
  --bdr-orange-accent:#00A5E2;
  --bdr-card-hover-glow:0 0 14px rgba(0, 165, 226,.46), 0 0 38px rgba(0, 165, 226,.30);
  --gf-color-primary:#00A5E2;
  --gf-color-primary-rgb:0, 165, 226;
  --gf-color-primary-darker:#0090C5;
  --gf-color-primary-lighter:#7FD4F2;
  --bdr-garrick-accent:#00A5E2;
  --bdr-garrick-accent-soft:#00A5E2;
  --bdr-garrick-orb:#00A5E2;
  --bdr-garrick-text-accent:#00A5E2;
}

body.bdr-site-redesign{background-color:#FFFFFF}

/* ---------- dark bands ---------- */
.bdr-site-redesign .bdr-native-surface--dark:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)){
  background-color:#14171D;
  background-image:
    radial-gradient(900px 460px at 10% -6%, rgba(0, 165, 226,.34), transparent 62%),
    radial-gradient(700px 420px at 92% 10%, rgba(0, 165, 226,.16), transparent 60%);
}
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--03:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)),
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--04:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)){
  background-color:#12151A;
  background-image:
    radial-gradient(820px 420px at 88% 4%, rgba(0, 165, 226,.28), transparent 62%),
    radial-gradient(620px 380px at 6% 90%, rgba(0, 165, 226,.13), transparent 60%);
}
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--05:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)),
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--06:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)){
  background-color:#101318;
  background-image:
    radial-gradient(760px 400px at 20% 6%, rgba(0, 165, 226,.17), transparent 60%),
    radial-gradient(760px 420px at 90% 92%, rgba(0, 165, 226,.26), transparent 62%);
}
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--07:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)),
.bdr-site-redesign .bdr-native-surface--dark.bdr-native-section--08:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)){
  background-color:#14171D;
  background-image:
    radial-gradient(880px 440px at 50% -4%, rgba(0, 165, 226,.26), transparent 62%);
}

/* The header bar is only 146px tall, so a 460px glow painted inside it cuts off
   at its bottom edge and reads as a box around the menu. The header strip keeps
   the band's base colour and lets the hero below carry the glow. Colour only -
   nothing about the menu itself changes. */
.bdr-site-redesign .bdr-native-section:has(.bdr-site-header){
  background-image:none !important;
}

/* ---------- white bands ---------- */
.bdr-site-redesign .bdr-native-surface--light:not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)){
  background-color:#FFFFFF;
  background-image:
    radial-gradient(760px 420px at 88% 0%, rgba(0, 165, 226,.10), transparent 62%),
    radial-gradient(620px 380px at 4% 96%, rgba(0, 165, 226,.07), transparent 60%);
}
.bdr-site-redesign .bdr-native-surface--light.bdr-native-section--03,
.bdr-site-redesign .bdr-native-surface--light.bdr-native-section--04,
.bdr-site-redesign .bdr-native-surface--light.bdr-native-section--07,
.bdr-site-redesign .bdr-native-surface--light.bdr-native-section--08{
  background-color:#F8FAFD;
  background-image:
    radial-gradient(700px 400px at 8% 0%, rgba(0, 165, 226,.09), transparent 60%),
    radial-gradient(680px 400px at 94% 92%, rgba(0, 165, 226,.10), transparent 62%);
}

/* ---------- terminal band 1: the closing CTA is always solid brand blue ---------- */
.bdr-site-redesign .bdr-native-section:has(.bdr-site-closing-cta),
.bdr-site-redesign .bdr-native-section:has(.bdr-post-closing){
  background-color:#00A5E2 !important;
  background-image:none !important;
}
.bdr-site-redesign .bdr-site-closing-cta,
.bdr-site-redesign .bdr-post-closing{
  background-color:#00A5E2 !important;
  background-image:none !important;
  color:#DCE3FF;
}
.bdr-site-redesign .bdr-site-closing-cta p,
.bdr-site-redesign .bdr-post-closing p{color:#DCE3FF}
.bdr-site-redesign .bdr-site-closing-cta :is(h1,h2,h3,h4),
.bdr-site-redesign .bdr-post-closing :is(h1,h2,h3,h4){color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF}
.bdr-site-redesign .bdr-site-closing-cta :is(h1,h2,h3,h4) span,
.bdr-site-redesign .bdr-post-closing :is(h1,h2,h3,h4) span{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
.bdr-site-redesign .bdr-site-closing-cta a,
.bdr-site-redesign .bdr-post-closing a{color:#FFFFFF !important}
.bdr-site-redesign .bdr-site-closing-cta svg,
.bdr-site-redesign .bdr-post-closing svg{color:#FFFFFF;fill:#FFFFFF}
.bdr-site-redesign .bdr-site-closing-cta a[style*="background"],
.bdr-site-redesign .bdr-post-closing a[style*="background"]{background-color:#FFFFFF !important;color:#00A5E2 !important}
.bdr-site-redesign .bdr-site-closing-cta a[style*="background"]:hover,
.bdr-site-redesign .bdr-site-closing-cta a[style*="background"]:focus-visible,
.bdr-site-redesign .bdr-post-closing a[style*="background"]:hover,
.bdr-site-redesign .bdr-post-closing a[style*="background"]:focus-visible{background-color:#DCE3FF !important;color:#0090C5 !important}

/* ---------- terminal band 2: the footer is always black ---------- */
.bdr-site-redesign .elementor-location-footer,
.bdr-site-redesign .elementor-location-footer .bdr-native-section,
.bdr-site-redesign .bdr-site-footer{background-color:#000000 !important;background-image:none !important}
.bdr-site-redesign .elementor-location-footer :is(h1,h2,h3,h4,strong){color:#FFFFFF}
.bdr-site-redesign .elementor-location-footer p{color:#BCC3CE}
.bdr-site-redesign .elementor-location-footer a{color:#E4E8EE}
.bdr-site-redesign .elementor-location-footer a:hover{color:#00A5E2}

/* ---------- text on content bands (menus and terminal bands excluded) ---------- */
.bdr-site-redesign .bdr-native-surface--dark:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) :is(h1,h2,h3){color:#F3F5F9}
.bdr-site-redesign .bdr-native-surface--dark:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) p{color:#C7CEDA}
.bdr-site-redesign .bdr-native-surface--dark:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) .bdr-section-intro-kicker{color:#00A5E2 !important}
.bdr-site-redesign .bdr-native-surface--light:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) :is(h1,h2,h3){color:#10131A}
.bdr-site-redesign .bdr-native-surface--light:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) p{color:#4B5464}
.bdr-site-redesign .bdr-native-surface--light:not(:has(.bdr-main-nav)):not(:has(.bdr-site-closing-cta)):not(:has(.bdr-post-closing)) .bdr-section-intro-kicker{color:#007FAF !important}

/* accent word inside a heading */
.bdr-site-redesign .bdr-native-surface--dark .bdr-home-heading-accent,
.bdr-site-redesign .bdr-native-surface--dark .bdr-orange-heading-text,
.bdr-site-redesign .bdr-native-surface--dark .bdr-faq-heading-accent{color:#00A5E2 !important;-webkit-text-fill-color:#00A5E2 !important}
.bdr-site-redesign .bdr-native-surface--dark .bdr-orange-icon{color:#00A5E2 !important}

/* ---------- cards ---------- */
.bdr-site-redesign .bdr-native-surface--dark :is(.bdr-content-card,.bdr-related-link-card,.bdr-step-icon-tile,.bdr-black-icon-tile,.bdr-fl-no-sr22-process-card,.bdr-fl-no-sr22-coverage-panel):hover{border-color:#00A5E2 !important;box-shadow:0 18px 46px rgba(0,0,0,.16)}
.bdr-site-redesign .bdr-native-surface--light :is(.bdr-content-card,.bdr-related-link-card,.bdr-archive-card,.bdr-blog-card,.bdr-blog-featured-card):hover{border-color:#00A5E2 !important;box-shadow:0 18px 46px rgba(0,0,0,.16)}

/* ---------- the quote button (approved menu exception: colour only) ---------- */
.bdr-site-redesign a.bdr-home-bright-orange,
.bdr-site-redesign a.bdr-home-bright-orange.bdr-header-quote{background-color:#00A5E2 !important;color:#FFFFFF !important}
.bdr-site-redesign a.bdr-home-bright-orange:hover,
.bdr-site-redesign a.bdr-home-bright-orange:focus-visible,
.bdr-site-redesign a.bdr-home-bright-orange.bdr-header-quote:hover,
.bdr-site-redesign a.bdr-home-bright-orange.bdr-header-quote:focus-visible{background-color:#0090C5 !important;color:#FFFFFF !important}

/* ---------- long-form: blog index, posts, archives ---------- */
.bdr-site-redesign .bdr-post-content :is(h2,h3,h4,h5,h6),
.bdr-site-redesign .bdr-post-content :is(h2,h3,h4,h5,h6) *{color:#10131A !important;-webkit-text-fill-color:#10131A}
.bdr-site-redesign .bdr-post-content{color:#4B5464}
.bdr-site-redesign .bdr-post-content a{color:#00A5E2}
.bdr-site-redesign .bdr-post-content a:hover{color:#0090C5}
.bdr-site-redesign .bdr-post-meta{color:#B0B8C4 !important}
.bdr-site-redesign .bdr-post-hero{background-color:#14171D;background-image:radial-gradient(900px 460px at 10% -6%, rgba(0, 165, 226,.34), transparent 62%), radial-gradient(700px 420px at 92% 10%, rgba(0, 165, 226,.16), transparent 60%)}
.bdr-site-redesign .bdr-post-hero h1{color:#F3F5F9}
.bdr-site-redesign .bdr-post-hero .bdr-breadcrumbs,
.bdr-site-redesign .bdr-post-hero .bdr-article-breadcrumbs{color:#B0B8C4}
.bdr-site-redesign .bdr-post-hero .bdr-breadcrumbs a,
.bdr-site-redesign .bdr-post-hero .bdr-article-breadcrumbs a{color:#00A5E2}
.bdr-site-redesign .bdr-blog-featured-copy h2,
.bdr-site-redesign .bdr-blog-featured-copy h2 *,
.bdr-site-redesign .bdr-blog-card-copy h3,
.bdr-site-redesign .bdr-blog-card-copy h3 *,
.bdr-site-redesign .bdr-archive-card-copy h2,
.bdr-site-redesign .bdr-archive-card-copy h2 *{color:#10131A !important;-webkit-text-fill-color:#10131A}
.bdr-site-redesign .bdr-blog-featured-card,
.bdr-site-redesign .bdr-blog-card,
.bdr-site-redesign .bdr-archive-card{border:1px solid rgba(15,16,20,.07) !important;border-radius:20px}
.bdr-site-redesign .bdr-blog-meta span{border:1px solid rgba(0, 165, 226,.22) !important;background:rgba(0, 165, 226,.09) !important;color:#5C6575 !important}
.bdr-site-redesign .bdr-blog-topic-link{background:rgba(255,255,255,.055) !important;color:#C7CEDA !important;border:1px solid rgba(255,255,255,.16) !important}
.bdr-site-redesign .bdr-blog-topic-link:hover,
.bdr-site-redesign .bdr-blog-topic-link:focus-visible{background:rgba(255,255,255,.10) !important;color:#F3F5F9 !important;border-color:#00A5E2 !important}
.bdr-site-redesign .bdr-blog-topic-link[aria-current="page"]{background:#00A5E2 !important;color:#FFFFFF !important;border-color:#00A5E2 !important}
.bdr-site-redesign .bdr-blog-hero-description{color:#C7CEDA}
.bdr-site-redesign .bdr-archive-hero,
.bdr-site-redesign .bdr-blog-hero{background-color:#14171D}
.bdr-site-redesign .bdr-archive-title,
.bdr-site-redesign .bdr-archive-hero h1{color:#F3F5F9}

/* Elementor Posts widget on the blog index */
.bdr-site-redesign .bdr-native-surface--light .elementor-post__title,
.bdr-site-redesign .bdr-native-surface--light .elementor-post__title a{color:#10131A}
.bdr-site-redesign .bdr-native-surface--dark .elementor-post__title,
.bdr-site-redesign .bdr-native-surface--dark .elementor-post__title a{color:#F3F5F9}
.bdr-site-redesign .bdr-native-surface--light .elementor-post__meta-data{color:#5C6575}
.bdr-site-redesign .bdr-native-surface--dark .elementor-post__meta-data{color:#B0B8C4}
.bdr-site-redesign .elementor-post__excerpt{color:#4B5464}
.bdr-site-redesign .elementor-post__read-more{color:#00A5E2}
.bdr-site-redesign .elementor-post__read-more:hover{color:#0090C5}
.bdr-site-redesign .elementor-post__thumbnail{border-radius:20px}

/* ---------- Garrick launcher (everything inside the panel belongs to the plugin) ---------- */
/* 8 September 2026: the recolour block that sat here painted the OLD widget's
   chrome (launcher-dot, header-mark, beta -- classes that no longer exist) and,
   through .bdr-garrick__card, .bdr-garrick__button--primary and the visitor
   bubble, second-guessed the plugin's own panel sheet: once the panel went solid
   dark, .bdr-garrick__card drew a blue box around every quote question. The
   plugin owns its panel; those rules are gone. What stays is the launcher's
   brand-blue rule and glow, which the site has carried since the recolour. */
.bdr-garrick__launcher{border:1px solid rgba(0, 165, 226,.6);box-shadow:0 14px 40px rgba(0,0,0,.5), 0 0 26px rgba(0, 165, 226,.24)}
.bdr-garrick__launcher:hover{box-shadow:0 14px 40px rgba(0,0,0,.5), 0 0 30px rgba(0, 165, 226,.44)}

/* Garrick launcher pill - kill the stray #CC3366 that was inherited onto it */
.bdr-garrick__launcher{color:#F3F5F9 !important;border-color:rgba(0, 165, 226,.6) !important}
.bdr-garrick__launcher *{border-color:inherit}