// ═══════════════════════════════════════════════
// FERMENTY — Newsletter page styles
// ═══════════════════════════════════════════════

.newsletter-page {
    .newsletter-logo {
        display: flex;
        justify-content: center;
    }

    .newsletter-page-title {
        font-size: 2rem;
        font-weight: $font-weight-bold;
        color: $text-dark;
        margin-bottom: $spacing-xs;
    }

    .newsletter-page-subtitle {
        font-size: $font-size-base;
        color: $text-muted;
        margin-bottom: $spacing-xl;
    }

    .newsletter-coming-badge {
        display: inline-block;
        background: $orange-light;
        color: $orange-text;
        font-size: $font-size-sm;
        font-weight: $font-weight-medium;
        padding: 6px $spacing-lg;
        border-radius: $radius-pill;
    }

    .newsletter-page-text {
        font-size: $font-size-base;
        color: $text-muted;
        line-height: 1.8;
        margin-bottom: $spacing-xl;
    }
}

.newsletter-form-page {
    max-width: 360px;
    margin: 0 auto;

    .form-control {
        border-radius: $radius-pill !important;
        text-align: center;
        padding: 10px $spacing-lg;
    }

    .newsletter-form-legal {
        font-size: $font-size-xs;
        color: $text-hint;
        line-height: 1.6;
    }
}

.newsletter-success-box {
    background: $green-pale;
    border: $border-width solid $border-color;
    border-radius: $radius-lg;
    padding: $spacing-xl;
    max-width: 360px;
    margin: 0 auto;

    .newsletter-success-title {
        font-size: $font-size-lg;
        font-weight: $font-weight-bold;
        color: $text-dark;
        margin-bottom: $spacing-sm;
    }

    .newsletter-success-text {
        font-size: $font-size-base;
        color: $text-muted;
        line-height: 1.6;
    }
}

.newsletter-features {
    display: flex;
    gap: $spacing-lg;
    justify-content: center;
    flex-wrap: wrap;
    padding: $spacing-xl;
    background: $green-bg;
    border-radius: $radius-lg;
    border: $border-width solid $border-color;

    .newsletter-feature {
        display: flex;
        align-items: center;
        gap: $spacing-sm;
        font-size: $font-size-sm;
        color: $text-muted;

        .newsletter-feature-icon {
            font-size: 16px;
        }
    }
}