// ═══════════════════════════════════════════════
// FERMENTY — Static pages (FAQ, legal)
// ═══════════════════════════════════════════════

// ── FAQ ──────────────────────────────────────
.faq-section-title {
    font-size: $font-size-lg;
    font-weight: $font-weight-bold;
    color: $text-dark;
    margin-bottom: $spacing-md;
    padding-bottom: $spacing-sm;
    border-bottom: 2px solid $green-pale;
}

.faq-item {
    border-bottom: $border-width solid $border-color;

    &:last-child { border-bottom: none; }
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: $spacing-md 0;
    font-family: $font-primary;
    font-size: $font-size-base;
    font-weight: $font-weight-medium;
    color: $text-dark;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: $transition-base;

    &:hover { color: $green-mid; }

    .faq-icon {
        font-size: 1.2rem;
        font-weight: $font-weight-light;
        color: $green-mid;
        flex-shrink: 0;
        margin-left: $spacing-md;
    }
}

.faq-answer {
    p {
        font-size: $font-size-base;
        color: $text-muted;
        line-height: 1.7;
        padding-bottom: $spacing-md;
        margin: 0;

        & + p { margin-top: $spacing-sm; }
    }
}

.faq-cta {
    text-align: center;
    padding: $spacing-2xl;
    background: $green-bg;
    border-radius: $radius-lg;
    border: $border-width solid $border-color;

    p {
        font-size: $font-size-md;
        color: $text-muted;
        margin-bottom: $spacing-md;
    }
}

// ── Legal pages ──────────────────────────────
.legal-content {
    h2 {
        font-size: $font-size-md;
        font-weight: $font-weight-bold;
        color: $text-dark;
        margin-top: $spacing-2xl;
        margin-bottom: $spacing-sm;
        padding-left: $spacing-md;
        border-left: 3px solid $green-mid;
        border-radius: 0;
    }

    p {
        font-size: $font-size-base;
        color: $text-muted;
        line-height: 1.8;
        margin-bottom: $spacing-md;
    }

    ul {
        padding-left: $spacing-xl;
        margin-bottom: $spacing-md;

        li {
            font-size: $font-size-base;
            color: $text-muted;
            line-height: 1.8;
            margin-bottom: $spacing-xs;
        }
    }

    strong { color: $text-dark; }
}

.legal-footer {
    padding-top: $spacing-xl;
    border-top: $border-width solid $border-color;
}