/* *************************************************************************** */
/* ***************			INIZIO STRUTTURA SKIN 			****************** */
/* ***************	STILI PERSONALIZZATI PER OGNI ENTE		****************** */
/* *************************************************************************** */

/*IN QUESTO FILE SI INSERISCONO SOLO LE VARIABILI CON IL COLORE, PER IL RESTO SI UTILIZZA IL CSS STILI-CUSTOM */

:root {
    /*COLORE PRINCIPALE da mettere come rgb*/ /*#0800e6*/
    /*basta cambiare questa variabile e tutto il CSS prende questo colore in automatico*/
    /*il colore va inserito come RGB ma con le virgole es. 56, 115, 62*/
    --colore-principale: 184, 34, 17;
    /*COLORE NAVBAR*/ /*#07005c*/
    --colore-navbar: 246, 150, 14;
    /*COLORE FOOTER*/
    --colore-footer: 32, 42, 46;
}


@media (min-width: 992px) {
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
}

.title-xlarge-card {
    font-size: 1.45rem;
}


#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati a:nth-of-type(1) {
    background-color: #B82211 !important;
    border-color: #B82211 !important;
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati a:nth-of-type(2) {
    background-color: #689F38 !important;
    border-color: #689F38 !important;
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati a:nth-of-type(3) {
    background-color: #F49A1A !important;
    border-color: #F49A1A !important;
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati a:nth-of-type(4) {
    background-color: #F3BB11 !important;
    border-color: #F3BB11 !important;
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati a:nth-of-type(5) {
    background-color: #22BABB !important;
    border-color: #22BABB !important;
}

.it-calendar-wrapper .it-header-block-title {
    background-color: #22BABB !important;
}

.card-teaser {
    transition: all 0.3s ease;
    border: 1px solid #eee;
    overflow: hidden;
}

.card-teaser:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2b2b2b;
    margin-bottom: 15px;
    transition: color 0.3s ease;
}

.card-teaser:hover .card-title {
    color: #F49A1A; /* colore principale sito */
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati .avatar {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ctl00_ContentPlaceHolder1_ctl00_ctl01_PanelDati .fa {
    font-size: 1rem;
}

/* CARD BASE */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card {
    border-width: 2px;
    border-style: solid;
}

/* 1 - Minori e famiglie (verde) */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(1) {
    border-color: #689F38;
}
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(1) .card-title {
    color: #689F38;
}

/* 2 - Disabilità (azzurro) */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(2) {
    border-color: #22BABB;
}
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(2) .card-title {
    color: #22BABB;
}

/* 3 - Anziani (arancione) */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(3) {
    /*border-color: #ef6c00;*/
}
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(3) .card-title {
    color: #ef6c00;
}

/* 4 - Adulti (rosso) */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(4) {
    border-color: #B82211;
}
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card:nth-child(4) .card-title {
    color: #B82211;
}

#ctl00_ContentPlace1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card {
    position: relative;
}

#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati .card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

/* colori linea */
.card:nth-child(1)::before { background: #689F38; }
.card:nth-child(2)::before { background: #22BABB; }
.card:nth-child(3)::before { background: #ef6c00; }
.card:nth-child(4)::before { background: #B82211; }

#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati 
.card:nth-child(1) .card-title {
    text-decoration: underline;
    text-decoration-color: #689F38;
}

/* 2 - Disabilità */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati 
.card:nth-child(2) .card-title {
    text-decoration: underline;
    text-decoration-color: #22BABB;
}

/* 3 - Anziani */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati 
.card:nth-child(3) .card-title {
    text-decoration: underline;
    text-decoration-color: #ef6c00;
}

/* 4 - Adulti */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati 
.card:nth-child(4) .card-title {
    text-decoration: underline;
    text-decoration-color: #B82211;
}

/* contenitore principale */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati {
    position: relative; /* necessario per ::before */
    padding-top: 50px;  /* spazio per il titolo */
}

/* inserimento titolo sopra i riquadri */
#ctl00_ContentPlaceHolder1_ctl00_SiscomArgomentiElencoHomeAgid1_PanelDati::before {
    content: "Come possiamo aiutarti?";
    display: block;
    font-size: 2rem;
    font-weight: 700;
    text-align: left;          /* allinea a sinistra rispetto al contenitore */
    margin-bottom: 20px;
    color: #1f2937;
    position: absolute;        /* posiziona sopra i riquadri */
    top: 0;                    /* in cima al contenitore */
    left: 0;
    width: 100%;               /* occupa tutta la larghezza del contenitore */
}

/* contenitore principale */
#ctl00_ContentPlaceHolder1_ctl00_ctl02_pnlDescrizioneNewsPrincipale {
    position: relative; /* necessario per ::before */
    padding-top: 50px;  /* spazio per il titolo */
}

/* inserimento titolo sopra la card */
#ctl00_ContentPlaceHolder1_ctl00_ctl02_pnlDescrizioneNewsPrincipale::before {
    content: "Notizie";
    display: block;
    font-size: 2rem;       /* dimensione titolo */
    font-weight: 700;        /* grassetto */
    text-align: left;        /* allineato a sinistra */
    margin-bottom: 20px;     /* distanza dalla card */
    color: #1f2937;          /* colore testo */
    position: absolute;      /* posiziona sopra la card */
    top: 0;                  /* in cima al contenitore */
    left: 0;
    width: 100%;             /* occupa tutta la larghezza del contenitore */
    padding-left: 15px; 
}

/* nascondere descrizione nei 4 blocchi argomenti in evidenza */

.card .card-body .card-text {
display:none !important;
}

/* nascondere argomenti in evidenza */
.evidence-section .section {
display:none;
}

/* nascondere Prenota appuntamenti e leggi le domande frequenti*/
li:has(a[href="Domandefrequenti"]),
li:has(a[data-element="appointment-booking"]) {
    display: none;
}

/* manda a capo i riferimenti dell ufficio di riferimento di servizi*/
.card-title {
    display: block;
    margin-bottom: 10px;
}

/* toglie la descrizione dalla pagina amministratori*/
#ctl00_ContentPlaceHolder1_ctl00_ctl00_lblInfo {
    display: none;
}

/* toglie bottone da pagina uffici per vedere tutti gli orari*/
.btn.btn-outline-primary[href="Orario"] {
    display: none!important;
}