/* CLRBD V45 — unified cool legal button theme (2026-08-16)
   One palette, same rendering on desktop/tablet/mobile.
   Values are controlled by Admin > Website Settings via CSS variables. */
:root{
  --clr-btn-primary:#2f6f89;
  --clr-btn-primary-text:#ffffff;
  --clr-btn-secondary:#0b2948;
  --clr-btn-secondary-text:#ffffff;
}

/* Primary public actions */
.btn.btn-gold,
.header-book,
.head-cta,
.submit-btn,
.v7-submit,
.consult-submit-main,
.lead-cta-button,
.ds-btn.ds-btn-primary,
.ds-head-btn.primary,
.ds-membership-submit,
.lp-btn.primary,
.lp-submit,
.catalog-bottom-cta>a,
.floating-legal-hook,
body[data-page="home"] .header-book,
body[data-page="home"] .btn-gold{
  background:linear-gradient(135deg,var(--clr-btn-primary),#e4c47a)!important;
  background-image:none!important;
  color:var(--clr-btn-primary-text)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 12px 26px rgba(8,24,44,.18)!important;
}

/* Secondary / dark actions */
.btn.btn-dark,
.back-to-top,
.card-open,
.category-chip.active,
.ds-membership-plan-btn:hover,
.ds-membership-plan-btn:focus-visible,
.ds-membership-card.selected .ds-membership-plan-btn{
  background:linear-gradient(135deg,var(--clr-btn-secondary),#194d76)!important;
  background-image:none!important;
  color:var(--clr-btn-secondary-text)!important;
  border-color:rgba(228,196,122,.32)!important;
  box-shadow:0 10px 24px rgba(7,22,43,.18)!important;
}

/* Outline actions */
.btn.btn-outline-dark,
.btn.btn-ghost,
.ds-btn.ds-btn-ghost,
.lp-btn.ghost,
.catalog-more,
body[data-page="home"] .hero .hero-actions-final3 .hero-secondary-action{
  background:rgba(17,58,92,.22)!important;
  background-image:none!important;
  color:#f8fbff!important;
  border:1px solid rgba(228,196,122,.45)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(4px)!important;
}
.btn.btn-outline-dark:hover,
.btn.btn-ghost:hover,
.ds-btn.ds-btn-ghost:hover,
.lp-btn.ghost:hover,
.catalog-more:hover,
body[data-page="home"] .hero .hero-actions-final3 .hero-secondary-action:hover{
  background:linear-gradient(135deg,var(--clr-btn-secondary),#194d76)!important;
  color:var(--clr-btn-secondary-text)!important;
  border-color:rgba(228,196,122,.55)!important;
}

/* Small UI controls that previously inherited burgundy/gold independently. */
.lang-btn.active{
  background:var(--clr-btn-primary)!important;
  background-image:none!important;
  color:var(--clr-btn-primary-text)!important;
}
.floating-legal-hook .hook-icon{
  background:#113a5c!important;
  color:#f5f7fb!important;
  box-shadow:0 6px 14px rgba(7,22,43,.16)!important;
}
.floating-legal-hook .hook-label,
.floating-legal-hook small{color:var(--clr-btn-primary-text)!important}
.back-to-top,.back-to-top span{
  background:#fff!important;
  background-image:none!important;
  color:#113a5c!important;
  border-color:rgba(228,196,122,.55)!important;
  box-shadow:0 10px 24px rgba(7,22,43,.14)!important;
}

/* The same hover/focus behavior across every viewport. */
.btn.btn-gold:hover,.header-book:hover,.head-cta:hover,.submit-btn:hover,.v7-submit:hover,
.consult-submit-main:hover,.lead-cta-button:hover,.ds-btn.ds-btn-primary:hover,.ds-head-btn.primary:hover,
.ds-membership-submit:hover,.lp-btn.primary:hover,.lp-submit:hover,.catalog-bottom-cta>a:hover,.floating-legal-hook:hover{
  filter:brightness(.92);
}
.btn:focus-visible,.header-book:focus-visible,.head-cta:focus-visible,.submit-btn:focus-visible,.v7-submit:focus-visible,
.ds-btn:focus-visible,.lp-btn:focus-visible,.floating-legal-hook:focus-visible,.back-to-top:focus-visible{
  outline:3px solid color-mix(in srgb,var(--clr-btn-primary) 34%,white)!important;
  outline-offset:2px!important;
}

@media(max-width:760px){
  /* Explicitly neutralise older mobile-only hard-coded colors. */
  body[data-page="home"] .header-book,
  body[data-page="home"] .btn-gold,
  .floating-legal-hook{
    background:linear-gradient(135deg,var(--clr-btn-primary),#e4c47a)!important;
    background-image:none!important;
    color:var(--clr-btn-primary-text)!important;
    border-color:rgba(255,255,255,.12)!important;
  }
  .back-to-top,.back-to-top span{
    background:#fff!important;
    background-image:none!important;
    color:#113a5c!important;
    border-color:rgba(228,196,122,.55)!important;
  }
}