/*
Theme Name: sieck
Theme URI: https://iledesieck.fr/
Description: Hello Elementor Child Theme
Author: Atelier2s
Author URL: https://atelier2s.com/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */

body { word-wrap: break-word; }
pre { white-space: pre-wrap; } /* pour firefox et les <pre> */

.maj {
    text-transform: uppercase;
}

/* =========================
   HEADER GLOBAL
========================= */

.sieck-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	background: transparent !important;
	padding: 18px 30px;
	transition: background-color .3s ease, box-shadow .3s ease, color .3s ease, padding .3s ease;
}

/* état sticky au scroll */
.sieck-header.jet-sticky-section--stuck,
.sieck-header.jet-sticky-section-sticky--stuck,
.sieck-header.is-sticky{
	background: #ffffff !important;
	box-shadow: 0 6px 20px rgba(0,0,0,.08);
	padding: 10px 30px;
}


/* =========================
   LOGO SVG INLINE
========================= */

.sieck-header .elementor-widget-html,
.sieck-header .sieck-logo-svg{
	color: #ffffff;
	transition: color .3s ease;
}

/* force les paths/g du SVG à suivre la couleur CSS */
.sieck-header .elementor-widget-html svg path,
.sieck-header .elementor-widget-html svg g{
	fill: currentColor;
}

/* taille logo normale */
.sieck-header .elementor-widget-html svg,
.sieck-header .sieck-logo-svg{
	display: block;
	width: 220px;
	height: auto;
	transition: width .3s ease, color .3s ease;
}

/* logo au scroll */
.sieck-header.jet-sticky-section--stuck .elementor-widget-html,
.sieck-header.jet-sticky-section--stuck .sieck-logo-svg,
.sieck-header.jet-sticky-section-sticky--stuck .elementor-widget-html,
.sieck-header.jet-sticky-section-sticky--stuck .sieck-logo-svg,
.sieck-header.is-sticky .elementor-widget-html,
.sieck-header.is-sticky .sieck-logo-svg{
	color: #1C2B4D;
}

.sieck-header.jet-sticky-section--stuck .elementor-widget-html svg,
.sieck-header.jet-sticky-section--stuck .sieck-logo-svg,
.sieck-header.jet-sticky-section-sticky--stuck .elementor-widget-html svg,
.sieck-header.jet-sticky-section-sticky--stuck .sieck-logo-svg,
.sieck-header.is-sticky .elementor-widget-html svg,
.sieck-header.is-sticky .sieck-logo-svg{
	width: 190px;
}


/* =========================
   MENU DESKTOP
========================= */

.sieck-header .menu-item-link,
.sieck-header .menu-item-link:visited,
.sieck-header .jet-nav-link-text{
	color: #ffffff !important;
	transition: color .3s ease, opacity .3s ease;
}

.sieck-header.jet-sticky-section--stuck .menu-item-link,
.sieck-header.jet-sticky-section--stuck .menu-item-link:visited,
.sieck-header.jet-sticky-section--stuck .jet-nav-link-text,
.sieck-header.jet-sticky-section-sticky--stuck .menu-item-link,
.sieck-header.jet-sticky-section-sticky--stuck .menu-item-link:visited,
.sieck-header.jet-sticky-section-sticky--stuck .jet-nav-link-text,
.sieck-header.is-sticky .menu-item-link,
.sieck-header.is-sticky .menu-item-link:visited,
.sieck-header.is-sticky .jet-nav-link-text{
	color: #1C2B4D !important;
}

.sieck-header .menu-item-link:hover,
.sieck-header .menu-item-link:focus{
	opacity: .8;
}


/* =========================
   ICÔNES MOBILE / HAMBURGER
========================= */

.sieck-header .jet-nav__mobile-trigger svg{
	fill: #ffffff !important;
	transition: fill .3s ease;
}

.sieck-header.jet-sticky-section--stuck .jet-nav__mobile-trigger svg,
.sieck-header.jet-sticky-section-sticky--stuck .jet-nav__mobile-trigger svg,
.sieck-header.is-sticky .jet-nav__mobile-trigger svg{
	fill: #1C2B4D !important;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px){
	.sieck-header{
		padding: 14px 20px;
	}

	.sieck-header.jet-sticky-section--stuck,
	.sieck-header.jet-sticky-section-sticky--stuck,
	.sieck-header.is-sticky{
		padding: 8px 20px;
	}

	.sieck-header .elementor-widget-html svg,
	.sieck-header .sieck-logo-svg{
		width: 190px;
	}

	.sieck-header.jet-sticky-section--stuck .elementor-widget-html svg,
	.sieck-header.jet-sticky-section--stuck .sieck-logo-svg,
	.sieck-header.jet-sticky-section-sticky--stuck .elementor-widget-html svg,
	.sieck-header.jet-sticky-section-sticky--stuck .sieck-logo-svg,
	.sieck-header.is-sticky .elementor-widget-html svg,
	.sieck-header.is-sticky .sieck-logo-svg{
		width: 165px;
	}
}

@media (max-width: 767px){
	.sieck-header{
		padding: 12px 16px;
	}

	.sieck-header.jet-sticky-section--stuck,
	.sieck-header.jet-sticky-section-sticky--stuck,
	.sieck-header.is-sticky{
		padding: 7px 16px;
	}

	.sieck-header .elementor-widget-html svg,
	.sieck-header .sieck-logo-svg{
		width: 170px;
	}

	.sieck-header.jet-sticky-section--stuck .elementor-widget-html svg,
	.sieck-header.jet-sticky-section--stuck .sieck-logo-svg,
	.sieck-header.jet-sticky-section-sticky--stuck .elementor-widget-html svg,
	.sieck-header.jet-sticky-section-sticky--stuck .sieck-logo-svg,
	.sieck-header.is-sticky .elementor-widget-html svg,
	.sieck-header.is-sticky .sieck-logo-svg{
		width: 145px;
	}
}

/* =========================
   MOBILE : HEADER TOUJOURS STICKY (STYLE FINAL)
========================= */

@media (max-width: 1024px){

	/* fond toujours blanc */
	.sieck-header{
		position: fixed;
		background: #ffffff !important;
		box-shadow: 0 6px 20px rgba(0,0,0,.08);
		padding: 7px 16px; /* hauteur réduite directe */
	}

	/* menu toujours bleu */
	.sieck-header .menu-item-link,
	.sieck-header .menu-item-link:visited,
	.sieck-header .jet-nav-link-text{
		color: #1C2B4D !important;
	}

	/* icône hamburger bleue */
	.sieck-header .jet-nav__mobile-trigger svg{
		fill: #1C2B4D !important;
	}

	/* logo toujours bleu */
	.sieck-header .elementor-widget-html,
	.sieck-header .sieck-logo-svg{
		color: #1C2B4D !important;
	}

	/* logo en version compacte */
	.sieck-header .elementor-widget-html svg,
	.sieck-header .sieck-logo-svg{
		width: 145px;
	}

}

span.jet-toggle__icon.icon-active.jet-tabs-icon {
    background-color: #1C2B4D !important;
}
span.jet-toggle__icon.icon-normal.jet-tabs-icon {
    background-color: #1C2B4D !important;
}

.mentions h2 {
    font-family: 'Lato';
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 800;
    letter-spacing: .07em;
    color: #1C2B4F;
}