/* Valeurs reprises du design existant. Chargées dans le site et l’éditeur. */
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks { position: relative; }
.ashbay-header {
	position: relative;
	z-index: 30;
	margin-block: 0;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--body);
}
.ashbay-header__row {
	min-height: 84px;
	padding: 20px 24px;
	gap: 16px;
}
.ashbay-header__row > * { margin-block: 0; }
.ashbay-header__logo { flex: 0 0 auto; }
.ashbay-header__logo a { display: flex; align-items: center; min-height: 44px; }
.ashbay-header__logo img { display: block; width: 132px; height: auto; object-fit: contain; }
.ashbay-header .ashbay-header__navigation { color: inherit; flex: 0 1 auto; }
.ashbay-header__navigation .wp-block-navigation__container { gap: clamp(16px, 2.5vw, 40px); }
.ashbay-header__navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.625;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-decoration: none;
}
.ashbay-header__navigation :is(.current-menu-item > a, a[aria-current="page"]) {
	text-decoration: underline;
	text-underline-offset: 8px;
}
.ashbay-header a { transition: opacity .2s; }
.ashbay-header a:hover { opacity: .7; }
.ashbay-header :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.ashbay-header__social { flex: 0 0 auto; gap: 0; }
.ashbay-header__social .wp-social-link a { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0; }
.ashbay-header .ashbay-header__social .wp-social-link svg { width: 20px; height: 20px; }
.ashbay-header__navigation :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	color: inherit;
}
.ashbay-header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}
/* Le bloc Navigation gère l’ouverture, Échap et le focus. Seuil aligné sur le site initial. */
@media (max-width: 767px) {
	.ashbay-header__logo { margin-right: auto; }
	.ashbay-header__social { order: 2; }
	.ashbay-header__navigation { order: 3; }
	.ashbay-header__navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
	.ashbay-header__navigation .wp-block-navigation__responsive-container-open { display: flex; }
	.ashbay-header__navigation .wp-block-navigation__responsive-container.is-menu-open { padding: 24px; }
	.ashbay-header__navigation .is-menu-open .wp-block-navigation__container { gap: 24px; align-items: center; }
	.ashbay-header__navigation .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 64px; align-items: center; }
	.ashbay-header__navigation .is-menu-open .wp-block-navigation-item { align-items: center; }
}
@media (min-width: 768px) {
	.ashbay-header__row { padding-inline: 32px; }
	.ashbay-header__navigation .wp-block-navigation__responsive-container-open { display: none; }
	.ashbay-header__navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display: block; }
}
/* À sélectionner sur le groupe En-tête une fois le hero intégré. */
.ashbay-header.is-style-ashbay-header-overlay { position: absolute; inset: 0 0 auto; background: transparent; }
/* L’en-tête reste visible et sélectionnable sur le canevas de l’éditeur. */
.editor-styles-wrapper .ashbay-header.is-style-ashbay-header-overlay { position: relative; background: var(--wp--preset--color--ink); }
.editor-styles-wrapper .ashbay-header__navigation { order: initial; }
.editor-styles-wrapper .ashbay-header__social { order: initial; }
@media (prefers-reduced-motion: reduce) { .ashbay-header a { transition: none; } }

/* Pied de page partagé : blocs natifs, sélection Instagram manuelle. */
.ashbay-footer {
	margin-block: 0;
	padding: 64px 24px 40px;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
	font-family: var(--wp--preset--font-family--body);
}
.ashbay-footer a { color: inherit; text-decoration: none; }
.ashbay-footer :is(a, button):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.ashbay-footer__navigation .wp-block-navigation__container { justify-content: center; gap: 8px 40px; }
.ashbay-footer__navigation .wp-block-navigation-item__content {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	font-size: 12px;
	letter-spacing: .3em;
	text-transform: uppercase;
}
.ashbay-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ashbay-footer__instagram { position: relative; margin-top: 48px; }
.ashbay-footer__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.ashbay-footer__photos > .wp-block-image { margin: 0; min-width: 0; }
.ashbay-footer__photos a { display: block; overflow: hidden; }
.ashbay-footer__photos img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .4s cubic-bezier(.22,1,.36,1); }
.ashbay-footer__photos a:hover img { transform: scale(1.03); }
.ashbay-footer__instagram-label {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: 256px;
	max-width: 90%;
	padding: 24px;
	border-radius: 2px;
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--foreground);
	text-align: center;
}
.ashbay-footer__instagram-title { margin: 0; font-size: 12px; line-height: 1.625; font-style: italic; text-transform: uppercase; letter-spacing: .3em; }
.ashbay-footer__instagram-title a { display: block; padding-bottom: 12px; border-bottom: 1px solid var(--wp--preset--color--navy); }
.ashbay-footer__instagram-handle { margin: 12px 0 0; font-size: 12px; letter-spacing: .03em; overflow-wrap: anywhere; }
.ashbay-footer__signature { max-width: 576px; margin: 56px auto 0; text-align: center; }
.ashbay-footer__signature > * + * { margin-top: 24px; }
.ashbay-footer__monogram { display: flex; justify-content: center; margin-bottom: 24px; }
.ashbay-footer__monogram img { height: auto; filter: brightness(0) invert(1); }
.ashbay-footer__description { font-weight: 300; opacity: .8; }
.ashbay-footer__email { font-size: 14px; letter-spacing: .1em; overflow-wrap: anywhere; }
.ashbay-footer__email a, .ashbay-footer__back-top a { display: inline-flex; align-items: center; min-height: 44px; }
.ashbay-footer__copyright { font-size: 12px; letter-spacing: .25em; text-transform: uppercase; color: var(--wp--preset--color--pearl); }
.ashbay-footer__back-top { font-size: 12px; letter-spacing: .1em; }
@media (min-width: 768px) { .ashbay-footer__photos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* Dans l’éditeur, le cartouche reste sélectionnable sans masquer les photos. */
.editor-styles-wrapper .ashbay-footer__instagram-label { position: relative; top: auto; left: auto; transform: none; margin: 24px auto 0; }
@media (prefers-reduced-motion: reduce) { .ashbay-footer__photos img { transition: none; } .ashbay-footer__photos a:hover img { transform: none; } }