/**
 * FSP Base Styles
 * Base styles for the headwear landing page layout
 *
 * @package Free_Style_Products
 */

/* ==========================================================================
   Base Styles for Headwear Landing Page
   ========================================================================== */

.headwear-landing-page {
    background-color: var(--hw-dark);
    color: var(--hw-white);
    font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    line-height: 1.6;
}

.headwear-landing-page #page {
    overflow-x: hidden;
}

.headwear-landing {
    padding-top: 0;
}

/* Remove default WordPress container */
.headwear-landing-page .container.mt-4 {
    margin-top: 0 !important;
    padding: 0;
    max-width: 100%;
}

.headwear-landing-page .container.mt-4 > .row {
    margin: 0;
}

/* Section common styles */
.headwear-landing section {
    padding: var(--hw-section-padding) 0;
}

.section-header {
    text-align: center;
    margin-bottom: 60px;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: var(--hw-white);
}

.section-subtitle {
    font-size: 1.125rem;
    color: var(--hw-gray-lighter);
    max-width: 600px;
    margin: 0 auto;
}