/* En-tête et pied de page Kadence, habillés aux tokens Merkez. */

/* ---------- En-tête ---------- */
#masthead .site-main-header-wrap .site-header-row-container-inner { background: var(--mk-cream); border-bottom: var(--mk-hairline); transition: box-shadow var(--mk-dur-2) var(--mk-ease); }
#masthead .item-is-stuck .site-header-row-container-inner, #masthead .site-main-header-wrap.item-is-stuck .site-header-row-container-inner { box-shadow: 0 8px 24px -16px rgb(32 44 61 / .35); }
.site-branding a.brand img.mk-logo { max-width: none; block-size: 48px; inline-size: auto; }
.site-branding a.brand:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus); }

.main-navigation .primary-menu-container > ul > li.menu-item > a {
	font-family: var(--mk-font-sans); font-size: .9375rem; font-weight: 400; color: var(--mk-ink);
	padding-inline: .9rem; padding-block: .6rem;
	background: linear-gradient(var(--mk-blue), var(--mk-blue)) 50% calc(100% - .35rem) / 0 1px no-repeat;
	transition: background-size var(--mk-dur-2) var(--mk-ease), color var(--mk-dur-1) var(--mk-ease);
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a { color: var(--mk-blue); background-size: calc(100% - 1.8rem) 1px; }
.main-navigation .primary-menu-container > ul > li.menu-item > a:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus); }
.main-navigation .primary-menu-container > ul > li.mk-login > a { color: var(--mk-blue); display: inline-flex; gap: .4em; align-items: center; }
.main-navigation .primary-menu-container > ul > li.mk-login > a::before { content: ""; inline-size: 1rem; block-size: 1rem; background: currentColor; -webkit-mask: url(../img/icons.svg#user) center / contain no-repeat; mask: url(../img/icons.svg#user) center / contain no-repeat; }

#masthead .header-button-wrap .header-button, #mobile-drawer .mobile-header-button-wrap .button {
	min-height: var(--mk-touch); display: inline-flex; align-items: center;
	padding: .7rem 1.25rem; margin-inline-start: var(--mk-space-4);
	font-family: var(--mk-font-sans); font-size: .9375rem; font-weight: 500;
	color: var(--mk-cream); background: var(--mk-blue); border: 1px solid var(--mk-blue); border-radius: var(--mk-radius); box-shadow: none;
	transition: background-color var(--mk-dur-1) var(--mk-ease);
}
#masthead .header-button-wrap .header-button:hover { background: var(--mk-blue-deep); border-color: var(--mk-blue-deep); }
#masthead .header-button-wrap .header-button:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus); }

/* Mobile : bouton menu et tiroir plein écran */
.mobile-toggle-open-container .menu-toggle-open { min-inline-size: var(--mk-touch); min-block-size: var(--mk-touch); color: var(--mk-blue); border: 1px solid var(--mk-line-strong); border-radius: var(--mk-radius); }
.mobile-toggle-open-container .menu-toggle-open:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus); }
#mobile-drawer .drawer-inner { background: var(--mk-blue); color: var(--mk-cream); }
#mobile-drawer .drawer-header .drawer-toggle { color: var(--mk-cream); min-inline-size: var(--mk-touch); min-block-size: var(--mk-touch); }
#mobile-drawer .mobile-navigation ul li > a, #mobile-drawer .mobile-navigation ul li .drawer-nav-drop-wrap > a {
	font-family: var(--mk-font-serif); font-size: 2rem; line-height: 1.2; color: var(--mk-cream);
	padding-block: .8rem; border-bottom: 1px solid color-mix(in srgb, var(--mk-cream) 18%, var(--mk-blue));
}
#mobile-drawer .mobile-navigation ul li > a:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus-on-blue); }
#mobile-drawer .mobile-navigation ul li.mk-login > a { font-family: var(--mk-font-sans); font-size: 1.0625rem; }
#mobile-drawer .mobile-header-button-wrap { margin-top: var(--mk-space-6); }
#mobile-drawer .mobile-header-button-wrap .button { margin: 0; inline-size: 100%; justify-content: center; color: var(--mk-blue); background: var(--mk-cream); border-color: var(--mk-cream); font-size: 1.0625rem; min-height: 52px; }

