/* BDR Aurora accents - the exceptions to the one-blue rule, the Keep reading
   band, and the card-art frame. Loads after bdr-aurora.css. Delete this file
   and its enqueue to revert. 2026-09-03. */

/* ---------- pills and chips: the only cyan on the site besides Garrick ---------- */
/* The proof pills keep the treatment the old green ones had - a translucent
   fill and a soft outline of the same hue - with white text. */
body.bdr-site-redesign .bdr-v19-frame :is(
  .bdr-home-process-proof,
  .bdr-fr44-process-proof
){
  background:rgba(0, 165, 226,.16) !important;
  border-color:rgba(0, 165, 226,.48) !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* These two are solid rather than tinted, so they stay solid. White text
   needs 4.5:1, and only #007FAF clears it (4.51) -- #00A5E2 is 2.81. */
body.bdr-site-redesign .bdr-v19-frame :is(
  .bdr-about-trust-chip,
  .bdr-fl-sr22-definition-chip
){
  background:#007FAF !important;
  border-color:#007FAF !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

/* ---------- the BETA tag ---------- */
/* The name is the SVG wordmark now, so there is no text left to colour and the
   rule that did it is gone -- along with the #22D3EE it was painting, which is a
   retired value.

   The tag itself moves onto .bdr-garrick-card-name, the element that still
   exists. It is stated in #00A5E2 here rather than corrected further downstream:
   a snippet in wp_head was repainting this tag to the right blue because this
   rule had the wrong one, and that snippet can now go. */
body.bdr-site-redesign .bdr-garrick-card-name::after{
  content:"BETA";
  display:inline-block;
  margin-left:10px;
  padding:3px 7px;
  border:1px solid #00A5E2;
  border-radius:5px;
  background:transparent;
  color:#00A5E2;
  -webkit-text-fill-color:#00A5E2;
  font-family:"Geist Mono", ui-monospace, SFMono-Regular, monospace;
  font-size:9px;
  font-weight:600;
  letter-spacing:.16em;
  line-height:1;
  vertical-align:middle;
  text-shadow:none;
  filter:none;
}

/* The fourth confidence bar was the last green pixel on the site. */
body.bdr-site-redesign .bdr-garrick-confidence-bar:nth-child(4){
  background:#00A5E2 !important;
}

/* The Powered by credit row, added by bdr-responsive.js to every Garrick card
   that does not already carry one. */
body.bdr-site-redesign .bdr-garrick-powered{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding-top:3px;
}
body.bdr-site-redesign .bdr-garrick-powered span:first-child{
  color:#B6B8BF;
  font-family:"Geist Mono", ui-monospace, monospace;
  font-size:10.5px;
  letter-spacing:1.26px;
}
body.bdr-site-redesign .bdr-garrick-powered .bdr-garrick-powered-rule{
  display:block;
  width:1px;
  height:14px;
  background:rgba(255,255,255,.16);
}
body.bdr-site-redesign .bdr-garrick-powered img{display:block}
body.bdr-site-redesign .bdr-garrick-powered .bdr-garrick-powered-anthropic{
  filter:invert(1) grayscale(1) brightness(1.85);
  opacity:.9;
}

/* ---------- Keep reading sits on white, above the closing CTA ---------- */
body.bdr-site-redesign .bdr-static-related-section,
body.bdr-site-redesign .bdr-related-links{
  background:#FFFFFF !important;
  background-image:none !important;
}
body.bdr-site-redesign .bdr-static-related-section :is(h1,h2,h3,h4),
body.bdr-site-redesign .bdr-static-related-section :is(h1,h2,h3,h4) *,
body.bdr-site-redesign .bdr-related-links :is(h1,h2,h3,h4),
body.bdr-site-redesign .bdr-related-links :is(h1,h2,h3,h4) *{
  color:#10131A !important;
  -webkit-text-fill-color:#10131A !important;
}
body.bdr-site-redesign .bdr-static-related-section p,
body.bdr-site-redesign .bdr-related-links p{color:#4B5464 !important}
body.bdr-site-redesign .bdr-related-links-kicker,
body.bdr-site-redesign .bdr-static-related-section .bdr-related-links-kicker{color:#007FAF !important}
body.bdr-site-redesign .bdr-related-links .bdr-related-link-card,
body.bdr-site-redesign .bdr-static-related-section .bdr-related-link-card{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#00A5E2 !important;
  box-shadow:0 1px 2px rgba(15,16,20,.06) !important;
}
body.bdr-site-redesign .bdr-related-links .bdr-related-link-card:is(:hover,:focus-within){
  box-shadow:0 0 0 1px #00A5E2, 0 18px 46px rgba(15,16,20,.10) !important;
}
body.bdr-site-redesign .bdr-static-related-section a,
body.bdr-site-redesign .bdr-related-links a{color:#007FAF !important}

/* ---------- card art ---------- */
body.bdr-site-redesign .bdr-card-art{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  height:96px;
  margin:0 0 18px;
  pointer-events:none;
}
body.bdr-site-redesign .bdr-card-art svg{
  display:block;
  width:150px;
  height:auto;
}
@media (max-width:767px){
  body.bdr-site-redesign .bdr-card-art{height:84px;margin-bottom:14px}
  body.bdr-site-redesign .bdr-card-art svg{width:130px}
}

/* ---------- odds and ends ---------- */
body.bdr-site-redesign .bdr-list-marker{
  border-color:rgba(0, 165, 226,.62) !important;
  background:rgba(0, 165, 226,.18) !important;
  color:#FFFFFF !important;
}
body.bdr-site-redesign .bdr-section--light .bdr-list-marker{
  border-color:rgba(0, 144, 197,.42) !important;
  background:rgba(0, 165, 226,.12) !important;
  color:#0090C5 !important;
}


/* ==========================================================================
   BDR-ARCHIVE-AURORA-2026-09-09
   Archive, tag and search template (Elementor 4088, "BDR Native Archive and
   Search").

   WHY THESE CARRY !important. Two reasons, both structural:

   1. The sections in this template never received a .bdr-native-surface--dark
      or --light class, so every Aurora rule keyed on those classes misses this
      page completely. That is why the archive was the one template the Aurora
      pass did not reach.
   2. Elementor's generated post-4088.css loads AFTER bdr-aurora.css and beats
      it on both order and specificity, e.g.
        .elementor-4088 .elementor-element-171d75c8 .bdr-archive-posts
        .elementor-post__title { color: oklch(0.705 0.255 34) }
      which is the retired orange. post-4088.css must never be hand-edited --
      Elementor rewrites it on the next save -- so it is overridden from here.
   ========================================================================== */

/* The eyebrow above the archive title inherited the Elementor kit's
   --e-global-color-primary, which resolves near-black, and sat invisible on the
   dark hero. It is the only div.elementor-heading-title on the page; the H1 is
   an h1 and keeps the light ink it already had. */
.bdr-site-redesign .bdr-archive-hero div.elementor-heading-title {
  color: #00A5E2 !important;
}

/* Card titles were still the retired orange. #10131A is the light-surface ink;
   hover takes #007FAF rather than #00A5E2 because the card is white and
   #00A5E2 is only 2.8:1 there, under the 4.5:1 floor. #007FAF is 4.51:1. */
.bdr-site-redesign .bdr-archive-posts .elementor-post__title,
.bdr-site-redesign .bdr-archive-posts .elementor-post__title a {
  color: #10131A !important;
  -webkit-text-fill-color: #10131A;
}
.bdr-site-redesign .bdr-archive-posts .elementor-post__title a:hover,
.bdr-site-redesign .bdr-archive-posts .elementor-post__title a:focus-visible {
  color: #007FAF !important;
  -webkit-text-fill-color: #007FAF;
}

.bdr-site-redesign .bdr-archive-posts .elementor-post__read-more {
  color: #007FAF !important;
}
.bdr-site-redesign .bdr-archive-posts .elementor-post__read-more:hover,
.bdr-site-redesign .bdr-archive-posts .elementor-post__read-more:focus-visible {
  color: #0090C5 !important;
}

.bdr-site-redesign .bdr-archive-posts .elementor-post__meta-data {
  color: #5C6575 !important;
}
.bdr-site-redesign .bdr-archive-posts .elementor-post__excerpt,
.bdr-site-redesign .bdr-archive-posts .elementor-post__excerpt p {
  color: #4B5464 !important;
}

/* ==========================================================================
   THE ACCENT ON A LIGHT SURFACE

   #00A5E2 is the brand accent and reads at 7.5:1 on the dark body. On white it
   measures 2.81:1 -- under the 4.5:1 floor for text and the 3:1 floor for a
   graphic -- so a light surface states the same accent as #007FAF (4.51:1),
   which is what the card art, the archive template and the pills above already
   use. This is the light-surface half of one accent, not a second colour.

   Almost none of it is stated here. bdr-site.js paints every authored accent
   inline from the surface that node actually sits on, and the rules that are
   light by name carry #007FAF at their own definitions. Heading accents and
   the FAQ toggle were listed here for a moment and are not any more: a section
   class cannot tell a dark FAQ card inside a white band from the band itself,
   so this rule was repainting those toggles light. What is left is the art and
   the blog index's read-more link, which no inline pass reaches.
   ========================================================================== */

/* The blog index states its read-more link once for both of the bands it
   appears in. On the light one that is 2.81:1, so the light band restates it.
   The archive template has carried its own copy of this since 2026-09-09. */
body.bdr-site-redesign :is(.bdr-section--light, .bdr-native-surface--light) .elementor-post__read-more{
  color:#007FAF !important;
  -webkit-text-fill-color:#007FAF !important;
}

/* Art authored in the dark palette that ended up on a white band. Only the
   accent moves; the body fill and the neutral lines are already light-safe. */
body.bdr-site-redesign :is(.bdr-section--light, .bdr-native-surface--light) svg[fill="#00A5E2"],
body.bdr-site-redesign :is(.bdr-section--light, .bdr-native-surface--light) svg [fill="#00A5E2"]{
  fill:#007FAF !important;
}
body.bdr-site-redesign :is(.bdr-section--light, .bdr-native-surface--light) svg[stroke="#00A5E2"],
body.bdr-site-redesign :is(.bdr-section--light, .bdr-native-surface--light) svg [stroke="#00A5E2"]{
  stroke:#007FAF !important;
}