/* Solar Purple Header Styling */

/* Main headings - H1 tags */
h1,
.h1,
.wp-block-heading h1,
.uagb-heading-text h1,
.entry-title,
.page-title {
    color: #5A0B44 !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}

/* Secondary headings - H2 tags */
h2,
.h2,
.wp-block-heading h2,
.uagb-heading-text h2,
.section-title,
.widget-title {
    color: #5A0B44 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.875rem !important;
}

/* Tertiary headings - H3 tags */
h3,
.h3,
.wp-block-heading h3,
.uagb-heading-text h3,
.subsection-title,
.card-title {
    color: #5A0B44 !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.75rem !important;
}

/* Smaller headings - H4 tags */
h4,
.h4,
.wp-block-heading h4,
.uagb-heading-text h4,
.item-title,
.list-title {
    color: #5A0B44 !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.625rem !important;
}

/* H5 and H6 tags - smaller emphasis */
h5,
.h5,
h6,
.h6,
.wp-block-heading h5,
.wp-block-heading h6,
.uagb-heading-text h5,
.uagb-heading-text h6 {
    color: #5A0B44 !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    margin-bottom: 0.5rem !important;
}

/* Special heading classes and blocks */
.uagb-heading-text,
.wp-block-uagb-advanced-heading .uagb-heading-text,
.uagb-ifb-title,
.uagb-ifb-title-prefix {
    color: #5A0B44 !important;
}

/* Info box titles */
.uagb-infobox .uagb-ifb-title,
.uagb-infobox .uagb-ifb-title-prefix {
    color: #5A0B44 !important;
    font-weight: 600 !important;
}

/* Card and post titles */
.post-title,
.entry-title,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
    color: #5A0B44 !important;
}

/* Navigation headings */
.nav-title,
.menu-title,
.sidebar-title {
    color: #5A0B44 !important;
    font-weight: 600 !important;
}

/* Form section headings */
.form-title,
.form-section-title,
.fieldset legend {
    color: #5A0B44 !important;
    font-weight: 600 !important;
}

/* Footer headings */
.footer-title,
.footer-heading,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
    color: #5A0B44 !important;
}

/* Exceptions - Keep certain headings as they were */
/* Hero section main heading - keep white for contrast */
.hero-section h1,
.hero-section .uagb-heading-text,
.hero-section .uagb-ifb-title {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* Navigation menu items - keep original styling */
.nav-menu a,
.menu-item a,
.navbar-brand,
.site-title {
    color: inherit !important;
}

/* Logo text - keep white */
.site-branding::after {
    color: white !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    h1, .h1 {
        font-size: 1.75rem !important;
    }
    
    h2, .h2 {
        font-size: 1.5rem !important;
    }
    
    h3, .h3 {
        font-size: 1.25rem !important;
    }
    
    h4, .h4 {
        font-size: 1.125rem !important;
    }
}

/* Add subtle gradient effect to main headings */
h1,
.h1,
.entry-title,
.page-title {
    background: linear-gradient(135deg, #5A0B44 0%, #4A0937 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #5A0B44 !important; /* Fallback for browsers that don't support background-clip */
}

/* Ensure readability on different backgrounds */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Add subtle border bottom to H2 elements */
h2,
.h2,
.section-title {
    border-bottom: 2px solid rgba(90, 11, 68, 0.2);
    padding-bottom: 0.5rem;
}

/* Special styling for info box titles */
.uagb-ifb-title-prefix {
    font-size: 0.9em !important;
    font-weight: 500 !important;
    opacity: 0.9 !important;
}

.uagb-ifb-title {
    font-size: 1.1em !important;
    font-weight: 700 !important;
}