/* ---------- Pied de page ---------- */
.site-footer .site-middle-footer-wrap .site-footer-row-container-inner,
.site-footer .site-bottom-footer-wrap .site-footer-row-container-inner { background: var(--mk-blue); color: var(--mk-cream); }
.site-footer .site-middle-footer-wrap .site-footer-row-container-inner { padding-block: var(--mk-space-9) var(--mk-space-6); }
.site-footer .site-bottom-footer-wrap .site-footer-row-container-inner { border-top: 1px solid color-mix(in srgb, var(--mk-cream) 22%, var(--mk-blue)); }
.site-footer .site-middle-footer-inner-wrap { gap: var(--mk-space-7); grid-template-columns: 1.2fr 1fr 1fr 1.6fr; }
.site-footer a { color: var(--mk-cream); text-decoration: none; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: .2em; }
.site-footer a:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--mk-focus-on-blue); }
.site-footer .footer-widget-area .widget { margin: 0; }
.mk-footer-logo { display: inline-block; }
.mk-footer-logo img { block-size: 150px; inline-size: auto; }
.mk-footer-mission { font-family: var(--mk-font-serif); font-size: 1.375rem; line-height: 1.35; margin: var(--mk-space-5) 0; max-width: 18em; color: var(--mk-cream); }
.mk-footer-title { font: 500 var(--mk-size-small) var(--mk-font-sans); letter-spacing: .02em; color: color-mix(in srgb, var(--mk-cream) 80%, var(--mk-blue)); margin: 0 0 var(--mk-space-4); }
.mk-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--mk-space-2); font-family: var(--mk-font-sans); font-size: 1rem; }
.mk-footer-menu a { display: inline-block; padding-block: .2rem; }
.mk-social { display: flex; gap: var(--mk-space-2); list-style: none; margin: 0; padding: 0; }
.mk-social a { display: grid; place-items: center; inline-size: var(--mk-touch); block-size: var(--mk-touch); border: 1px solid color-mix(in srgb, var(--mk-cream) 35%, var(--mk-blue)); border-radius: 50%; color: var(--mk-cream); transition: background-color var(--mk-dur-1) var(--mk-ease); }
.mk-social a:hover { background: var(--mk-blue-deep); text-decoration: none; }
.site-footer .mk-resources__title { color: var(--mk-cream); }
.site-footer .mk-resources__consent { color: color-mix(in srgb, var(--mk-cream) 88%, var(--mk-blue)); }
.site-footer .mk-resources__row button { color: var(--mk-blue); background: var(--mk-cream); }
.site-footer .mk-resources__row button:hover { background: var(--mk-white); }
.site-footer .mk-resources__row input:focus-visible, .site-footer .mk-resources__row button:focus-visible { box-shadow: var(--mk-focus-on-blue); }
.site-footer .mk-resources .mk-resources__msg { color: var(--mk-cream); }
.site-footer .footer-html { font-family: var(--mk-font-sans); font-size: var(--mk-size-small); }
.site-footer .footer-html-inner, .site-footer .footer-html-inner > p { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--mk-space-4); inline-size: 100%; margin: 0; }
.site-footer .footer-html-inner > p > br { display: none; }
.site-footer .site-bottom-footer-inner-wrap .site-footer-section { inline-size: 100%; }

@media (max-width: 1024px) {
	.site-footer .site-middle-footer-inner-wrap { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 719px) {
	.site-footer .site-middle-footer-inner-wrap { grid-template-columns: 1fr; gap: var(--mk-space-6); }
	.site-footer .site-middle-footer-inner-wrap > .site-footer-middle-section-4 { order: -1; }
	.site-branding a.brand img.mk-logo { block-size: 40px; }
}

/* Ajustements après inspection (alignements Kadence). */
.site-footer .footer-widget-area .mk-footer-menu, .site-footer .footer-widget-area .mk-footer-menu li { margin: 0; padding: 0; }
#mobile-drawer .mobile-navigation ul li > a { padding-inline: 0; }
#mobile-drawer .mobile-header-button-wrap .mobile-header-button-inner-wrap, #mobile-drawer .mobile-header-button-wrap { inline-size: 100%; }

#masthead, #masthead .site-header-wrap, #masthead .site-header-row-container, #masthead .site-header-upper-wrap { background: var(--mk-cream); }