/* Last-loaded action contract. Token pairs only — beats product theme.css. */

html body[class*="sector-"] .btn.btn-primary:not(.cta-band .btn-primary):not(.page-cta .btn-primary):not(.about-page-cta .btn-primary),
html body[class*="sector-"] .header-cta.btn-primary {
    background: var(--theme-accent-button, var(--theme-accent));
    color: var(--theme-on-accent, var(--theme-on-primary, #fff));
    border-color: transparent;
}

html body[class*="sector-"] .cta-band .btn.btn-primary,
html body[class*="sector-"] .page-cta .btn.btn-primary,
html body[class*="sector-"] .about-page-cta .btn.btn-primary,
html body[class*="sector-"] .contact-cta-phone {
    background: var(--theme-accent-button, var(--theme-accent));
    color: var(--theme-on-accent, var(--theme-on-primary, #fff));
    border-color: transparent;
}

html body[class*="sector-"] .btn.btn-whatsapp,
html body[class*="sector-"] .btn.btn-ghost,
html body[class*="sector-"] .contact-form-wa,
html body[class*="sector-"] .mobile-wa.btn-whatsapp,
html body[class*="sector-"] .about-visit-actions .btn-whatsapp,
html body[class*="sector-"] .footer-wa {
    background: transparent;
    color: var(--theme-ink);
    border-color: var(--theme-surface-border, var(--color-border));
}

html body[class*="sector-"] .btn.btn-secondary {
    background: var(--theme-surface);
    color: var(--theme-ink);
    border-color: var(--theme-accent);
}

html body[class*="sector-"] :is(.hero-photo, .cta-band, .page-cta, .about-page-cta) :is(.btn-whatsapp, .btn-ghost, .btn-outline, .btn-secondary) {
    background: transparent;
    color: var(--theme-on-primary, #fff);
    border-color: color-mix(in srgb, var(--theme-on-primary, #fff) 55%, transparent);
}

html body[class*="sector-"] :is(.hero-photo, .cta-band, .page-cta, .about-page-cta) :is(.btn-whatsapp, .btn-ghost, .btn-outline, .btn-secondary):hover {
    background: color-mix(in srgb, var(--theme-on-primary, #fff) 12%, transparent);
    color: var(--theme-on-primary, #fff);
    border-color: var(--theme-on-primary, #fff);
}

html body[class*="sector-"] a.floating-wa {
    background: var(--theme-accent-button, var(--theme-accent));
    color: var(--theme-on-accent, var(--theme-on-primary, #fff));
    border: 0;
    box-shadow: 0 8px 24px color-mix(in srgb, var(--theme-accent-button, var(--theme-accent)) 42%, transparent);
}

html body[class*="sector-"] a.floating-wa .icon,
html body[class*="sector-"] a.floating-wa .icon svg {
    display: inline-flex;
    color: inherit;
}

html body[class*="sector-"] .contact-cta-wa {
    background: var(--theme-accent-button, var(--theme-accent));
    color: var(--theme-on-accent, var(--theme-on-primary, #fff));
}