/**
 * Section Title Widget Styles
 * 
 * Displays a styled title with red underline effect
 * 
 * @package WEEU830
 * @version 1.0.0
 */

/* Widget Container */
.weeu830-section-title-widget {
    margin-bottom: 2rem;
}

/* Section Title Wrapper */
.weeu-section-title-wrapper {
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
}

/* The Title Element */
.weeu-section-title {
    font-family: var(--font-heading, 'Lexend', sans-serif);
    font-size: var(--font-size-display-sm);
    font-weight: 700;
    color: var(--color-heading, #000000);
    margin: 0;
    padding: 0 0 1rem 0;
    line-height: 1.2;
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Red Underline Effect */
.weeu-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--color-primary, #F80000);
    border-radius: 2px;
}

/* Alignment Options */
.weeu-align-left {
    text-align: left;
}

.weeu-align-left .weeu-section-title {
    text-align: left;
}

.weeu-align-center {
    text-align: center;
}

.weeu-align-center .weeu-section-title {
    text-align: center;
}

.weeu-align-right {
    text-align: right;
}

.weeu-align-right .weeu-section-title {
    text-align: right;
}

/* Responsive Typography */
@media screen and (max-width: 768px) {
    .weeu-section-title {
        font-size: 1.875rem;
        padding-bottom: 0.75rem;
    }
    
    .weeu-section-title::after {
        height: 2px;
    }
}

@media screen and (max-width: 480px) {
    .weeu-section-title {
        font-size: var(--font-size-h4);
        padding-bottom: 0.625rem;
    }
}

/* Widget Area Specific Adjustments */
.widget.weeu830-section-title-widget {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

/* Gutenberg Block Editor Support */
.wp-block .weeu-section-title-wrapper {
    margin-bottom: 1.5rem;
}

/* Print Styles */
@media print {
    .weeu-section-title::after {
        background-color: #000000;
    }
}

/* Accessibility: High Contrast Mode */
@media (prefers-contrast: high) {
    .weeu-section-title {
        font-weight: 800;
    }
    
    .weeu-section-title::after {
        height: 4px;
    }
}

/* Dark Mode Support (if theme adds dark mode in future) */
@media (prefers-color-scheme: dark) {
    .weeu-section-title {
        color: var(--color-heading-dark, #ffffff);
    }
}