/* monchanvre — Topbar, header sticky, navigation, marquee, fil d'Ariane */

/* — Top bar — */
.topbar{background:var(--ink);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
.topbar .wrap{display:flex;justify-content:center;gap:8px;padding:10px var(--gutter);text-align:center}
.topbar b{color:var(--sun)}

/* — Header / nav — */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,246,.92);backdrop-filter:blur(8px);border-bottom:var(--border)}
.nav{display:flex;align-items:center;gap:28px;padding:16px var(--gutter);max-width:var(--container);margin:0 auto}

.logo{font-family:var(--font-display);font-size:24px;font-weight:var(--fw-black);letter-spacing:-.03em;display:inline-flex;align-items:center;gap:9px;color:var(--ink)}
.logo .leaf{width:34px;height:34px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:18px;transform:rotate(-6deg)}
.logo .dot{color:var(--coral)}
.logo img{max-height:40px;width:auto}

.nav-menu{display:flex;gap:22px;font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-left:10px;align-items:center}
.nav-menu li{position:relative}
.nav-menu a{padding:6px 2px;transition:color var(--ease);display:block}
.nav-menu a:hover,.nav-menu .current-menu-item > a,.nav-menu a[aria-current]{color:var(--green)}

/* Sous-menus */
.nav-menu .sub-menu{
	position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:var(--border);border-radius:var(--r-md);
	box-shadow:var(--shadow-sm);padding:8px;display:none;flex-direction:column;gap:2px;z-index:50;
}
.nav-menu li:hover > .sub-menu,.nav-menu li:focus-within > .sub-menu{display:flex}
.nav-menu .sub-menu a{padding:8px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm)}
.nav-menu .sub-menu a:hover{background:var(--green-soft)}

.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.nav-menu-toggle{display:none}

/* Menu mobile */
.mobile-menu{border-top:2px solid var(--line);background:var(--bg)}
.mobile-menu-list{display:flex;flex-direction:column;padding:8px var(--gutter) 16px}
.mobile-menu-list a{display:block;padding:13px 4px;font-weight:var(--fw-semibold);border-bottom:2px solid var(--line)}
.mobile-menu-list a:hover,.mobile-menu-list .current-menu-item > a{color:var(--green)}
.mobile-menu-list .sub-menu{padding-left:16px}

/* — Marquee — */
.marquee{background:var(--green);color:#fff;padding:14px 0;border-top:var(--border);border-bottom:var(--border);overflow:hidden;white-space:nowrap}
.marquee .run{display:inline-block;animation:marq 22s linear infinite;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-md)}
.marquee .run span{margin:0 26px}
.marquee .run .o{color:var(--sun)}
@keyframes marq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee .run{animation:none}}

/* — Fil d'Ariane — */
.crumbs{display:flex;gap:8px;align-items:center;font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-medium);padding:22px 0;flex-wrap:wrap}
.crumbs a:hover{color:var(--green)}
.crumbs .sep{color:var(--faint)}
.crumbs b{color:var(--ink)}