/**
 * Section Component Styles
 * 
 * Contains all styles related to general section layouts and titles
 */

/* Section Styles */
.section {
    padding: 0;
}

.section-header {
    margin-bottom: var(--lubinik-spacing-lg);
    text-align: center;
}

.section-title {
    text-align: center;
    margin-bottom: var(--lubinik-spacing-lg);
    font-size: var(--lubinik-font-size-xl);
    color: var(--lubinik-section-title-color);
    position: relative;
}

.section-title:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: var(--lubinik-section-title-after-color);
    margin: var(--lubinik-spacing-sm) auto 0;
}

.section-subtitle {
    font-size: var(--lubinik-font-size-md);
    color: var(--lubinik-section-subtitle-color);
    margin-top: var(--lubinik-spacing-xs);
    text-align: center;
}

.section-footer {
    text-align: center;
    margin-top: var(--lubinik-spacing-lg);
}

/* Alternating Sections */
.section-alt {
    background-color: var(--lubinik-section-alt-bg-color);
}

/* Note: Responsive section styles have been moved to mobile.css */