/* En-tête : transparent en haut, verre dépoli au défilement */
#site-header.site-header {
	position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 999;
	background: transparent; box-shadow: none; border-block-end: 1px solid transparent;
	transition: background-color .35s ease, box-shadow .35s ease, border-color .35s ease, -webkit-backdrop-filter .35s ease, backdrop-filter .35s ease;
}
#site-header.site-header.is-defile {
	background: rgba(255, 255, 255, .74);
	-webkit-backdrop-filter: blur(14px) saturate(1.6); backdrop-filter: blur(14px) saturate(1.6);
	box-shadow: 0 8px 28px rgba(0, 64, 47, .08); border-block-end-color: rgba(0, 92, 69, .08);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	#site-header.site-header.is-defile { background: rgba(255, 255, 255, .94); }
}
/* Logo légèrement réduit au défilement (sans changer la hauteur de l'en-tête) */
#site-header .site-logo img, #site-header .custom-logo { transform-origin: left center; transition: transform .35s ease; }
#site-header.is-defile .site-logo img, #site-header.is-defile .custom-logo { transform: scale(.86); }

/* Accueil : le hero remonte sous l'en-tête transparent */
body.home #site-header.site-header { margin-block-end: calc(-1 * var(--f2in-hh, 0px)); }
body.home .f2in-hero { padding-block-start: var(--f2in-hh, 0px); }

@media (prefers-reduced-motion: reduce) {
	#site-header.site-header, #site-header .custom-logo { transition: none; }
}

/* Sélecteur de langue (GTranslate) : pilule arrondie comme le bouton « Participer » */
#site-header .gt_switcher { position: relative; overflow: visible !important; }
#site-header .gt_switcher .gt_selected { background: transparent !important; border: 0 !important; border-radius: 999px !important; }
#site-header .gt_switcher .gt_selected a {
	display: flex !important; align-items: center; gap: 6px; box-sizing: border-box; block-size: 40px;
	padding: 0 30px 0 12px !important; border: 1px solid rgba(0, 92, 69, .28) !important; border-radius: 999px !important;
	background-color: #fff !important; color: #005c45 !important; font-weight: 600; box-shadow: none !important;
	transition: border-color .2s, box-shadow .2s;
}
#site-header .gt_switcher .gt_selected a:hover, #site-header .gt_switcher .gt_selected a.open { border-color: #005c45 !important; box-shadow: 0 4px 14px rgba(0, 64, 47, .12) !important; }
#site-header .gt_switcher .gt_selected a:focus-visible { outline: 3px solid #ea5323; outline-offset: 2px; }
#site-header .gt_switcher .gt_option {
	position: absolute !important; inset-block-start: calc(100% + 8px); inset-inline-start: auto !important; inset-inline-end: 0 !important; z-index: 1000; min-inline-size: 100%; inline-size: max-content !important; max-inline-size: calc(100vw - 32px);
	padding: 6px 0; border: 1px solid rgba(0, 92, 69, .15) !important; border-radius: 14px !important;
	background: #fff !important; box-shadow: 0 14px 34px rgba(0, 64, 47, .16); overflow: hidden;
}
#site-header .gt_switcher .gt_option a { border-radius: 0 !important; color: #1a1a2e !important; }
#site-header .gt_switcher .gt_option a:hover { background: #f4f7fb !important; color: #005c45 !important; }

