/**
 * O'Radar Spacing Fix v2.0.0
 * Bulletproof button spacing and text color fixes
 * Note: Most fixes are handled via JavaScript for bulletproof targeting
 */

/* =============================================
   BUTTON SPACING - CSS BACKUP
   ============================================= */

/* Target by href patterns */
a[href*="result"],
a[href*="Result"],
a[href*="results"],
a[href*="Results"] {
    margin-top: 28px !important;
    display: inline-block !important;
}

/* Target by common class patterns */
.view-results,
.view-full-results,
.results-btn,
.result-button,
.full-results,
[class*="view-result"],
[class*="full-result"] {
    margin-top: 28px !important;
    display: inline-block !important;
}

/* Cards with gradient backgrounds */
[style*="gradient"] a:last-of-type,
[style*="gradient"] button:last-of-type {
    margin-top: 28px !important;
}

/* =============================================
   WHITE TEXT ON GRADIENT CARDS
   ============================================= */

[style*="gradient"] h1,
[style*="gradient"] h2,
[style*="gradient"] h3,
[style*="gradient"] h4 {
    color: #ffffff !important;
}

/* =============================================
   TRAIT TAG CONTAINER SPACING
   ============================================= */

[style*="gradient"] > div {
    margin-bottom: 15px !important;
}

/* =============================================
   COPY BUTTON SPACING
   ============================================= */

[class*="copy"],
button[class*="copy"],
a[class*="copy"] {
    margin-top: 24px !important;
}

/* =============================================
   MOBILE RESPONSIVE
   ============================================= */

@media (max-width: 768px) {
    a[href*="result"],
    a[href*="Result"],
    .view-results,
    .view-full-results,
    [style*="gradient"] a:last-of-type,
    [style*="gradient"] button:last-of-type {
        margin-top: 24px !important;
    }
}