/* Collectivité de Corse  */
/* css */

/*
*************************************************

Data.Corsica

https://www.data.corsica/pages/portail/

*************************************************
*/

/*

/*-------------------------------------------    
    Base     
-------------------------------------------*/
  
        body {
            margin: 0;
            display: flex;
            height: 100vh;
            font-family: Arial, sans-serif;
            overflow-y: hidden;
        }

/*-------------------------------------------    
    MAP  
-------------------------------------------*/

        #map {
            width: 70%;
            height: 100%;
        }
        
       .leaflet-tooltip {
            background: transparent !important; 
            border: none !important; 
            box-shadow: none !important; 
            color: black !important; 
            font-size: 14px !important; 
            font-weight: bold !important; 
            text-align: center !important; 
            padding: 0 !important; 
            margin: 0 !important; 
        } 
        

/* Supprime les contours autour des éléments cliqués ou sélectionnés */
        
        *:focus {
            outline: none;
        }
        

/*-------------------------------------------    
  Conatainer Right 
-------------------------------------------*/

        #sidebar {
           position: relative; 
           width: 30%;
           height: 100%;
           overflow-y: auto; 
           background-image: linear-gradient(#FEFEFE,#EBEDEF);
           padding: 20px;
           box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1); 
              
         }
                           
        #chartContainer {
            width: 100%;
            height: 300px;
            margin-top:0px;
         }
         
/*-------------------------------------------    
    Title ...
        
-------------------------------------------*/  
/* Title principal */

#info h2 {
	display: block; 
	letter-spacing: 0.2em; 
	font-size: 1.4rem; 
	color: #7989a3; 
    font:Helvetica, Arial, sans-serif;
    text-align: center;     
    margin-bottom: 5px; 
    margin-top:0px;
    
    }

 #info a { font-size: 55%; 
           letter-spacing: 0.2em; 
           font-style: italic; 
           margin-left: auto;
           margin-right: auto;
           color:#7989a3;           
           text-align: center; 
           display: block;
    
           }
           
 #back-button { 
 	       color:#b8860b;
           border: 1px solid #ddd; 
           background: transparent;
           max-width: 400px; 
           margin: 20px auto; 
           border-radius: 8px; 
           box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
           
           }
           
           
/* Style global pour le compteur */

#counter {
    max-width: 400px;
    margin: 20px auto;
    padding: 5px;    
    border-radius: 8px;
    background-color: TRANSPARENT;
    font-family: verdana, sans-serif;
    color: #333;
    margin-top:0px;
}

/* Titre principal */

#counter-title {
    font-size: 1.5rem; 
    font-weight: bold; 
    font-family: verdana, sans-serif;
    color: #154360; 
    text-align: center; 
    margin-bottom: 5px; 
    margin-top:0px;
}

/* Sous-titre */

#counter-subtitle {
    font-size: 1.2rem; 
    font-family: verdana, sans-serif;
    color: #1F618D; 
    text-align: center; 
    margin-bottom: 5px;
    margin-top:0px;
}

/* Style global pour le conteneur principal */

#total {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 15px; 
    padding: 20px; 
    border: 1px solid #ddd; 
    background: transparent;
    max-width: 400px; 
    margin: 20px auto; 
    border-radius: 8px; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}

/* Titre principal */

#total h4 {
    font-size: 20px; 
    font-weight: bold;
    color: #333;
    text-align: center; 
    margin: 0; 
}

 #total abbr { font-size: 55%; letter-spacing: 0.2em; font-style: italic; }
 
/* Style pour les paragraphes */

#total p {
    font-size: 16px; 
    font-weight: bold; 
    color: #555; 
    margin: 0; 
    text-align: center; 
}

/* Style pour les compteurs */

#total span {
    font-size: 18px; 
    font-weight: bold; 
    color: #b8860b;
    text-align: center; 
    display: block; 
    padding: 5px 10px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    background-color: #fff; 
    width: 100%; 
    max-width: 200px; 
    margin: 0 auto; 
}

/* Style liste transaction */

.info-panel {
    color: #333; 
    font-family: Arial, sans-serif; 
    font-size: 16px; 
    padding: 15px; 
    line-height: 1.5; 
    border-radius: 8px; 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: none; 
}