/* Domira Home Care shared design system
   WEB-D20 alignment layer. Load after page-specific CSS. */

:root{
  --domira-navy:var(--navy,#1a2f4e);
  --domira-navy-dark:var(--navy-dark,#0e1e30);
  --domira-navy-hover:#243d5f;
  --domira-champagne:var(--parchment,#f3eee2);
  --domira-champagne-hover:#e9dfc9;
  --domira-champagne-border:var(--parchment-dark,#d2c29a);
  --domira-gold:var(--gold,#b8960c);
  --domira-gold-bright:#d4ae2a;
}

/* Gold is an accent, not a large CTA fill. */
a.btn,button.btn{
  border-radius:4px!important;
  box-shadow:none!important;
  font-weight:650!important;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:.4rem;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
a.btn:hover,button.btn:hover{transform:translateY(-1px)}
a.btn:focus-visible,button.btn:focus-visible{
  outline:3px solid rgba(212,174,42,.42);
  outline-offset:3px;
}

/* Default action on white/parchment surfaces. */
.btn.cta-primary,
.btn.btn-gold{
  background:var(--domira-navy)!important;
  color:#fff!important;
  border:2px solid var(--domira-navy)!important;
  animation:none!important;
}
.btn.cta-primary:hover,
.btn.cta-primary:focus-visible,
.btn.btn-gold:hover,
.btn.btn-gold:focus-visible{
  background:var(--domira-navy-hover)!important;
  color:#fff!important;
  border-color:var(--domira-navy-hover)!important;
}

/* Primary action on navy/dark surfaces. */
.btn.cta-secondary-dark{
  background:var(--domira-champagne)!important;
  color:var(--domira-navy)!important;
  border:2px solid var(--domira-champagne-border)!important;
  animation:none!important;
}
.btn.cta-secondary-dark:hover,
.btn.cta-secondary-dark:focus-visible{
  background:var(--domira-champagne-hover)!important;
  color:var(--domira-navy)!important;
  border-color:var(--domira-gold)!important;
}

/* Secondary actions. */
.btn.cta-secondary-light{
  background:var(--domira-navy)!important;
  color:#fff!important;
  border:2px solid var(--domira-navy)!important;
  animation:none!important;
}
.btn.cta-secondary-light:hover,
.btn.cta-secondary-light:focus-visible{
  background:var(--domira-navy-hover)!important;
  color:#fff!important;
  border-color:var(--domira-navy-hover)!important;
}
.btn.cta-tertiary-light{
  background:transparent!important;
  color:var(--domira-navy)!important;
  border:2px solid rgba(26,47,78,.68)!important;
  animation:none!important;
}
.btn.cta-tertiary-light:hover,
.btn.cta-tertiary-light:focus-visible{
  background:var(--domira-navy)!important;
  color:#fff!important;
  border-color:var(--domira-navy)!important;
}
.btn.cta-tertiary-dark{
  background:transparent!important;
  color:var(--domira-champagne)!important;
  border:2px solid rgba(243,238,226,.82)!important;
  animation:none!important;
}
.btn.cta-tertiary-dark:hover,
.btn.cta-tertiary-dark:focus-visible{
  background:var(--domira-champagne)!important;
  color:var(--domira-navy)!important;
  border-color:var(--domira-champagne)!important;
}

/* Resource/decision heroes: one champagne primary plus one quiet outlined secondary. */
.resource-hero .btn.cta-primary,
.cost-hero .btn.cta-primary{
  background:transparent!important;
  color:var(--domira-champagne)!important;
  border:2px solid rgba(243,238,226,.82)!important;
}
.resource-hero .btn.cta-primary:hover,
.resource-hero .btn.cta-primary:focus-visible,
.cost-hero .btn.cta-primary:hover,
.cost-hero .btn.cta-primary:focus-visible{
  background:var(--domira-champagne)!important;
  color:var(--domira-navy)!important;
  border-color:var(--domira-champagne)!important;
}

/* Single-primary dark heroes. */
.ref-hero .btn.cta-primary,
.start-hero .btn.cta-primary,
.contact-review-hero .btn.cta-primary{
  background:var(--domira-champagne)!important;
  color:var(--domira-navy)!important;
  border:2px solid var(--domira-champagne-border)!important;
}
.ref-hero .btn.cta-primary:hover,
.ref-hero .btn.cta-primary:focus-visible,
.start-hero .btn.cta-primary:hover,
.start-hero .btn.cta-primary:focus-visible,
.contact-review-hero .btn.cta-primary:hover,
.contact-review-hero .btn.cta-primary:focus-visible{
  background:var(--domira-champagne-hover)!important;
  color:var(--domira-navy)!important;
  border-color:var(--domira-gold)!important;
}

/* Forms use the navy action treatment, even when the page hero uses champagne. */
form .btn.cta-primary,
form button.btn.cta-primary{
  background:var(--domira-navy)!important;
  color:#fff!important;
  border:2px solid var(--domira-navy)!important;
}
form .btn.cta-primary:hover,
form .btn.cta-primary:focus-visible,
form button.btn.cta-primary:hover,
form button.btn.cta-primary:focus-visible{
  background:var(--domira-navy-hover)!important;
  color:#fff!important;
  border-color:var(--domira-navy-hover)!important;
}

.domira-hero-link{
  display:inline-flex!important;
  align-items:center;
  gap:.4rem;
  align-self:flex-start;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:.35rem .1rem!important;
  min-height:0!important;
  border-radius:0!important;
  text-decoration:none!important;
  font-weight:700!important;
  transition:color .18s ease!important;
}
.domira-hero-link:hover,
.domira-hero-link:focus-visible{
  color:#f5edd0!important;
  background:transparent!important;
}
@media(max-width:600px){.domira-hero-link{align-self:flex-start!important;width:auto!important}}

/* Hero hierarchy: one champagne primary action, then a quiet text link. */
.ref-actions .btn + .btn,
.cost-hero-actions .btn + .btn,
.resource-hero-actions .btn + .btn,
.hc-hero-actions .btn + .btn,
.hub-hero-actions .btn + .btn,
.review-hero-actions .btn + .btn,
.start-hero-actions .btn + .btn,
.contact-review-actions .btn + .btn,
.careers-hero-actions .btn + .btn{
  background:transparent!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:0!important;
  padding:.35rem .1rem!important;
  transform:none!important;
  text-decoration:none!important;
  font-weight:700!important;
  transition:color .18s ease!important;
}
.ref-actions .btn + .btn::after,
.cost-hero-actions .btn + .btn::after,
.resource-hero-actions .btn + .btn::after,
.hc-hero-actions .btn + .btn::after,
.hub-hero-actions .btn + .btn::after,
.review-hero-actions .btn + .btn::after,
.start-hero-actions .btn + .btn::after,
.contact-review-actions .btn + .btn::after,
.careers-hero-actions .btn + .btn::after{
  content:" →";
  color:inherit;
}
.ref-actions .btn + .btn:hover,
.ref-actions .btn + .btn:focus-visible,
.cost-hero-actions .btn + .btn:hover,
.cost-hero-actions .btn + .btn:focus-visible,
.resource-hero-actions .btn + .btn:hover,
.resource-hero-actions .btn + .btn:focus-visible,
.hc-hero-actions .btn + .btn:hover,
.hc-hero-actions .btn + .btn:focus-visible,
.hub-hero-actions .btn + .btn:hover,
.hub-hero-actions .btn + .btn:focus-visible,
.review-hero-actions .btn + .btn:hover,
.review-hero-actions .btn + .btn:focus-visible,
.start-hero-actions .btn + .btn:hover,
.start-hero-actions .btn + .btn:focus-visible,
.contact-review-actions .btn + .btn:hover,
.contact-review-actions .btn + .btn:focus-visible,
.careers-hero-actions .btn + .btn:hover,
.careers-hero-actions .btn + .btn:focus-visible{
  color:#f5edd0!important;
  background:transparent!important;
  border:0!important;
  transform:none!important;
}

/* Shared action-group rhythm. */
.ref-actions,
.cost-hero-actions,
.resource-hero-actions,
.hc-hero-actions,
.hub-hero-actions,
.area-hero-actions,
.review-actions,
.review-hero-actions,
.start-hero-actions,
.contact-review-actions,
.contact-review-hero-actions,
.careers-hero-actions{
  display:flex;
  align-items:center;
  gap:.85rem!important;
  flex-wrap:wrap;
}

/* Editorial closing CTAs: same interaction language across pages. */
.cta-editorial-actions{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:.7rem!important;
  flex-wrap:wrap!important;
  margin-top:1.35rem!important;
  font-size:1.08rem!important;
  font-weight:700!important;
  line-height:1.4!important;
}
.cta-editorial-actions a{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
  text-decoration-thickness:1px!important;
}

/* Footer typography is one system regardless of legacy h3/h4 markup. */
.footer-column h3,
.footer-column h4{
  color:#fff!important;
  font-family:'Source Sans 3',sans-serif!important;
  font-size:.9rem!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin-bottom:.8rem!important;
}

/* Mobile navigation CTA: champagne, matching the desktop header action. */
.mobile-nav a[href="/start-here/"]{
  color:var(--domira-champagne)!important;
}

/* Premium icon family for new informational/service concepts. */
.domira-icon-tile{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,#fffaf0,#f1e4bf);
  box-shadow:0 10px 22px rgba(47,62,78,.08),inset 0 0 0 1px rgba(184,150,12,.18);
}
.domira-icon-tile svg{
  width:36px;
  height:36px;
  display:block;
}
.domira-icon-navy{fill:var(--domira-navy);stroke:none}
.domira-icon-gold{fill:var(--domira-gold);stroke:none}
.domira-icon-line{fill:none;stroke:var(--domira-navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.domira-icon-line-gold{fill:none;stroke:var(--domira-gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:600px){
  .ref-actions,
  .cost-hero-actions,
  .resource-hero-actions,
  .hc-hero-actions,
  .hub-hero-actions,
  .area-hero-actions,
  .review-actions,
  .review-hero-actions,
  .start-hero-actions,
  .contact-review-actions,
  .contact-review-hero-actions,
  .careers-hero-actions{
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%;
  }
  .ref-actions .btn,
  .cost-hero-actions .btn,
  .resource-hero-actions .btn,
  .hc-hero-actions .btn,
  .hub-hero-actions .btn,
  .area-hero-actions .btn,
  .review-actions .btn,
  .review-hero-actions .btn,
  .start-hero-actions .btn,
  .contact-review-actions .btn,
  .contact-review-hero-actions .btn,
  .careers-hero-actions .btn{
    width:100%!important;
    max-width:100%!important;
  }
  .careers-hero-inner > .btn{width:100%!important;max-width:350px!important}
  .cta-editorial-actions{
    flex-direction:column!important;
    gap:.42rem!important;
  }
  .cta-editorial-actions>span[aria-hidden="true"]{display:none!important}
}

/* All dark/blue page heroes use the same Domira navy. */
.resource-hero,
.review-hero,
.area-hero,
.hub-hero,
.start-hero,
.ref-hero,
.cost-hero,
.hc-hero,
.contact-review-hero,
.careers-hero,
.service-hero,
.faq-review-hero{
  background:var(--domira-navy)!important;
  background-image:none!important;
}