/* child-theme/illicocanalweb/assets/css/style.css */

/* Fichier de style complémentaire du plugin illicocanalweb */
/* Inscrire ici les styles relatif au client, pas les styles relatif au plugin en général */

/* Ne pas ajouter de style à div.illico-canalweb-container sans confirmer que ces règles s'appliqueront bien à tous les modèles */

div.illico-canalweb-container {
    /* Pour l'instant, pour tester que les dimensions sont exactement bien, mettre une bordure rouge de 1pxx pour vérifier que les écrans de télévision affichent bien */
    /* border : 1px solid red; */
    background-color: #ddd;
}

/* .illico-canalweb-container .swiper-slide {display: flex;flex-direction: column;justify-content: space-between;} */
.illico-canalweb-container .swiper-slide p {margin: 0;}

.illico-canalweb-container .header {/*display: flex;justify-content: space-between;*/margin-top: 20px;}
.illico-canalweb-container .header img.logo {height: 100px;position: absolute;/*top: 20px;*/}
.illico-canalweb-container .header h2 {/*width: 95%;*/text-align: center;text-transform: uppercase;color: var(--e-global-color-primary);font-weight: 800;font-size: 3em;margin: 20px 0;}


/* BLOC AGENDA */
.illico-canalweb-container .block-agenda {height: 100vh;margin: 0 3em;display: flex;flex-direction: column;justify-content: space-between;}

.slide-wrapper{display:flex;flex-direction:column;justify-content:space-around;height:100vh;margin:0 3em}
.slide-wrapper .sit_fiche{display:flex;flex-wrap:wrap}
.slide-wrapper .sit_fiche h2{margin:0;white-space: nowrap;width: 100%;overflow: hidden;}

.slide-wrapper .sit_fiche_gauche{width:68%;height: 60vh;}
.slide-wrapper .sit_fiche_gauche img{max-height: 60vh;width: 100%;object-fit: cover;}

.slide-wrapper .sit_fiche_droite{width:30%;background-color:var(--e-global-color-primary);color:white;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:1em}
.slide-wrapper .sit_fiche_droite .date-even, 
.slide-wrapper .sit_fiche_droite .tarification {text-transform: uppercase;font-size: 1.5em;font-weight: 800;}

.slide-wrapper .sit_fiche_droite .infos{background:white;color:var(--e-global-color-text);height:70%;margin: 0 0.5em;display: flex;flex-direction: column;justify-content: space-evenly;}
.slide-wrapper .sit_fiche_droite .infos .date-even, 
.slide-wrapper .sit_fiche_droite .infos .fiche-adresse {font-size: 1.5em;font-weight: 800;display: flex;justify-content: center;align-items: center;gap: 1em;}
.slide-wrapper .sit_fiche_droite .infos .date-even {flex-direction: column;}
.slide-wrapper .sit_fiche_droite .infos .date-even .date-even-svg,
.slide-wrapper .sit_fiche_droite .infos .date-even .heure-even-svg {display: flex;align-items: center;gap: 1em;}
.slide-wrapper .sit_fiche_droite .infos .date-even svg, 
.slide-wrapper .sit_fiche_droite .infos .fiche-adresse svg {width: 1.5em;}



/* BLOC METEO */
.swiper-slide.img-unique img {height: 100vh; width: 100%; object-fit: cover;}
.illico-canalweb-container .block-meteo {height: 100vh;margin: 0 3em;display: flex;flex-direction: column;justify-content: space-between;}

.illico-canalweb-container .meteo {display: grid;grid-template-columns: repeat(3, 1fr);text-align: center;height: 65vh;}
.illico-canalweb-container .meteo #meteo-today, 
.illico-canalweb-container .meteo #meteo-tomorrow, 
.illico-canalweb-container .meteo #meteo-after-tomorrow {display: flex;flex-direction: column;align-content: center;justify-content: space-evenly;align-items: center;}
.illico-canalweb-container .meteo h3 {font-weight: 800;margin: 5px 0;font-size: 3em}
.illico-canalweb-container .meteo .meteo-translation {font-style: italic;font-size: 1.8em;height: 155px;}
.illico-canalweb-container .meteo .meteo-temperature {display: flex;justify-content: center;gap: 2em;font-size: 2.2em;font-weight: 800;}
.illico-canalweb-container .meteo img {width: 40%;}


.illico-canalweb-container .date-of-day {text-align: center;}
.illico-canalweb-container .date-of-day p {font-size: 1.5em;margin-bottom: 20px;}
.illico-canalweb-container .date-of-day p .date,
.illico-canalweb-container .date-of-day p .time {font-size: 1.3em;font-weight: 700;}


/* BLOC PHOTO */
.illico-canalweb-container .bloc-photo {height: 100vh;display: flex;}

.illico-canalweb-container .bloc-photo .photo {width: 65%;}
.illico-canalweb-container .bloc-photo .photo img {height: 100vh;object-fit: cover;width: 100%;}

.illico-canalweb-container .bloc-photo .bloc-left {width: 35%;margin: 2em 3em;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.illico-canalweb-container .bloc-photo .bloc-left img.logo {height: 100px;position:absolute;top:1em;right:3em;}
.illico-canalweb-container .bloc-photo .bloc-left .infos {text-align: center;}
.illico-canalweb-container .bloc-photo .bloc-left .infos p.commune {display: flex; align-items: center; justify-content: center; gap:15px;font-size: 1.5em;}
.illico-canalweb-container .bloc-photo .bloc-left p {font-size: 1.2em;}