/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* ============================================================
   KBH Innovation — Switcher WPML + Burger cercle
   Position du switcher synchronisée en JS sur le burger (fixed),
   donc reste centré verticalement même pendant le rétrécissement
   du header au scroll. Voir kbh-lang-switcher-functions.php.
   ============================================================ */

:root {
	--kbh-accent: #00847f;        /* couleur du rond burger — à remplacer par une couleur KBH */
	--kbh-accent-hover: #000000;  /* couleur du rond burger au survol */
	--kbh-lang-color: #000000;    /* couleur du texte des langues (état initial) */
	--kbh-lang-hover: #00847f;    /* couleur au hover / langue active (vert) */
}

/* ── Switcher de langue : EN | DE | FR ── */
.kbh-lang-switcher {
	display: flex !important;
	align-items: center !important;
	/* position/top/left gérés en JS (voir functions.php) pour rester
	   fixe et centré sur le burger, quel que soit l'état sticky */
	z-index: 999999 !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
}

.kbh-lang-switcher .kbh-lang-item {
	display: inline-block !important;
	padding: 0 8px !important;
	color: var(--kbh-lang-color) !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	letter-spacing: 0.03em !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	transition: color 0.2s !important;
	white-space: nowrap !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.kbh-lang-switcher .kbh-lang-item:hover,
.kbh-lang-switcher .kbh-lang-item.active {
	color: var(--kbh-lang-hover) !important;
}

/* Séparateur "|" entre chaque langue, sauf après la dernière */
.kbh-lang-switcher .kbh-lang-item:not(:last-child)::after {
	content: "|";
	display: inline-block;
	margin-left: 8px;
	color: var(--kbh-lang-color);
	opacity: 0.35;
	font-weight: 400;
}

/* Cacher le switcher quand le menu overlay est ouvert */
.overlay-open .kbh-lang-switcher {
	display: none !important;
}

@media (max-width: 768px) {
	.kbh-lang-switcher {
		display: none !important;
	}
}

/* ── Burger menu : rond coloré ── */
.mobile-menu-button {
	background-color: var(--kbh-accent) !important;
	border-radius: 50% !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-sizing: border-box !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	transform: none !important;
	transition: background-color 0.3s ease !important;
}

.mobile-menu-button:hover {
	background-color: var(--kbh-accent-hover) !important;
}

.mobile-menu-button .lines {
	transform: scale(1.0) !important;
	background-color: #ffffff !important;
}
.mobile-menu-button .lines::before,
.mobile-menu-button .lines::after {
	background-color: #ffffff !important;
}

#masthead.is_stuck .mobile-menu-button .lines,
#masthead.is_stuck .mobile-menu-button .lines::before,
#masthead.is_stuck .mobile-menu-button .lines::after {
	background-color: #ffffff !important;
}

#masthead .mobile-menu-button.close .lines,
#masthead.is_stuck .mobile-menu-button.close .lines {
	background-color: transparent !important;
}

.mobile-menu-button {
	margin-top: 40px !important;
	margin-right: 15px !important;
}