/**
 * Fantacalcinaccio - la crescita delle card della propria rosa
 *
 * La card e' quella di fanta-card.css; qui menu, spiegazione e tabella.
 * Colori: variabili di Pool, oro e azzurro delle card.
 */

.fanta-crescita {
    --fanta-oro:       #d4af37;
    --fanta-oro-scuro: #a67c1e;
    --fanta-allenato:  #2c9ac9;

    max-width: 100%;
    overflow-wrap: anywhere;
}

/* ---- Menu ---- */
.fanta-cr-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 18px;
}

.fanta-cr-menu label {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 600;
}

.fanta-cr-menu select {
    min-width: 200px;
    height: auto !important;
    padding: 8px 10px !important;
    border: 2px solid var(--fanta-oro-scuro) !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* ---- Card e spiegazione affiancate (sul telefono una sotto l'altra) ---- */
.fanta-cr-giornata {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin: 0 0 26px;
}

@media (min-width: 768px) {
    .fanta-cr-giornata { grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); align-items: start; }
}

.fanta-cr-figurina { max-width: 320px; margin: 0 auto; width: 100%; }

.fanta-cr-legenda { margin: 8px 0 0; font-size: 13px; line-height: 1.4; opacity: .85; }

.fanta-cr-sfoglia {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
}

.fanta-cr-btn {
    padding: 8px 14px;
    border: 2px solid var(--fanta-oro-scuro);
    border-radius: 6px;
    background: #14202f;
    color: #f3d98b !important;
    font-weight: 600;
    text-decoration: none !important;
}

/* ---- Il perche' ---- */
.fanta-cr-perche h4 { margin: 16px 0 6px; }
.fanta-cr-perche p  { margin: 0 0 8px; line-height: 1.55; }

.fanta-cr-breve {
    padding: 10px 12px;
    border-left: 4px solid var(--fanta-oro);
    background: rgba(212, 175, 55, .12);
}

.fanta-cr-nota { font-size: 14px; opacity: .85; }

.fanta-cr-voci { margin: 0 0 8px; padding-left: 18px; }
.fanta-cr-voci li { margin: 0 0 6px; line-height: 1.5; }

.fanta-cr-delta {
    display: inline-block;
    min-width: 0;
    font-weight: 700;
    white-space: normal;
}
.fanta-cr-delta.is-su       { color: var(--calcinaccio-color-success, #28a745); }
.fanta-cr-delta.is-allenato { min-width: 0; color: var(--fanta-allenato); }

/* ---- Tabella riassuntiva ---- */
.fanta-cr-tabella th,
.fanta-cr-tabella td { padding: 6px 4px !important; text-align: center !important; font-variant-numeric: tabular-nums; }
.fanta-cr-tabella td small { margin-left: 2px; font-size: 11px; color: var(--calcinaccio-color-success, #28a745); }
.fanta-cr-tabella td small.is-allenato { color: var(--fanta-allenato); }
.fanta-cr-tabella td.is-cambio { font-weight: 700; }
.fanta-cr-riga { cursor: pointer; }
.fanta-cr-riga.is-scelta td { background: var(--calcinaccio-color-current-user, rgba(0, 128, 128, .15)) !important; }
.fanta-cr-riga a { color: inherit !important; font-weight: 700; text-decoration: none !important; }