/*
Theme Name: Astra Enfant
Description: Thème enfant d'Astra
Author: Boitmobile
Author URI: https://boitmobile.fr
Version: 1.0.3
Template: astra
*/

/* HEADER */
.elementor-114.elementor-location-header {
	position: sticky;
	position: -webkit-sticky; 
    top: 0;
    z-index: 91;
}
.sub-menu {z-index: 92}
#menu-ancre {
	position: sticky;
	position: -webkit-sticky; 
    z-index: 90;
}

/* MENU DESKTOP */
/* Réduire */
#menu-custom nav .thematique-reduire > a.elementor-item.highlighted, #menu-custom nav .thematique-reduire > a.elementor-item:focus {
        color: var(--e-global-color-f8db686) !important;
    fill: var(--e-global-color-f8db686) !important;
}
#menu-custom nav .thematique-reduire > a.elementor-item:after, #menu-custom nav .thematique-reduire a.elementor-sub-item:hover, #menu-custom nav .thematique-reduire a.elementor-sub-item.highlighted, #menu-custom nav .thematique-reduire a.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-f8db686) !important;
}
/* Trier */
#menu-custom nav .thematique-trier > a.elementor-item.highlighted, #menu-custom nav .thematique-trier > a.elementor-item:focus {
        color: var(--e-global-color-secondary) !important;
    fill: var(--e-global-color-secondary) !important;
}
#menu-custom nav .thematique-trier > a.elementor-item:after, #menu-custom nav .thematique-trier a.elementor-sub-item:hover, #menu-custom nav .thematique-trier a.elementor-sub-item.highlighted, #menu-custom nav .thematique-trier a.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-secondary) !important;
}
/* Collecter */
#menu-custom nav .thematique-collecter > a.elementor-item.highlighted, #menu-custom nav .thematique-collecter > a.elementor-item:focus {
        color: var(--e-global-color-primary) !important;
    fill: var(--e-global-color-primary) !important;
}
#menu-custom nav .thematique-collecter > a.elementor-item:after, #menu-custom nav .thematique-collecter a.elementor-sub-item:hover, #menu-custom nav .thematique-collecter a.elementor-sub-item.highlighted, #menu-custom nav .thematique-collecter a.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-primary) !important;
}
/* Informer */
#menu-custom nav .thematique-informer > a.elementor-item.highlighted, #menu-custom nav .thematique-informer > a.elementor-item:focus {
        color: var(--e-global-color-accent) !important;
    fill: var(--e-global-color-accent) !important;
}
#menu-custom nav .thematique-informer > a.elementor-item:after, #menu-custom nav .thematique-informer a.elementor-sub-item:hover, #menu-custom nav .thematique-informer a.elementor-sub-item.highlighted, #menu-custom nav .thematique-informer a.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-accent) !important;
}
/* Trinoval */
#menu-custom nav .thematique-trinoval > a.elementor-item.highlighted, #menu-custom nav .thematique-trinoval > a.elementor-item:focus {
        color: var(--e-global-color-e09218d) !important;
    fill: var(--e-global-color-e09218d) !important;
}
#menu-custom nav .thematique-trinoval > a.elementor-item:after, #menu-custom nav .thematique-trinoval a.elementor-sub-item:hover, #menu-custom nav .thematique-trinoval a.elementor-sub-item.highlighted, #menu-custom nav .thematique-trinoval a.elementor-sub-item.elementor-item-active {
    background-color: var(--e-global-color-e09218d) !important;
}

/* MENU MOBILE */
#menu-mobile nav .thematique-reduire>a {background-color: #E2007A !important;}
#menu-mobile nav .thematique-trier>a {background-color: #F39200 !important;}
#menu-mobile nav .thematique-collecter>a {background-color: #97BF0D !important;}
#menu-mobile nav .thematique-informer>a {background-color: #00A19A !important;}
#menu-mobile nav .thematique-trinoval>a {background-color: #007D94 !important;}
#menu-mobile nav .profil-menu>a {background-color: #494A48 !important;}
#menu-mobile nav .contact-menu>a {background-color: #494A48 !important;}
#menu-mobile .thematique > a {border-radius: 60px !important; color: white !important; fill: white !important; font-size: 1.4rem !important}

/* ACCUEIL */
#mission-carousel a {text-decoration: none !important;}

/* PAGES */
.elementor-page #content {overflow-x: clip !important}

/* Déchetteries */
.dechets-dechetteries img {height: 60px; width: auto; object-fit: contain;}

/* EXTRANET */
.download-tags, .download-link {display: inline-block};
span.download-tag {background-color: #E2007A !important; padding: 5px; font-size: 0.8rem; color: white}

/* Page jour de collecte */
/* Styles du Select */
#ville_select, .select2-selection--single {
    height:40px !important;
    padding: 5px !important;
    font-size: 18px !important;
    border: 1px solid #97BF0D !important;
    background: #ffffff !important;
    color: #007D94 !important;
    transition: all 0.3s ease-in-out !important;
}
#ville_select, .select2-selection--single .select2-selection__placeholder {
    color: #007D94 !important;    
    font-size: 18px !important;
}
 .select2-selection--single .select2-selection__rendered {
  color: #007D94 !important;   
}
.select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  width: 38px !important;
}
.select2-selection--single .select2-selection__arrow b {
  border-color: #97BF0D transparent transparent transparent !important;
}

/* Conteneur des résultats */
#ville_result {
    margin-top: 20px;
    padding: 15px;
    font-size: 18px;
    line-height: 1.5;
}

/* Titre de la ville sélectionnée */
#ville_result h3 {
    color: #333;
    font-size: 22px;
    margin-bottom: 10px;
}

/* Icônes des bacs */
#ville_result .dashicons {
    font-size: 22px;
    color: #97BF0D;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -4px;
}
#ville_result .collecte-noir {
	display: inline-block;
	padding-right: 20px;
}
#ville_result .collecte-jaune {
	display: inline-block;
	padding-left: 20px;
}
#ville_result .collecte-noir p, #ville_result .collecte-jaune p {
  display: inline-block;

}

#ville_result .collecte-noir::before {
    content: "";
    display: inline-block;
    width: 24px; /* Taille de l’image */
    height: 38px;
    background-image: url('/wp-content/uploads/2025/03/poubelle-noir.png'); /* URL de l’image */
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
#ville_result .collecte-jaune::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 38px;
    background-image: url('/wp-content/uploads/2025/03/poubelle-jaune.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}
#ville_result .bloc-telechargement {
    display: flex;
    max-width:400px;
    align-items: center;
    gap: 15px;
    background: #f3f4f3;
    padding: 16px 20px;
    border-radius: 4px;
    margin-top: 20px;
    font-family: inherit;
}

#ville_result .bloc-telechargement__icone svg {
    fill: #444;
    flex-shrink: 0;
}

#ville_result .bloc-telechargement__contenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#ville_result .telechargement-lien {
    color: #356975;
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
    margin-bottom: 5px;
}

#ville_result .telechargement-meta {
    color: #444;
    font-size: 14px;
}


/* Page Présentation */
.histo-date::before {
	content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 10px;
    background-color: #007D94;
    border-radius: 50%;
}
.histo-date::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 10px;
    width: 2px;
    background-color: #007D94;
    height: 100%;
}
#last-date::after {
	display: none;
}

/* Pages je suis */
a.acces-profil {text-decoration: none !important}