/* =================================================================
   Tiny House Autonome — Habillage du header natif GeneratePress
   assets/css/tinylibre-header.css

   Ce fichier surcharge le header, la navigation et le logo de GP
   pour leur appliquer la charte graphique du site sur TOUTES les
   pages, sans dupliquer la nav dans chaque template.
   ================================================================= */


/* -----------------------------------------------------------------
   1. HEADER GP — fond vert forêt + sticky
   ----------------------------------------------------------------- */

.site-header,
#masthead {
	background-color: var(--tl-vert-foret) !important;
	border-bottom: none !important;
	box-shadow: none !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 1000 !important;
	width: 100% !important;
}

/* Conteneur interne */
.site-header .inside-header,
#masthead .inside-header {
	padding: 0 48px !important;
	min-height: 72px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	max-width: 100% !important;
}


/* -----------------------------------------------------------------
   2. LOGO
   ----------------------------------------------------------------- */

/* Logo image téléversé dans le personnaliseur */
.site-header .site-logo img,
.site-header .custom-logo {
	height: 36px !important;
	width: auto !important;
}

/* Logo texte GP (site-title) */
.site-header .site-title,
.site-header .site-title a {
	font-family: var(--tl-font-titre) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: var(--tl-ivoire) !important;
	letter-spacing: 0.01em !important;
	text-decoration: none !important;
}

/* Logo SVG injecté par tha_custom_logo() */
.tha-logo-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	text-decoration: none !important;
}

.tha-logo-text {
	font-family: var(--tl-font-titre) !important;
	color: var(--tl-ivoire) !important;
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	letter-spacing: 0.01em !important;
}

.tha-logo-text span {
	color: var(--tl-ambre) !important;
}

/* Description du site (cachée) */
.site-header .site-description {
	display: none !important;
}


/* -----------------------------------------------------------------
   3. NAVIGATION PRINCIPALE
   ----------------------------------------------------------------- */

/* Conteneur nav GP */
.site-header .main-navigation,
.site-header nav.main-navigation {
	background: transparent !important;
}

/* Items du menu */
.site-header .main-navigation ul li a,
.site-header .main-navigation .menu-item a {
	color: rgba(245, 240, 232, 0.72) !important;
	font-family: var(--tl-font-corps) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	padding: 8px 14px !important;
	transition: color 0.2s !important;
	background: transparent !important;
}

.site-header .main-navigation ul li a:hover,
.site-header .main-navigation .current-menu-item > a,
.site-header .main-navigation .current-menu-ancestor > a {
	color: var(--tl-ivoire) !important;
	background: transparent !important;
}

/* Sous-menus */
.site-header .main-navigation ul ul {
	background: var(--tl-vert-foret) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: 2px solid var(--tl-ambre) !important;
	border-radius: 0 0 var(--tl-radius) var(--tl-radius) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}

.site-header .main-navigation ul ul li a {
	font-size: 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	padding: 10px 16px !important;
}

.site-header .main-navigation ul ul li:last-child a {
	border-bottom: none !important;
}

/* Flèche des sous-menus */
.site-header .main-navigation .dropdown-menu-toggle {
	color: rgba(245, 240, 232, 0.5) !important;
}


/* -----------------------------------------------------------------
   4. BOUTON CTA "Commencer" dans la nav
   Ajoutez la classe CSS "nav-cta" au dernier item de menu
   depuis Apparence > Menus > Attributs CSS de l'élément
   ----------------------------------------------------------------- */

.site-header .main-navigation .nav-cta > a {
	background: var(--tl-terre-cuite) !important;
	color: var(--tl-ivoire) !important;
	border-radius: var(--tl-radius-sm) !important;
	padding: 9px 20px !important;
	font-weight: 600 !important;
	margin-left: 8px !important;
}

.site-header .main-navigation .nav-cta > a:hover {
	background: #b35524 !important;
	color: #fff !important;
}


/* -----------------------------------------------------------------
   5. MENU MOBILE (hamburger GP)
   ----------------------------------------------------------------- */

.site-header .menu-toggle,
.site-header button.menu-toggle {
	color: var(--tl-ivoire) !important;
	background: transparent !important;
	border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: var(--tl-radius-sm) !important;
	padding: 6px 10px !important;
}

.site-header .menu-toggle:hover {
	background: rgba(255, 255, 255, 0.1) !important;
}

/* Icône hamburger SVG */
.site-header .menu-toggle svg,
.site-header .menu-toggle .gp-icon {
	fill: var(--tl-ivoire) !important;
	stroke: var(--tl-ivoire) !important;
}

/* Nav mobile dépliée */
@media (max-width: 768px) {
	.site-header .main-navigation.toggled,
	.site-header .main-navigation.toggled-on {
		background: var(--tl-vert-foret) !important;
	}

	.site-header .inside-header {
		padding: 0 20px !important;
		min-height: 60px !important;
	}
}


/* -----------------------------------------------------------------
   6. ADMIN BAR — décale le header sticky si la barre admin est là
   ----------------------------------------------------------------- */

.admin-bar .site-header,
.admin-bar #masthead {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header,
	.admin-bar #masthead {
		top: 46px !important;
	}
}


/* -----------------------------------------------------------------
   7. SUPPRESSION des marges/paddings GP qui créent de l'espace
   indésirable sous le header sur les templates custom
   ----------------------------------------------------------------- */

body.home .site-main,
body.category .site-main,
body.single .site-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

body.home .content-area,
body.category .content-area,
body.single .content-area {
	padding: 0 !important;
}

/* Cache le fil d'Ariane natif GP (on a le nôtre dans les templates) */
body.category .generate-breadcrumb,
body.single   .generate-breadcrumb {
	display: none !important;
}