/**
 * Header v2 (theme/jc-header.php) : barre utilitaire + barre principale.
 * Ici plutôt que dans le thème enfant : son dossier assets n'est pas modifiable par SFTP.
 * Une seule police (Plus Jakarta Sans) et deux tailles : 13px en haut, 15px dans la navigation.
 */
.jc-hd {
	font-family: var(--jc-font-body);
	-webkit-font-smoothing: antialiased;
}

/* !important : les pages SureCart (espace client) soulignent tous les liens. */
.jc-hd a {
	text-decoration: none !important;
}

.jc-hd .jc-hd__gift-cta {
	text-decoration: underline !important;
}

/* Barre utilitaire */
.jc-hd__util {
	background: var(--jc-blue-dark);
	font-size: 13px;
	line-height: 1;
	color: #c9d6ec;
}

.jc-hd__util-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 40px;
}

/* Livre gratuit : seul élément en couleur dans la barre, pour qu'on le remarque. */
.jc-hd .jc-hd__gift {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px 6px 10px;
	border-radius: 999px;
	background: var(--jc-accent);
	color: var(--jc-ink) !important;
	font-weight: 600;
	transition: background .15s ease, transform .15s ease;
}

.jc-hd .jc-hd__gift:hover,
.jc-hd .jc-hd__gift:focus-visible {
	background: var(--jc-accent-2);
	transform: translateY(-1px);
}

.jc-hd__gift strong {
	font-weight: 800;
}

.jc-hd__gift-cta {
	padding-left: 8px;
	border-left: 1px solid rgba(28, 32, 48, .25);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.jc-hd__prefs {
	display: flex;
	align-items: center;
	gap: 4px;
}

.jc-hd .jc-hd__site {
	padding: 8px 10px;
	color: #c9d6ec !important;
}

.jc-hd .jc-hd__site:hover,
.jc-hd .jc-hd__site:focus-visible {
	color: #fff !important;
}

.jc-hd__pref {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 4px;
	border-left: 1px solid rgba(255, 255, 255, .16);
}

/* Langue (<details> de jc_ml_switcher) */
.jc-hd .jc-native-language-picker {
	font-size: 13px;
}

.jc-hd .jc-native-language-picker summary {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	color: #fff;
	list-style: none;
}

.jc-hd .jc-native-language-picker summary::-webkit-details-marker {
	display: none;
}

.jc-hd .jc-native-language-picker summary::before {
	content: '';
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .85;
}

.jc-hd .jc-native-language-picker summary::after {
	content: '';
	width: 6px;
	height: 6px;
	margin: -3px 0 0 2px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: .7;
}

.jc-hd .jc-native-languages {
	top: calc(100% + 6px);
	min-width: 170px;
	padding: 6px;
	border-radius: var(--jc-r-md);
	box-shadow: 0 18px 50px -20px rgba(20, 30, 70, .45);
	font-size: 14px;
}

.jc-hd .jc-native-languages a {
	border-radius: var(--jc-r-sm);
}

/* Devise (bloc SureCart) */
.jc-hd .wp-block-surecart-currency-switcher__trigger {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}

.jc-hd .wp-block-surecart-currency-switcher__flag {
	width: 18px;
	height: auto;
	border-radius: 2px;
}

.jc-hd .wp-block-surecart-currency-switcher__caret svg {
	width: 14px;
	height: 14px;
	opacity: .7;
}

.jc-hd .sc-dropdown__panel {
	z-index: 1000;
	font-family: var(--jc-font-body);
	color: var(--jc-ink);
}

/* Barre principale */
.jc-hd__main {
	background: var(--jc-blue);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 6px 20px -12px rgba(6, 30, 70, .5);
}

.jc-hd__main-inner {
	display: flex;
	align-items: center;
	gap: 40px;
	min-height: 76px;
}

.jc-hd__logo {
	flex: 0 0 auto;
	line-height: 0;
}

.jc-hd__logo img {
	display: block;
	width: 210px;
	height: auto;
}

.jc-hd__nav {
	flex: 1 1 auto;
	min-width: 0;
}

.jc-hd__nav ul {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jc-hd .jc-hd__nav a {
	position: relative;
	display: block;
	padding: 10px 12px;
	border-radius: var(--jc-r-sm);
	color: rgba(255, 255, 255, .88) !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	transition: color .15s ease, background .15s ease;
}

.jc-hd .jc-hd__nav a:hover,
.jc-hd .jc-hd__nav a:focus-visible {
	background: rgba(255, 255, 255, .1);
	color: #fff !important;
}

.jc-hd .jc-hd__nav .is-current > a {
	color: #fff !important;
}

.jc-hd .jc-hd__nav .is-current > a::after {
	content: '';
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 2px;
	height: 2px;
	border-radius: 2px;
	background: var(--jc-accent);
}

/* "3 pour 2" : l'offre se lit en jaune, sans concurrencer le livre gratuit. */
.jc-hd .jc-hd__nav .jc-menu-deal > a {
	color: var(--jc-accent) !important;
}

.jc-hd .jc-hd__account {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	margin-left: auto;
	border-radius: 50%;
	color: rgba(255, 255, 255, .85) !important;
	transition: background .15s ease, color .15s ease;
}

.jc-hd .jc-hd__account:hover,
.jc-hd .jc-hd__account:focus-visible {
	background: rgba(255, 255, 255, .12);
	color: #fff !important;
}

/* Écrans moyens : les collections secondaires restent sur la page d'accueil (pastilles). */
@media (max-width: 1360px) {
	.jc-hd__main-inner {
		gap: 24px;
	}

	.jc-hd .jc-hd__nav a {
		padding: 10px 9px;
		font-size: 14px;
	}
}

@media (max-width: 1240px) {
	.jc-hd__nav li:nth-child(5),
	.jc-hd__nav li:nth-child(6) {
		display: none;
	}

	.jc-hd__logo img {
		width: 180px;
	}
}

/* Center the mobile menu control in the header, independent of icon-font baseline. */
.mob-menu-header-holder .mobmenul-container {
 top:0!important;bottom:0!important;height:100%!important;margin-top:0!important;
}
.mob-menu-header-holder .mobmenul-container>.mobmenu-left-bt {
 display:flex;align-items:center;justify-content:center;width:44px;height:100%;
}
.mob-menu-header-holder .mobmenul-container .mob-menu-icon,
.mob-menu-header-holder .mobmenul-container .mob-cancel-button {
 float:none;line-height:1;
}
.mob-menu-header-holder .mobmenul-container .mob-menu-icon::before,
.mob-menu-header-holder .mobmenul-container .mob-cancel-button::before {
 display:block;line-height:1;
}