/*
* ID2S - dedicated to this site 
*
*/

:root {
	--marron: #481510;
	--creme: #FCF5E2;
	--menthe: #64926B;
	--menthe-trans: #64926B80;
	--vert: #213121;
	--orange: #EC6839;
}


@font-face {font-family: Atelier; src: url(fonts/ROBU-Bold.otf);font-display: swap;}
@font-face {font-family: Tampon; src: url(fonts/ABCDiatypeCondensed-Bold.otf);font-display: swap;}
@font-face {font-family: Corps-texte; src: url(fonts/GoogleSans-Regular.ttf);font-display: swap;}

.navigation-top h1 a {display:none;}

body p {font-family:'Corps-texte', sans-serif;}
h1 {font-family:'Tampon';}

body.home#atelierdesglaces {
	overflow-y :hidden;
}

body.home#atelierdesglaces #content.site-content {
	/*background: url('/wp-content/uploads/2026/03/interieur_design.webp')  no-repeat center / cover;*/
	height: 100vh !important;
}

/* Customisation header 
@media screen and (max-width: 1350px) and (min-height: 768px) {
	.single-featured-image-header {
		position:sticky;
		top:0;
		Z-index:9;
	}
}*/

/* Customisation titres et textes */
h1.entry-title {color:var(--vert);}
h2.wp-block-heading  {color:var(--menthe);}
p.wp-block-paragraph, ul.wp-block-list {color:var(--marron);}
ul {padding-left:3em;}


@media screen and (max-width: 1350px) {
	.wrap {padding-left:5em !important; padding-right:5em !important;}
}

/* Customisation Mobile menu */
div.mobmenu-content {background-color:var(--menthe-trans);margin-top:0 !important;height:100% !important; padding-top:55px !important;}
div.mobmenul-container {background-color:var(--creme);border-radius:5px;}

div.logotext a {width:100%; text-align:center;color:var(--marron) !important;}
h1.atelier {font-family:'Atelier'; margin:0 !important;font-size:4em;line-height:0.5;}
span.desglaces {font-family:'Tampon';font-size:1.5em;}

.mobmenu-content li {padding-left:3em;}

li.main-menu-item {
    /*background-color: var(--menthe-trans);*/
    margin: 0.15em 0 0.15em 0 !important;
}

ul.leftmbottom {padding:0 !important;margin:0 !important;color:var(--creme);width:100%;position:absolute;bottom:0;}
.logo-menu-bottom figure img {max-height:20vh;width:auto}


@media screen and (max-height: 768px) {
	/*.logo-menu-bottom figure img {max-width:50%;}*/
	body.page h1.entry-title {font-size: 120% !important;}
	#mobmenuleft li a, #mobmenuleft li a:visited {line-height:1em !important;font-size:20px !important;}
	.mobmenu-content li a {padding:5px 0 5px 20px !important;}
	.leftmbottom .wp-block-media-text, .leftmbottom p.opening-hours {margin-bottom:0 !important;}
	.leftmbottom li.widget_block {padding-bottom:0 !important;}
}

.logo-stamp img {background:rgba(255,255,255,0.4);border-radius:50%;filter: invert(94%) sepia(13%) saturate(451%) hue-rotate(5deg) brightness(101%) contrast(92%);}

li:has(.titre-menu) {padding: 0 !important;}
.titre-menu {margin: 0 !important;padding:0 !important;}

li:has(.sous-titre-menu), .sous-titre-menu {padding:0 !important;margin:0 !important;}


/* Force l'affichage de Custom Header Media */
/* 1. On force l'affichage des conteneurs structurels */
#masthead, 
#masthead .custom-header {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. On s'assure que le média lui-même est bien visible */
#masthead .custom-header-media {
    display: block !important;
    visibility: visible !important;
	z-index:2;
}

/* 3. On masque tout le reste dans le header (logo, titre, menu original) 
      pour ne pas polluer l'affichage du Mobile Menu */
#masthead .site-branding,
#masthead .navigation-top,
#masthead .menu-toggle {
    display: none !important;
}
/* 4. On masque l'icône de pause */
button#wp-custom-header-video-button {display:none;}

/* Customisation formulaire cookies */
div.cookieadmin_down {max-height:45vh !important;}

/* Selected Panel fullwidth */
[id^="partners_"] .wrap, [id^="map"] .wrap {max-width: 100% !important; padding: 0 0 1em 0 !important; margin: 0;}
iframe.fullwidth {
    max-width: 99.5vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	margin-bottom:0 !important;
    overflow-x: hidden !important;
}
/* Google Maps customization */
[id^="map"] iframe, iframe.fullwidth {
    filter: filter: grayscale(20%) sepia(10%) brightness(90%) hue-rotate(60deg);
    -webkit-filter: grayscale(20%) sepia(10%) brightness(90%) hue-rotate(60deg);
    -moz-filter: grayscale(20%) sepia(10%) brightness(90%) hue-rotate(60deg);
}