/* theme_culinario.css - Tema Natura Pastello */
:root {
    /* Colori Base - Verde chiaro pastello e Sabbia */
    --primary: #9dc08b;         /* Verde chiaro pastello (Foglia tenue) */
    --primary-hover: #7b9e6d;   /* Verde salvia scuro per hover sui bottoni */
    --background-color: #f7f9f4; /* Sfondo chiarissimo, leggermente panna/menta */
    --card-background-color: #ffffff; 

    /* Accenti per i Nutrienti - Natura, Acqua, Terra */
    --accent-terracotta: #a3816a; /* Marrone pastello tenue (Legno) -> Kcal */
    --accent-carb: #a2c4c9;       /* Celeste pastello polvere (Acqua) -> Carboidrati */
    --accent-prot: #e0d0b8;       /* Beige/Sabbia (Terra) -> Proteine */
    --accent-fat: #b2d3be;        /* Verde menta/celestino (Rugiada) -> Lipidi */

    /* Testi */
    --text-main: #4a5346;         /* Grigio-verde scuro al posto del nero duro */
    --text-light: #7c8577;        /* Testo secondario */
}

body {
    background-color: var(--background-color);
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    color: var(--text-main);
}

/* Modifica pulsanti globali PicoCSS per sposarsi con il tema */
button, [type="submit"], [role="button"] {
    background-color: var(--primary);
    border-color: var(--primary);
}
button:hover, [type="submit"]:hover, [role="button"]:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}
[role="button"].outline {
    color: var(--primary);
    border-color: var(--primary);
}
[role="button"].outline:hover {
    background-color: var(--primary);
    color: white;
}

/* Header con gradiente naturale (Verde chiaro -> Celeste pastello) */
header.main-header {
    background: linear-gradient(135deg, var(--primary), var(--accent-carb));
    color: white;
    padding: 24px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 15px rgba(157, 192, 139, 0.2); /* Ombra verde tenue */
    margin-bottom: 35px;
}

header.main-header h2, 
header.main-header strong, 
header.main-header a { 
    color: white; 
}

/* Schede Pasto (Card) */
article.meal-card {
    border: none;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(163, 129, 106, 0.08); /* Ombra marrone leggerissima */
    border-top: 5px solid var(--primary);
    background-color: var(--card-background-color);
    margin-bottom: 25px;
}

article.meal-card header {
    background-color: #fdfcfa; /* Sfondo testata card morbidissimo */
    color: var(--accent-terracotta); /* Titolo del pasto in marrone pastello */
    border-bottom: 1px solid #f2ece6;
}

/* Badge dei macronutrienti (Pillole) */
.nutrient-badge {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 30px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-right: 6px;
    color: #fff;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.1); /* Leggera leggibilità sul pastello */
}
.badge-kcal { background-color: var(--accent-terracotta); } /* Marrone */
.badge-carb { background-color: var(--accent-carb); color: #3b5f63; text-shadow: none; } /* Celeste (testo scuro) */
.badge-prot { background-color: var(--accent-prot); color: #5e4f3a; text-shadow: none; } /* Sabbia (testo scuro) */
.badge-fat { background-color: var(--accent-fat); color: #3e5e49; text-shadow: none; } /* Menta (testo scuro) */

/* Etichetta Sostituzione (Stile "Carta da pacchi" chic) */
.sostituzione-tag {
    display: inline-block;
    padding: 4px 12px;
    background-color: #f7f3ef; /* Beige chiarissimo */
    color: var(--accent-terracotta); /* Marrone */
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: bold;
    text-decoration: none;
    border: 1px dashed var(--accent-prot);
    transition: all 0.2s ease-in-out;
}
.sostituzione-tag:hover {
    background-color: var(--accent-terracotta);
    color: white;
    border-style: solid;
    box-shadow: 0 2px 8px rgba(163, 129, 106, 0.3);
}

/* Righe del menù */
.meal-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #f2ede9; /* Divisorio terra chiarissimo */
}
.meal-row:last-child { 
    border-bottom: none; 
}

/* Link generali del sistema */
a {
    color: var(--primary-hover);
}
a:hover {
    color: var(--primary);
}