/*
** Progetti Astratti
** www.progettiastratti.com
**
** Theme: Struttura G
** Version: 1.0
*/

/* =========================
/ CAL.com 
/ ========================= */
/* Cal.com embed: altezza dinamica per tutti e 3 i calendari */
#my-cal-inline-20mi,
#my-cal-inline-60min {
    height: auto !important;       
    min-height: 600px;             
    overflow: visible !important;  
}

/* Opzionale: se vuoi, puoi aumentare l'altezza minima per mobile */
@media (max-width: 767px) {
    #my-cal-inline-20mi,
    #my-cal-inline-60min {
        min-height: 800px; 
    }
}

/* Contenitore principale del calendario */
[data-testid="booker-container"] {
    --cal-bg-color: #FDF3E3!important;       
    --cal-text-color: #fdf3e2!important;     
    --cal-border-color: #0F4C6C!important;   
}

/* Header mese e giorni della settimana */
[data-testid="booker-container"] [data-testid="selected-month-label"] strong,
[data-testid="booker-container"] .grid-cols-7 > div {
    color: #fdf3e2!important;
}

/* Giorni prenotabili */
[data-testid="day"][data-disabled="false"] {
    background-color: #186D8D!important;
    color: #fdf3e2!important;
    border: 2px solid #0F4C6C!important;
    transition: background 0.3s, border 0.3s;
}

/* Hover sui giorni prenotabili */
[data-testid="day"][data-disabled="false"]:hover {
    background-color: #0F4C6C!important;
    border-color: #fdf3e2!important;
}

/* Giorni non disponibili */
[data-testid="day"][data-disabled="true"] {
    background-color: #a0a0a0!important;
    color: #f2f2f2!important;
    border: 2px solid #808080!important;
}

/* Pulsanti per cambiare mese */
[data-testid="incrementMonth"],
[data-testid="decrementMonth"] {
    background-color: #0F4C6C!important;
    color: #fdf3e2!important;
    border: 1px solid #fdf3e2!important;
}

[data-testid="incrementMonth"]:hover,
[data-testid="decrementMonth"]:hover {
    background-color: #186D8D!important;
}

/* Time slots */
[data-testid="time"] {
    background-color: #186D8D!important;
    color: #fdf3e2!important;
    border: 1px solid #0F4C6C!important;
    transition: background 0.3s, border 0.3s;
}

/* Hover time slots */
[data-testid="time"]:hover {
    background-color: #F6B83E!important;
    border-color: #fdf3e2!important;
}

/* Pulsante time selezionato */
[data-testid="time"][aria-checked="true"] {
    background-color: #0F4C6C!important;
    color: #fdf3e2!important;
    border: 2px solid #fdf3e2!important;
}

/* Box dei giorni della settimana */
.grid-cols-7 > div {
    color: #fdf3e2!important;
}

/* Opzionale: sfondo generale del calendario */
[data-testid="booker-container"] {
    background-color: #186D8D!important;
    border: 2px solid #0F4C6C!important;
    border-radius: 8px;
}