/* Step 4: CTA consistency pass
   Scope: inner pages only. Homepage remains untouched through body.site-redesign-body. */

body.site-redesign-body {
    --yg-cta-green: #08752f;
    --yg-cta-green-dark: #005b25;
    --yg-cta-gold: #ffbe18;
    --yg-cta-gold-dark: #e5aa00;
    --yg-cta-orange: #f36b0b;
    --yg-cta-ink: #172033;
    --yg-cta-whatsapp: #25d366;
}

body.site-redesign-body :is(
    .about-primary-btn,
    .about-outline-btn,
    .about-small-btn,
    .about-md-btn,
    .about-cta-call,
    .about-cta-enquire,
    .amenities-call-btn,
    .amenities-enquire-btn,
    .amenities-cta-call,
    .amenities-cta-enquire,
    .associates-primary-btn,
    .associates-outline-btn,
    .contact-primary-btn,
    .contact-outline-btn,
    .contact-submit-btn,
    .office-map-btn,
    .cta-call-btn,
    .cta-whatsapp-btn,
    .md-primary-btn,
    .md-call-btn,
    .md-enquire-btn,
    .projects-call-btn,
    .projects-enquire-btn,
    .projects-reset-btn,
    .project-detail-btn,
    .project-coming-btn,
    .projects-cta-call,
    .projects-cta-contact,
    .pd-call-btn,
    .pd-enquire-btn,
    .pd-map-btn,
    .pd-side-btn,
    .pd-doc-primary,
    .pd-doc-secondary,
    .pd-cta-call,
    .pd-cta-contact,
    .pd-cta-map
) {
    min-height: 46px;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.15;
    border-width: 2px !important;
    text-decoration: none !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

body.site-redesign-body :is(
    .about-primary-btn,
    .about-small-btn,
    .about-md-btn,
    .projects-reset-btn,
    .project-detail-btn,
    .pd-doc-primary
) {
    background: linear-gradient(135deg, var(--yg-cta-green), var(--yg-cta-green-dark)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(8, 117, 47, 0.20) !important;
}

body.site-redesign-body :is(
    .about-primary-btn,
    .about-small-btn,
    .about-md-btn,
    .projects-reset-btn,
    .project-detail-btn,
    .pd-doc-primary
):hover {
    background: linear-gradient(135deg, var(--yg-cta-green-dark), #003f24) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(8, 117, 47, 0.28) !important;
}

/* Call CTAs: always green, easy to identify */
body.site-redesign-body a.btn[href^="tel"],
body.site-redesign-body :is(
    .about-cta-call,
    .amenities-call-btn,
    .amenities-cta-call,
    .md-call-btn,
    .projects-call-btn,
    .projects-cta-call,
    .pd-call-btn,
    .pd-cta-call,
    .contact-primary-btn,
    .cta-call-btn
) {
    background: linear-gradient(135deg, var(--yg-cta-green), var(--yg-cta-green-dark)) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: 0 14px 28px rgba(8, 117, 47, 0.22) !important;
}

body.site-redesign-body a.btn[href^="tel"]:hover,
body.site-redesign-body :is(
    .about-cta-call,
    .amenities-call-btn,
    .amenities-cta-call,
    .md-call-btn,
    .projects-call-btn,
    .projects-cta-call,
    .pd-call-btn,
    .pd-cta-call,
    .contact-primary-btn,
    .cta-call-btn
):hover {
    background: #fff !important;
    color: var(--yg-cta-green-dark) !important;
    border-color: rgba(8, 117, 47, 0.24) !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(8, 117, 47, 0.24) !important;
}

/* Enquiry/contact CTAs: yellow/gold for the primary conversion action */
body.site-redesign-body a.btn[href*="/contact"],
body.site-redesign-body a.btn[href*="contact.php"],
body.site-redesign-body :is(
    .about-outline-btn,
    .about-cta-enquire,
    .amenities-enquire-btn,
    .amenities-cta-enquire,
    .associates-primary-btn,
    .md-primary-btn,
    .md-enquire-btn,
    .projects-enquire-btn,
    .projects-cta-contact,
    .pd-enquire-btn,
    .pd-side-btn.outline,
    .pd-cta-contact,
    .contact-submit-btn
) {
    background: linear-gradient(135deg, var(--yg-cta-gold), var(--yg-cta-gold-dark)) !important;
    color: var(--yg-cta-ink) !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(229, 170, 0, 0.24) !important;
}

body.site-redesign-body a.btn[href*="/contact"]:hover,
body.site-redesign-body a.btn[href*="contact.php"]:hover,
body.site-redesign-body :is(
    .about-outline-btn,
    .about-cta-enquire,
    .amenities-enquire-btn,
    .amenities-cta-enquire,
    .associates-primary-btn,
    .md-primary-btn,
    .md-enquire-btn,
    .projects-enquire-btn,
    .projects-cta-contact,
    .pd-enquire-btn,
    .pd-side-btn.outline,
    .pd-cta-contact,
    .contact-submit-btn
):hover {
    background: linear-gradient(135deg, var(--yg-cta-orange), #ff8a00) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(243, 107, 11, 0.28) !important;
}

/* WhatsApp CTAs: keep them recognisable */
body.site-redesign-body a.btn[href*="wa.me"],
body.site-redesign-body :is(.contact-outline-btn, .cta-whatsapp-btn) {
    background: var(--yg-cta-whatsapp) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 14px 28px rgba(37, 211, 102, 0.24) !important;
}

body.site-redesign-body a.btn[href*="wa.me"]:hover,
body.site-redesign-body :is(.contact-outline-btn, .cta-whatsapp-btn):hover {
    background: #128c7e !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(37, 211, 102, 0.30) !important;
}

/* Map/location and secondary document actions */
body.site-redesign-body :is(.pd-map-btn, .pd-cta-map, .office-map-btn, .pd-doc-secondary, .pd-side-btn:not(.outline)) {
    background: #fff !important;
    color: var(--yg-cta-green-dark) !important;
    border-color: rgba(8, 117, 47, 0.22) !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08) !important;
}

body.site-redesign-body :is(.pd-map-btn, .pd-cta-map, .office-map-btn, .pd-doc-secondary, .pd-side-btn:not(.outline)):hover {
    background: var(--yg-cta-green-dark) !important;
    color: #fff !important;
    border-color: var(--yg-cta-green-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(8, 117, 47, 0.22) !important;
}

body.site-redesign-body .project-coming-btn {
    background: #eef2f7 !important;
    color: #667085 !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

body.site-redesign-body .btn i {
    line-height: 1;
}

body.site-redesign-body :is(
    .about-primary-btn,
    .about-outline-btn,
    .about-small-btn,
    .about-md-btn,
    .about-cta-call,
    .about-cta-enquire,
    .amenities-call-btn,
    .amenities-enquire-btn,
    .amenities-cta-call,
    .amenities-cta-enquire,
    .associates-primary-btn,
    .associates-outline-btn,
    .contact-primary-btn,
    .contact-outline-btn,
    .contact-submit-btn,
    .office-map-btn,
    .cta-call-btn,
    .cta-whatsapp-btn,
    .md-primary-btn,
    .md-call-btn,
    .md-enquire-btn,
    .projects-call-btn,
    .projects-enquire-btn,
    .projects-reset-btn,
    .project-detail-btn,
    .project-coming-btn,
    .projects-cta-call,
    .projects-cta-contact,
    .pd-call-btn,
    .pd-enquire-btn,
    .pd-map-btn,
    .pd-side-btn,
    .pd-doc-primary,
    .pd-doc-secondary,
    .pd-cta-call,
    .pd-cta-contact,
    .pd-cta-map
):focus-visible {
    outline: 3px solid rgba(255, 190, 24, 0.55);
    outline-offset: 3px;
}

@media (max-width: 575.98px) {
    body.site-redesign-body :is(
        .about-primary-btn,
        .about-outline-btn,
        .about-small-btn,
        .about-md-btn,
        .about-cta-call,
        .about-cta-enquire,
        .amenities-call-btn,
        .amenities-enquire-btn,
        .amenities-cta-call,
        .amenities-cta-enquire,
        .associates-primary-btn,
        .associates-outline-btn,
        .contact-primary-btn,
        .contact-outline-btn,
        .contact-submit-btn,
        .office-map-btn,
        .cta-call-btn,
        .cta-whatsapp-btn,
        .md-primary-btn,
        .md-call-btn,
        .md-enquire-btn,
        .projects-call-btn,
        .projects-enquire-btn,
        .projects-reset-btn,
        .project-detail-btn,
        .project-coming-btn,
        .projects-cta-call,
        .projects-cta-contact,
        .pd-call-btn,
        .pd-enquire-btn,
        .pd-map-btn,
        .pd-side-btn,
        .pd-doc-primary,
        .pd-doc-secondary,
        .pd-cta-call,
        .pd-cta-contact,
        .pd-cta-map
    ) {
        width: 100%;
        min-height: 48px;
        padding: 12px 18px !important;
        white-space: normal;
        text-align: center;
    }

    body.site-redesign-body :is(
        .projects-hero-actions,
        .projects-cta-actions,
        .pd-hero-actions,
        .pd-side-actions,
        .pd-cta-actions,
        .amenities-hero-actions,
        .amenities-cta-actions,
        .associates-hero-actions,
        .contact-hero-actions,
        .contact-cta-actions,
        .md-actions,
        .md-cta-actions,
        .about-hero-actions,
        .about-cta-actions
    ) {
        width: 100%;
    }
}