/* Canonical MCR contact buttons, matching the approved recovery v3 design. */
.mcr-v2 .mcr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.mcr-v2 .mcr-actions > .mcr-btn { flex: 1 1 auto; }
.mcr-v2 .mcr-btn {
  --mcr-btn-focus: var(--mcr-gold-light, #f0d595);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 58px;
  min-width: 0;
  max-width: 100%;
  padding: 7px 20px 7px 7px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  box-shadow: none;
  font: 800 14.5px/1.2 var(--mcr-font-body, 'MCR Manrope', Arial, sans-serif);
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  cursor: pointer;
  transition: transform .25s ease, background .25s, border-color .25s, color .25s;
  -webkit-tap-highlight-color: transparent;
}
.mcr-v2 .mcr-btn:hover { color: inherit; box-shadow: none; transform: translateY(-2px); }
.mcr-v2 .mcr-btn:active { transform: none; }
.mcr-v2 .mcr-btn:focus-visible { outline: 2px solid var(--mcr-btn-focus); outline-offset: 3px; box-shadow: none; }
.mcr-v2 .mcr-btn__icon { display: grid; flex: 0 0 42px; place-items: center; width: 42px; height: 42px; border-radius: 50%; }
.mcr-v2 .mcr-btn__icon svg { width: 19px; height: 19px; }
.mcr-v2 .mcr-btn__copy { display: flex; flex: 0 1 auto; flex-direction: column; gap: 3px; min-width: 0; }
.mcr-v2 .mcr-btn__eyebrow { display: block; font: 600 11px/1 'MCR Barlow Condensed', 'Arial Narrow', sans-serif; letter-spacing: .12em; text-transform: uppercase; opacity: .72; }
.mcr-v2 .mcr-btn__label { display: block; font: inherit; letter-spacing: 0; line-height: 1.2; overflow-wrap: normal; }
.mcr-v2 .mcr-btn__arrow { display: grid; flex: 0 0 auto; place-items: center; margin-left: auto; padding-left: 6px; transition: transform .25s; }
.mcr-v2 .mcr-btn__arrow svg { width: 16px; height: 16px; }
.mcr-v2 .mcr-btn:hover .mcr-btn__arrow { transform: translateX(4px); }
.mcr-v2 .mcr-btn--call { background: linear-gradient(135deg, #f3dea2, #d9b45f 60%, #c29b48); color: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--call:hover { background: linear-gradient(135deg, #f7e6b6, #e0be6e 60%, #c9a350); color: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--call .mcr-btn__icon { background: var(--mcr-navy, #0b1230); color: var(--mcr-gold-light, #f0d595); }
.mcr-v2 .mcr-btn--whatsapp { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .3); color: #fff; }
.mcr-v2 .mcr-btn--whatsapp:hover { background: rgba(255, 255, 255, .1); border-color: var(--mcr-gold-light, #f0d595); color: #fff; }
.mcr-v2 .mcr-btn--whatsapp .mcr-btn__icon { background: #25d366; color: #fff; }
.mcr-v2 .mcr-btn--whatsapp .mcr-btn__icon svg { width: 21px; height: 21px; }
.mcr-v2 .mcr-btn--light { --mcr-btn-focus: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--call.mcr-btn--light { background: var(--mcr-navy, #0b1230); color: #fff; }
.mcr-v2 .mcr-btn--call.mcr-btn--light:hover { background: var(--mcr-blue, #22388f); color: #fff; }
.mcr-v2 .mcr-btn--call.mcr-btn--light .mcr-btn__icon { background: var(--mcr-gold, #d9b45f); color: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--whatsapp.mcr-btn--light { background: #fff; border-color: #d3cebf; color: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--whatsapp.mcr-btn--light:hover { background: #fff; border-color: var(--mcr-navy, #0b1230); color: var(--mcr-navy, #0b1230); }
.mcr-v2 .mcr-btn--compact { min-height: 48px; gap: 8px; padding: 7px 12px 7px 7px; }
.mcr-v2 .mcr-btn--compact .mcr-btn__icon { flex-basis: 32px; width: 32px; height: 32px; }
.mcr-v2 .mcr-btn--compact .mcr-btn__icon svg { width: 16px; height: 16px; }
.mcr-v2 .mcr-btn--whatsapp.mcr-btn--compact .mcr-btn__icon svg { width: 18px; height: 18px; }
.mcr-v2 .mcr-btn--compact .mcr-btn__copy { gap: 0; }
.mcr-v2 .mcr-btn--compact .mcr-btn__eyebrow { display: none; }
.mcr-v2 .mcr-btn--compact .mcr-btn__arrow { padding-left: 0; }

.mcr-v2 .mcr-btn--icon-only { width: 48px; min-width: 48px; height: 48px; min-height: 48px; flex: 0 0 48px; justify-content: center; padding: 7px; gap: 0; }

/* Header controls keep the shared pill shape with quieter, unframed icons. */
.mcr-v2 .mcr-header-actions .mcr-btn { min-height: 48px; justify-content: center; gap: 9px; padding: 12px 16px; }
.mcr-v2 .mcr-header-actions .mcr-btn:hover { transform: none; }
.mcr-v2 .mcr-header-actions .mcr-btn__icon { flex-basis: 20px; width: 20px; height: 20px; border-radius: 0; background: transparent; }
.mcr-v2 .mcr-header-actions .mcr-btn .mcr-btn__icon svg { width: 20px; height: 20px; }
.mcr-v2 .mcr-header-actions .mcr-btn__arrow, .mcr-v2 .mcr-header-actions .mcr-btn__eyebrow { display: none; }
.mcr-v2 .mcr-header-actions .mcr-btn--call { background: var(--mcr-navy, #0b1230); border-color: var(--mcr-navy, #0b1230); color: #fff; }
.mcr-v2 .mcr-header-actions .mcr-btn--call:hover { background: var(--mcr-blue, #22388f); border-color: var(--mcr-blue, #22388f); color: #fff; }
.mcr-v2 .mcr-header-actions .mcr-btn--call .mcr-btn__icon { background: transparent; color: var(--mcr-gold-light, #f0d595); }
@media (max-width: 600px) {
  .mcr-v2 .mcr-actions { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
  .mcr-v2 .mcr-actions > .mcr-btn { width: 100%; }
}
@media (max-width: 430px) {
  .mcr-v2 .mcr-btn--compact { gap: 7px; padding-inline: 6px 10px; }
  .mcr-v2 .mcr-btn--compact .mcr-btn__arrow { display: none; }
}
@media (max-width: 359px) {
  .mcr-v2 .mcr-btn--compact { gap: 5px; padding: 6px; font-size: 13px; }
  .mcr-v2 .mcr-btn--compact .mcr-btn__icon { flex-basis: 26px; width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .mcr-v2 .mcr-btn, .mcr-v2 .mcr-btn__arrow { transition: none; }
  .mcr-v2 .mcr-btn:hover, .mcr-v2 .mcr-btn:hover .mcr-btn__arrow { transform: none; }
}
/* Footer contact icons retain a square target at every breakpoint. */
.mcr-v2 .mcr-footer-top-actions.mcr-actions { display: flex; width: auto; }
.mcr-v2 .mcr-footer-top-actions .mcr-btn--icon-only { flex: 0 0 48px; width: 48px; max-width: 48px; padding: 7px; gap: 0; }