/* ============================================================
   HEADER & NAVIGATION
   Bandeau papier, filet bas fin, nav en petites capitales serif.
   ============================================================ */

header[data-device="desktop"],
.ct-header {
	background-color: var(--up-paper);
	border-bottom: var(--up-hairline);
}

/* Logo */
.site-logo-container img,
.ct-logo-container img { border-radius: 0; }

.site-logo-container .site-title,
.ct-logo-container .site-title {
	font-family: var(--up-font-display);
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--up-ink);
}

/* ---- Menu principal ---- */
.ct-header [data-id] .menu,
.header-menu .menu {
	gap: var(--up-space-2);
}

.menu .menu-item > a,
.ct-menu-link {
	font-family: var(--up-font-body);
	font-size: var(--up-fs-sm);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--up-ink) !important;
	text-decoration: none;
	transition: color var(--up-ease);
}

.menu .menu-item > a:hover,
.menu .current-menu-item > a,
.menu .current-menu-ancestor > a,
.ct-menu-link:hover {
	color: var(--up-accent) !important;
}

/* Soulignement de l'item actif : un trait bordeaux, net */
.menu .current-menu-item > a::after,
.menu .menu-item > a:hover::after {
	content: "";
	display: block;
	height: 2px;
	background: var(--up-accent);
	margin-top: 4px;
}

/* ---- Sous-menus : carte plate, filet, pas d'ombre lourde ---- */
.menu .sub-menu,
.ct-menu-dropdown {
	background: var(--up-white);
	border: var(--up-hairline);
	border-radius: 0 !important;
	box-shadow: none;
	padding: var(--up-space-2) 0;
}
.menu .sub-menu .menu-item > a {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 400;
	padding: var(--up-space-2) var(--up-space-4);
}
.menu .sub-menu .menu-item > a::after { display: none; }

/* ---- Icône recherche / panier ---- */
.ct-header-trigger,
.ct-toggle-close,
[data-id="search"] .ct-icon,
.ct-header-search { color: var(--up-ink); }

/* ---- Bouton « Faire un DON » (élément primaire de la barre) ---- */
.ct-header .wp-block-button__link,
.ct-header .ct-button,
.header-button {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* ---- Barre supérieure (top bar : « Un Poème pour chaque instant ») ---- */
[data-row="top"] {
	background: var(--up-paper-deep);
	border-bottom: var(--up-hairline);
	font-size: var(--up-fs-xs);
	letter-spacing: 0.03em;
	color: var(--up-muted);
}

/* ---- Header mobile ---- */
header[data-device="mobile"] {
	background-color: var(--up-paper);
	border-bottom: var(--up-hairline);
}
.ct-panel,
#offcanvas .ct-panel-inner {
	background-color: var(--up-paper);
}
.ct-panel .menu .menu-item > a { text-transform: none; letter-spacing: 0; }

/* Header collant : on garde le filet, pas d'ombre */
.ct-sticky-container header { box-shadow: none; border-bottom: var(--up-hairline); }