/* ============================================================
   FORCE REMOVE ALL UNDERLINES FROM SOLDSIGN.IO
   
   Add this CSS to WordPress Customizer → Additional CSS
   This will override ALL underline styles regardless of source
   ============================================================ */

/* 1. Remove underlines from ALL links everywhere */
a,
a:hover,
a:focus,
a:active,
a:visited,
.entry-content a,
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active,
.entry-content a:visited,
.ast-single-post .entry-content a,
.ast-single-post .entry-content a:hover,
.ast-single-post .entry-content a:focus,
.ast-single-post .entry-content a:active,
.ast-single-post .entry-content a:visited,
.elementor a,
.elementor a:hover,
.elementor a:focus,
.elementor a:active,
.elementor a:visited,
.elementor-widget-container a,
.elementor-widget-container a:hover,
.elementor-widget-container a:focus,
.elementor-widget-container a:active,
.elementor-widget-container a:visited {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-style: none !important;
    text-decoration-color: transparent !important;
    border-bottom: none !important;
}

/* 2. Remove underlines from all headings */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4,
.elementor-widget-heading h5,
.elementor-widget-heading h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: none !important;
}

/* 3. Remove underlines from specific sections */
.elementor-element-8d40b9f *,
.elementor-element-302ef6b *,
[class*="elementor-element"] a,
[class*="elementor-widget"] a {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 4. Remove pseudo-element underlines */
a::before,
a::after,
.elementor-heading-title::before,
.elementor-heading-title::after,
.entry-content a::before,
.entry-content a::after,
.elementor-widget-container a::before,
.elementor-widget-container a::after,
h1::after, h2::after, h3::after,
h4::after, h5::after, h6::after {
    border-bottom: none !important;
    text-decoration: none !important;
    background: none !important;
    display: none !important;
}

/* 5. Remove underlines from WooCommerce elements */
.woocommerce a,
.woocommerce a:hover,
.woocommerce-js a,
.woocommerce-js a:hover,
.woocommerce-product-details__short-description a,
.woocommerce-product-details__short-description a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 6. Remove underlines from comments */
.ast-comment-content a,
.ast-comment-content a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 7. Universal fallback - targets everything */
* {
    text-decoration-line: none !important;
}

/* 8. Optional: Add subtle hover effect without underlines */
a:hover {
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

/* 9. Specific fix for "What is Active Intent?" section */
.elementor-element-302ef6b * {
    text-decoration: none !important;
    border-bottom: none !important;
}

/* 10. Remove any box-shadow that might look like underline */
a,
.elementor-heading-title,
.entry-content a {
    box-shadow: none !important;
}

/* 11. Override inline styles (nuclear option) */
[style*="text-decoration: underline"] {
    text-decoration: none !important;
}

/* 12. Remove border from abbr tags which sometimes have underlines */
abbr,
abbr[title] {
    text-decoration: none !important;
    border-bottom: none !important;
}