/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* ==============================
 BADGES STATUTS – LPG HARMONY
================================ */

/* Brouillon */
.badge-status0 {
 background-color: #64748b !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* En attente */
.badge-status2 {
 background-color: #d97706 !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* Validée */
.badge-status4 {
 background-color: #1a3da6 !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* Payée */
.badge-status6 {
 background-color: #244EDB !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* Impayée */
.badge-status1 {
 background-color: #b91c1c !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* Annulée */
.badge-status9 {
 background-color: #475569 !important;
 color: #ffffff !important;
 border-radius: 999px !important;
 padding: 6px 14px !important;
 font-weight: 600 !important;
}

/* ==============================
 LPG WIDGET STYLE – CLEAN
================================ */

.info-box {
 background-color: #ffffff !important;
 border-radius: 22px !important;
 box-shadow: 0 30px 80px rgba(30, 71, 195, 0.08) !important;
 border: none !important;
 transition: all 0.25s ease-in-out;
}

.info-box:hover {
 transform: translateY(-4px);
 box-shadow: 0 35px 90px rgba(30, 71, 195, 0.12) !important;
}
/* Zone icône */
.info-box-icon {
 background-color: rgba(26, 61, 166, 0.08) !important;
 color: #1a3da6 !important;
 border-radius: 16px 0 0 16px;
}

/* Fond global */
body {
 background-color: #e9edf5 !important;
}
/* Force style sur widget météo */
.info-box-weather {
 background-color: #ffffff !important;
 box-shadow: 0 30px 80px rgba(30, 71, 195, 0.08) !important;
 border: none !important;
}

.info-box-weather .info-box-icon {
 background-color: rgba(26, 61, 166, 0.08) !important;
 color: #1a3da6 !important;
}

/* =====================================
 REMPLACEMENT INDICATEUR MÉTÉO
===================================== */

/* On neutralise les icônes météo */
.fa-weather-level0,
.fa-weather-level1,
.fa-weather-level2,
.fa-weather-level3 {
 font-family: "Font Awesome 5 Free" !important;
 font-weight: 900 !important;
}

/* Aucun retard */
.fa-weather-level0:before {
 content: "\f111"; /* cercle plein */
 color: #1a3da6 !important;
}

/* Léger retard */
.fa-weather-level1:before {
 content: "\f071"; /* triangle attention */
 color: #d97706 !important;
}

/* Retard important */
.fa-weather-level2:before {
 content: "\f111"; /* cercle plein */
 color: #b91c1c !important;
}

/* Retard critique */
.fa-weather-level3:before {
 content: "\f057"; /* cercle croix */
 color: #991b1b !important;
}
/* ==============================
 TYPOGRAPHIE LPG RENFORCÉE
================================ */

/* Titre des widgets */
.info-box-title {
 font-size: 13px !important;
 font-weight: 600 !important;
 letter-spacing: 0.5px;
 color: #475569 !important;
 text-transform: uppercase;
}

/* Valeur principale (ex: 0 en retard) */
.info-box-number {
 font-size: 20px !important;
 font-weight: 700 !important;
 color: #111827 !important;
}

/* Liens dans widgets */
.info-box-content a {
 font-weight: 600 !important;
 color: #1a3da6 !important;
}
/* Titre widgets plus contrasté */
.info-box-title {
 color: #334155 !important;
}

/* Valeur principale plus marquée */
.info-box-number {
 color: #0f172a !important;
}

/* Fond carte légèrement moins blanc */
.info-box {
 background-color: #fdfefe !important;
}