/* Fidélité Bandeau — en-tête des pages intérieures, à la charte de la page d'accueil. */

/* On masque l'en-tête du thème (logo, panier, avatar) et son menu en majuscules. */
body.fce-on .page-wrap > .site-header,body.fce-on .page-wrap > .main-menu,body.fce-on #site-navigation,body.fce-on .site-header.container-fluid{display:none!important}

.fce{--fce-bg:hsl(30 25% 98.5% / .92);--fce-line:hsl(32 18% 87%);--fce-fg:hsl(24 12% 10%);--fce-muted:hsl(28 6% 38%);--fce-primary:hsl(4 71% 41%);--fce-soft:hsl(30 25% 94%);position:sticky;top:0;z-index:999;width:100%;box-sizing:border-box;background:var(--fce-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--fce-line);font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--fce-fg);-webkit-font-smoothing:antialiased}
body.admin-bar .fce{top:32px}
@media (max-width:782px){body.admin-bar .fce{top:46px}}
.fce *{box-sizing:border-box}
.fce-in{max-width:80rem;margin:0 auto;padding:.7rem 1.5rem;display:flex;align-items:center;gap:2rem;min-height:62px}
#fce a,#fce a:link,#fce a:visited{text-decoration:none!important;box-shadow:none!important;outline-offset:3px}

/* Logo + titre */
#fce .fce-brand{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0;color:var(--fce-fg)!important}
#fce .fce-brand .fch-logo{display:block;width:30px;height:30px;max-width:none;margin:0;object-fit:contain}
.fce-titre{font-family:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;font-size:17.5px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}

/* Liens (Espace commerçant, Espace client) */
.fce-nav{display:flex;align-items:center;gap:.25rem;margin-left:auto}
#fce .fce-nav a{position:relative;padding:.5rem .85rem;border-radius:999px;color:var(--fce-muted)!important;font-size:14.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;transition:color .15s,background .15s}
#fce .fce-nav a:hover{color:var(--fce-fg)!important;background:var(--fce-soft)}
#fce .fce-nav a.is-on{color:var(--fce-fg)!important;font-weight:600}
#fce .fce-nav a.is-on::after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--fce-primary)}

/* Panier + Mon compte */
.fce-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
#fce .fce-cart{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--fce-line);background:#fff;color:var(--fce-fg)!important;transition:border-color .15s}
#fce .fce-cart:hover{border-color:var(--fce-fg)}
#fce .fce-cart[hidden]{display:none}
.fce-cart-nb{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--fce-primary);color:#fff;font:700 11px/18px "Instrument Sans",sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
#fce .fce-account{display:inline-flex;align-items:center;gap:.45rem;height:40px;padding:0 1.05rem;border-radius:999px;border:1px solid var(--fce-line);background:#fff;color:var(--fce-fg)!important;font-size:14.5px;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
#fce .fce-account:hover{border-color:var(--fce-fg)}
#fce .fce-account.is-on{background:var(--fce-fg);border-color:var(--fce-fg);color:#fff!important}

/* Burger (masqué sur grand écran) */
#fce .fce-burger{display:none;position:relative;width:40px;height:40px;margin:0;padding:0;border:1px solid var(--fce-line);border-radius:999px;background:#fff;color:var(--fce-fg);cursor:pointer;box-shadow:none}
#fce .fce-burger i,#fce .fce-burger i::before,#fce .fce-burger i::after{position:absolute;left:50%;width:16px;height:2px;margin-left:-8px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
#fce .fce-burger i{top:50%;margin-top:-1px}
#fce .fce-burger i::before,#fce .fce-burger i::after{content:"";left:0;margin-left:0}
#fce .fce-burger i::before{top:-5px}
#fce .fce-burger i::after{top:5px}
#fce.is-open .fce-burger i{background:transparent}
#fce.is-open .fce-burger i::before{transform:translateY(5px) rotate(45deg);background:var(--fce-fg)}
#fce.is-open .fce-burger i::after{transform:translateY(-5px) rotate(-45deg);background:var(--fce-fg)}
.fce .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* Menu déplié (petits écrans) */
.fce-menu{max-width:80rem;margin:0 auto;padding:.25rem 1rem 1rem;display:flex;flex-direction:column;gap:.25rem}
.fce-menu[hidden]{display:none!important}
#fce .fce-menu a{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem .9rem;border-radius:1rem;color:var(--fce-fg)!important;background:#fff;border:1px solid var(--fce-line)}
#fce .fce-menu a:hover{border-color:var(--fce-fg)}
#fce .fce-menu a.is-on{border-color:var(--fce-primary)}
#fce .fce-menu a svg{flex:none;margin-top:1px;color:var(--fce-primary)}
#fce .fce-menu strong{display:block;font-size:15px;font-weight:600;line-height:1.3}
#fce .fce-menu small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--fce-muted)}

@media (max-width:860px){
	.fce-in{gap:.75rem;padding:.6rem 1rem;min-height:58px}
	.fce-nav{display:none}
	.fce-actions{margin-left:auto}
	#fce .fce-account{display:none}
	#fce .fce-burger{display:inline-block}
}
@media (max-width:360px){.fce-titre{font-size:15.5px}}