:root {

    --faq-bg-body: #E5E2DC;


    --faq-bg-container: #F9F7F2;

    --faq-card-color: #ffffff;

    /* TESTI */
    --faq-text-main: #5A544F;

    --faq-text-titles: #3D3935;


    /* COLORE BABAJOLA "WEDDING" */
    --faq-accent: #A67C74;

    --faq-accent-light: #DED6CC;


    --max-width: 450px;
}

body {
    background-color: var(--faq-bg-body);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    min-height: 100vh;
    font-family: 'Roboto Condensed', sans-serif;
    color: var(--faq-text-main);
    -webkit-font-smoothing: antialiased;
}

.app-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    background-color: var(--faq-bg-container);

}

/* --- HEADER UNIFORMATO --- */

header {
    background-color: var(--faq-bg-container);
    padding: 50px 20px 40px 20px;

    text-align: center;
    border-bottom: 3px solid var(--faq-accent) !important;
    margin-bottom: 20px;
}

header h1 {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--faq-accent) !important;
    margin: 0;
}

main {
    padding: 0 20px 40px 20px;
    flex-grow: 1;
}

.secondary-text {
    text-align: center;
    font-size: 0.85rem;
    color: var(--faq-text-main);
    margin: 10px 0 30px 0;
    text-transform: uppercase;
    font-weight: 400;
}


.faq-card {
    background-color: var(--faq-card-color);
    border-radius: 0px 24px 0px 24px;
    padding: 22px;
    margin-bottom: 22px;
    border-left: 6px solid var(--faq-accent);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);

}

.faq-card h2 {
    font-size: 1.05rem;
    margin-top: 0;
    margin-bottom: 10px;
    color: var(--faq-accent);

    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}

.faq-card p {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 0;
}

/* --- LINK E PULSANTI --- */
.btn-back {
    display: inline-block;
    color: var(--faq-text-titles);
    text-decoration: none;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin: 20px 0;
}

hr {
    border: 0;
    border-top: 1px solid var(--faq-accent-light);
    margin: 15px 0;
}