/**
 * DNA Romance Pink Override
 * Forces brand pink color on Join Now buttons for DNA Romance
 */

/* DNA Romance specific pink override */
[data-site="dnaromance"] .btn-dna--primary,
[data-site="dnaromance"] .btn-join-now,
[data-site="dnaromance"] .btn-primary,
[data-site="dnaromance"] a[href*="signup-landing"]:is(.btn, .btnn),
[data-site="apps"] .btn-dna--primary,
[data-site="apps"] .btn-join-now,
[data-site="apps"] .btn-primary,
[data-site="apps"] a[href*="signup-landing"]:is(.btn, .btnn) {
    background: linear-gradient(135deg, #f23ead 0%, #d91872 100%) !important;
    background-color: #D91A72 !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(217, 26, 114, 0.25) !important;
}

/* Hover state with deeper pink */
[data-site="dnaromance"] .btn-dna--primary:hover,
[data-site="dnaromance"] .btn-join-now:hover,
[data-site="dnaromance"] .btn-primary:hover,
[data-site="dnaromance"] a[href*="signup-landing"]:is(.btn, .btnn):hover,
[data-site="apps"] .btn-dna--primary:hover,
[data-site="apps"] .btn-join-now:hover,
[data-site="apps"] .btn-primary:hover,
[data-site="apps"] a[href*="signup-landing"]:is(.btn, .btnn):hover {
    background: linear-gradient(135deg, #d91872 0%, #b71560 100%) !important;
    background-color: #B71560 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(217, 26, 114, 0.35) !important;
}

/* Active state */
[data-site="dnaromance"] .btn-dna--primary:active,
[data-site="dnaromance"] .btn-join-now:active,
[data-site="apps"] .btn-dna--primary:active,
[data-site="apps"] .btn-join-now:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(217, 26, 114, 0.3) !important;
}

/* Hero section Join Now button - extra prominent */
.hero-modern__cta .btn-dna--primary,
.banner3-content .btn-dna--primary {
    font-size: 1.2rem !important;
    padding: 14px 36px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* Ensure the span inside doesn't break styling */
.btn-dna--primary span,
.btn-join-now span {
    color: white !important;
    display: inline-block !important;
}

/* Fix for any nested links or spans */
.btn-dna--primary *,
.btn-join-now * {
    color: white !important;
}