/* Logos partenaires après le logo F2IN */
#site-header .f2in-logos { display: flex; align-items: center; gap: 14px; }
#site-header .f2in-logos__sep { inline-size: 1px; block-size: 44px; background: rgba(0, 92, 69, .2); }
#site-header .f2in-logo-part { display: grid; place-items: center; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; transition: transform .2s; }
#site-header .f2in-logo-part:hover { transform: translateY(-1px); }
#site-header .f2in-logo-part img { display: block; block-size: 62px; inline-size: auto; max-inline-size: 130px; object-fit: contain; filter: none !important; transform: none !important; }
#site-header .f2in-logo-min img { max-inline-size: 96px; }
#site-header .f2in-logo-anpips img { block-size: 50px; max-inline-size: 150px; }
#site-header.is-defile .f2in-logo-anpips img { block-size: 44px; }
#site-header.is-defile .f2in-logo-part img { block-size: 54px; }
body.home #site-header:not(.is-defile) .f2in-logos__sep { background: rgba(255, 255, 255, .35); }
/* En-tête sur deux lignes : armoiries à gauche, F2IN au centre, ANPIPS à droite */
#site-header.is-deux-lignes .site-branding { flex: 1 1 100%; }
#site-header.is-deux-lignes .site-logo { inline-size: 100%; }
#site-header.is-deux-lignes .f2in-logos { inline-size: 100%; justify-content: space-between; }
#site-header.is-deux-lignes .f2in-logos__sep { display: none; }
#site-header.is-deux-lignes .f2in-logo-min { order: 1; }
#site-header.is-deux-lignes .custom-logo-link { order: 2; }
#site-header.is-deux-lignes .f2in-logo-anpips { order: 3; }
@media (max-width: 480px) {
	#site-header .f2in-logo-part img { block-size: 42px; max-inline-size: 80px; }
}
#site-header.is-deux-lignes .site-navigation { flex: 1 1 100%; }
#site-header.is-deux-lignes .site-navigation ul.menu { justify-content: center; flex-wrap: wrap; }
#site-header.is-deux-lignes .site-navigation-toggle-holder { margin-inline: auto; }

/* Armoiries + légende à droite « Ministère du Commerce et de l'Industrie » : un seul bloc */
#site-header .f2in-logo-min { display: flex; flex-direction: row; align-items: center; gap: 8px; color: #1a1a2e; }
#site-header .f2in-logo-min img { block-size: 60px; max-inline-size: 92px; }
#site-header .f2in-logo-legende { display: block; padding-inline-start: 8px; border-inline-start: 2px solid #f6b91e; line-height: 0; }
#site-header .f2in-logo-legende svg { display: block; inline-size: 100px; block-size: auto; overflow: visible; fill: currentColor; font-family: Montserrat, Arial, sans-serif; font-weight: 700; font-size: 10.2px; }
#site-header.is-defile .f2in-logo-min img { block-size: 52px; }
body.home #site-header:not(.is-defile) .f2in-logo-min { color: #fff; }
@media (max-width: 480px) { #site-header .f2in-logo-min img { block-size: 40px; } #site-header .f2in-logo-legende { padding-inline-start: 5px; } #site-header .f2in-logo-legende svg { inline-size: 72px; } }

/* Réseaux sociaux à droite du bandeau défilant */
.f2in-bandeau-reseaux { display: none; }
.f2in-bandeau.a-reseaux { position: relative; }
.f2in-bandeau .f2in-bandeau-reseaux { position: absolute; inset-block: 0; inset-inline-end: 0; z-index: 2; display: flex; align-items: center; gap: 2px; margin: 0; padding: 0 clamp(10px, 2vw, 24px) 0 36px; list-style: none; background: linear-gradient(90deg, rgba(0, 92, 69, 0) 0, var(--f2in-vert, #005c45) 28px); }
.f2in-bandeau-reseaux li { margin: 0; padding: 0; }
.f2in-bandeau-reseaux a { display: grid; place-items: center; inline-size: 26px; block-size: 26px; border-radius: 50%; color: var(--f2in-or, #f6b91e); transition: background .2s, color .2s; }
.f2in-bandeau-reseaux a:hover, .f2in-bandeau-reseaux a:focus-visible { background: var(--f2in-or, #f6b91e); color: var(--f2in-vert, #005c45); }
.f2in-bandeau-reseaux a:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.f2in-bandeau-reseaux svg { inline-size: 15px; block-size: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }