/* =========================================================================
   StarFroid — header (brief §5)
   Announcement bar + sticky main bar (logo / search / cart / lang) + mobile.
   ========================================================================= */

/* ---------- Announcement bar ---------- */
.sf-announce {
	background: var(--c-primary);
	color: var(--c-fresh);
	font-size: var(--fs-100);
	font-weight: 500;
}
.sf-announce__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
	min-height: 36px;
	padding-block: var(--space-2);
	/* Reserve room on the right so the centered text clears the absolutely-
	   positioned close button (it crowded the "X" on mobile); a small left inset
	   keeps the text near-centred without forcing it to wrap to two lines. */
	padding-inline-start: var(--space-4);
	padding-inline-end: calc(28px + var(--space-4));
	text-align: center;
	position: relative;
}
.sf-announce__text { margin: 0; }
.sf-announce__close {
	position: absolute;
	inset-inline-end: var(--space-3);
	inset-block: 0;
	margin-block: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px; height: 28px;
	background: transparent;
	border: 0;
	color: var(--c-fresh);
	cursor: pointer;
	border-radius: var(--radius-pill);
}
.sf-announce__close:hover { background: rgba(255, 255, 255, .12); }
.sf-announce[hidden] { display: none; }

/* ---------- Sticky main bar ---------- */
.sf-header {
	position: sticky;
	inset-block-start: 0;
	z-index: var(--z-header);
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-block-end: 1px solid rgba(228, 235, 241, 0.5);
	transition: box-shadow var(--dur) var(--ease);
	margin-bottom: var(--space-4); /* Prevent overlap with product grid */
}
.sf-header.is-stuck { box-shadow: var(--shadow-soft); }

.sf-header__bar {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	min-height: var(--header-h);
	padding-block: var(--space-2);
}

/* ---------- Logo / wordmark ---------- */
.sf-logo {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: var(--fs-300);
	line-height: 1;
	white-space: nowrap;
	flex: none;
}
.sf-logo__star { color: var(--c-fresh); }
.sf-logo__star .sf-icon { display: block; }
.sf-logo__a { color: var(--c-primary); }
.sf-logo__b { color: var(--c-fresh); }
.sf-logo img { max-height: 40px; width: auto; }

/* ---------- Search ---------- */
.sf-search {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 400px;
	margin: 0 auto;
}
.sf-search__form {
	display: flex;
	align-items: stretch;
	border: 1.5px solid var(--c-border);
	border-radius: var(--radius-pill);
	background: rgba(244, 247, 250, 0.6);
	overflow: hidden;
	transition: border-color var(--dur) var(--ease), background var(--dur) var(--ease);
}
.sf-search__form:focus-within {
	border-color: var(--c-fresh);
	background: #fff;
}
.sf-search__scope {
	border: 0;
	background: transparent;
	color: var(--c-text-muted);
	font-size: var(--fs-100);
	padding-inline: var(--space-3);
	max-width: 130px;
	cursor: pointer;
}
.sf-search__field {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0.65rem var(--space-3);
	font-size: var(--fs-200);
	color: var(--c-text);
}
.sf-search__field:focus { outline: none; }
.sf-search__submit {
	border: 0;
	background: var(--grad-accent);
	border-radius: var(--radius-pill);
	color: #fff;
	padding-inline: var(--space-4);
	margin: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	min-width: var(--tap-min);
	box-shadow: var(--shadow-soft);
	transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.sf-search__submit:hover { 
	transform: translateY(-1px);
	box-shadow: var(--shadow-raised);
}

/* ---------- Header actions (lang + cart) ---------- */
.sf-header__actions {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	flex: none;
}

.sf-lang {
	display: inline-flex;
	align-items: center;
	border: 1.5px solid var(--c-border);
	border-radius: var(--radius-pill);
	overflow: hidden;
}
.sf-lang__btn {
	border: 0;
	background: transparent;
	color: var(--c-text-muted);
	font-size: var(--fs-100);
	font-weight: 600;
	padding: 0.4rem 0.7rem;
	cursor: pointer;
	min-height: 36px;
}
.sf-lang__btn[aria-current="true"],
.sf-lang__btn.is-active { background: var(--c-primary); color: #fff; }

.sf-cart-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--tap-min);
	height: var(--tap-min);
	background: transparent;
	border: 0;
	color: var(--c-primary);
	cursor: pointer;
	border-radius: var(--radius-pill);
}
.sf-cart-toggle:hover { background: var(--c-bg-alt); }
.sf-cart-toggle__count {
	position: absolute;
	inset-block-start: 2px;
	inset-inline-end: 2px;
	min-width: 18px; height: 18px;
	padding: 0 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--c-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	border-radius: var(--radius-pill);
}

.sf-nav-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--tap-min);
	height: var(--tap-min);
	background: transparent;
	border: 0;
	color: var(--c-primary);
	cursor: pointer;
	border-radius: var(--radius-pill);
}
.sf-nav-toggle:hover { background: var(--c-bg-alt); }

/* ---------- Category nav (desktop) ---------- */
.sf-catnav {
	border-block-start: 1px solid var(--c-border);
}
.sf-catnav__inner {
	display: flex;
	align-items: center;
	gap: var(--space-5);
	min-height: 44px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.sf-catnav__inner::-webkit-scrollbar { display: none; }
.sf-catnav a {
	color: var(--c-primary);
	font-weight: 500;
	font-size: var(--fs-100);
	white-space: nowrap;
	padding-block: var(--space-2);
	border-block-end: 2px solid transparent;
}
.sf-catnav a:hover { border-block-end-color: var(--c-fresh); }

/* ---------- Mini-cart drawer ---------- */
.sf-drawer {
	position: fixed;
	inset-block: 0;
	inset-inline-end: 0;
	width: min(400px, 90vw);
	background: var(--c-bg);
	z-index: var(--z-drawer);
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform var(--dur) var(--ease);
	box-shadow: var(--shadow-raised);
}
.sf-drawer.is-open { transform: translateX(0); }
.sf-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--space-4);
	border-block-end: 1px solid var(--c-border);
}
.sf-drawer__title { margin: 0; font-size: var(--fs-300); }
.sf-drawer__close {
	display: inline-flex;
	width: 40px; height: 40px;
	align-items: center; justify-content: center;
	border: 0; background: transparent; cursor: pointer;
	color: var(--c-primary); border-radius: var(--radius-pill);
}
.sf-drawer__close:hover { background: var(--c-bg-alt); }
.sf-drawer__body { flex: 1 1 auto; overflow-y: auto; padding: var(--space-4); }
.sf-drawer__foot { padding: var(--space-4); border-block-start: 1px solid var(--c-border); }

/* ---------- Mini-cart drawer: items, stepper & footer (design mockup) ---------- */
.sf-drawer--cart .sf-drawer__title { font-weight: 700; color: var(--c-primary); }
/* Plain close control (no filled circle). */
.sf-drawer--cart .sf-drawer__close { background: transparent !important; color: var(--c-primary) !important; box-shadow: none !important; }

/* Fill the drawer so the item list scrolls and the footer pins to the bottom. */
.sf-drawer--cart .sf-drawer__body { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.sf-drawer--cart .widget_shopping_cart,
.sf-drawer--cart .widget_shopping_cart_content {
	flex: 1 1 auto; min-height: 0; margin: 0;
	display: flex; flex-direction: column;
}
.sf-drawer--cart ul.woocommerce-mini-cart {
	flex: 1 1 auto; min-height: 0; overflow-y: auto;
	list-style: none; margin: 0; padding: var(--space-4);
}

/* Line item: media | (name, price, stepper) | remove. */
.sf-mini-item {
	display: grid;
	grid-template-columns: 64px 1fr auto;
	gap: var(--space-3);
	align-items: start;
	margin: 0;
	padding-block: var(--space-4);
	border-block-end: 1px solid var(--c-border);
}
.sf-mini-item:first-child { padding-block-start: 0; }
.sf-mini-item__media img {
	width: 64px; height: 64px; display: block;
	object-fit: cover; border-radius: var(--radius-input);
	background: var(--c-bg-alt);
}
.sf-mini-item__info { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.sf-mini-item__name {
	font-weight: 500; font-size: var(--fs-200); line-height: 1.3;
	color: var(--c-text); text-decoration: none;
}
.sf-mini-item__name:hover { color: var(--c-secondary); }
.sf-mini-item__price { font-weight: 700; font-size: var(--fs-300); color: var(--c-primary); }

/* Quantity stepper. */
.sf-mini-qty {
	display: inline-flex; align-self: start; align-items: stretch;
	border: 1.5px solid var(--c-border); border-radius: var(--radius-input); overflow: hidden;
}
.sf-mini-qty.is-loading { opacity: .55; pointer-events: none; }
.sf-mini-qty .sf-qty-btn {
	width: 36px; border: 0; background: var(--c-bg); color: var(--c-primary);
	font-size: var(--fs-300); line-height: 1; cursor: pointer; box-shadow: none;
	display: inline-flex; align-items: center; justify-content: center;
}
.sf-mini-qty .sf-qty-btn:hover:not(:disabled) { background: var(--c-bg-alt); }
.sf-mini-qty .sf-qty-btn:disabled { opacity: .4; cursor: not-allowed; }
.sf-mini-qty__val {
	min-width: 40px; display: inline-flex; align-items: center; justify-content: center;
	font-weight: 600; font-size: var(--fs-200); color: var(--c-text);
	border-inline: 1.5px solid var(--c-border);
}

/* Remove control: plain × on the end. Woo/Astra ship it as a positioned 100%
   circle that stretched to fill the grid cell — reset it fully. */
.sf-drawer--cart .sf-mini-item__remove.remove {
	position: static !important;
	float: none !important;
	grid-column: 3 !important;
	justify-self: end;
	align-self: start;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--c-text-muted) !important;
	font-size: 22px !important;
	line-height: 1 !important;
	text-decoration: none;
}
.sf-drawer--cart .sf-mini-item__remove.remove:hover { color: var(--c-error) !important; background: transparent !important; }
/* Woo/Astra draw a big decorative ::before circle on the remove link — kill it. */
.sf-drawer--cart .sf-mini-item__remove.remove::before,
.sf-drawer--cart .sf-mini-item__remove.remove::after { content: none !important; display: none !important; }

/* Footer (pinned): subtotal, delivery note, buttons, COD line. */
.sf-mini-cart__foot {
	flex: none; margin: 0; padding: var(--space-4);
	border-block-start: 1px solid var(--c-border);
	display: flex; flex-direction: column; gap: var(--space-3);
}
.sf-mini-cart__subtotal {
	display: flex; align-items: baseline; justify-content: space-between;
	margin: 0; border: 0; padding: 0;
	font-size: var(--fs-300); color: var(--c-primary);
}
.sf-mini-cart__subtotal strong,
.sf-mini-cart__subtotal .woocommerce-Price-amount { font-weight: 700; }
.sf-mini-cart__note { margin: 0; font-size: var(--fs-100); color: var(--c-text-muted); }
.sf-mini-cart__cod { margin: 0; text-align: center; font-weight: 700; font-size: var(--fs-200); color: var(--c-fresh); }

/* Buttons: Voir le panier (secondary) + Commander (primary), side by side. */
.woocommerce-mini-cart__buttons { display: flex; gap: var(--space-3); margin: 0; }
.woocommerce-mini-cart__buttons .button { flex: 1 1 0; margin: 0; text-align: center; }
.sf-drawer--cart .woocommerce-mini-cart__buttons a.button:not(.checkout) {
	background: var(--c-bg) !important; color: var(--c-primary) !important; border: 2px solid var(--c-primary) !important;
}
.sf-drawer--cart .woocommerce-mini-cart__buttons a.button.checkout {
	background: var(--c-accent) !important; color: #fff !important; border: 0 !important;
}

/* Empty state. */
.sf-drawer--cart .woocommerce-mini-cart__empty-message {
	flex: 1 1 auto; margin: 0; padding: var(--space-6);
	display: flex; align-items: center; justify-content: center;
	color: var(--c-text-muted);
}

/* ---------- Mobile category drawer ---------- */
.sf-nav-drawer {
	position: fixed;
	inset-block: 0;
	inset-inline-start: 0;
	width: min(320px, 85vw);
	background: var(--c-bg);
	z-index: var(--z-drawer);
	transform: translateX(-100%);
	transition: transform var(--dur) var(--ease);
	box-shadow: var(--shadow-raised);
	overflow-y: auto;
}
.sf-nav-drawer.is-open { transform: translateX(0); }
.sf-nav-drawer__head {
	display: flex; align-items: center; justify-content: space-between;
	padding: var(--space-4); border-block-end: 1px solid var(--c-border);
}

/* Column layout so the COD pill can pin to the bottom (mockup). */
.sf-nav-drawer { display: flex; flex-direction: column; }
.sf-nav-drawer__body { flex: 1 1 auto; overflow-y: auto; padding: 0; }
.sf-nav-drawer__foot { padding: var(--space-4); border-block-start: 1px solid var(--c-border); }

/* Menu: clean full-width nav rows — no default bullets or link-blue. */
.sf-nav-drawer__menu { list-style: none; margin: 0; padding: 0; }
.sf-nav-drawer__menu li { margin: 0; }
.sf-nav-drawer__menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-4);
	min-height: var(--tap-min);
	color: var(--c-primary);
	font-weight: 600;
	font-size: var(--fs-300);
	text-decoration: none;
	border-block-end: 1px solid var(--c-border);
}
.sf-nav-drawer__menu a:hover,
.sf-nav-drawer__menu a:focus-visible { background: var(--c-bg-alt); }
/* Right-pointing chevron affordance (mirrored under RTL in rtl.css). */
.sf-nav-drawer__menu a::after {
	content: "";
	inline-size: 8px;
	block-size: 8px;
	border-top: 2px solid var(--c-text-muted);
	border-right: 2px solid var(--c-text-muted);
	transform: rotate(45deg);
	flex: none;
}

/* ---------- Responsive: show/hide by breakpoint ---------- */
.sf-only-mobile { display: inline-flex; }
.sf-only-desktop { display: none; }

@media (min-width: 992px) {
	.sf-only-mobile { display: none; }
	.sf-only-desktop { display: inline-flex; }
	.sf-header__bar { gap: var(--space-5); }
	.sf-logo { font-size: var(--fs-400); }
}


/* Keep the whole sticky header below the WP admin bar when logged in, so its top is not clipped. Visitors (no admin bar) are unaffected. */
body.admin-bar .sf-header{inset-block-start:32px !important;}
@media screen and (max-width:782px){body.admin-bar .sf-header{inset-block-start:46px !important;}}


/* Mobile header: put the search on its own full-width row so it is not smashed against the logo/actions (< 992px). */
@media (max-width:991px){
  .sf-header__bar{flex-wrap:wrap;row-gap:var(--space-3);}
  .sf-logo{flex:1 1 auto;}
  .sf-search{order:5;flex:1 1 100%;min-width:0;}
}


/* ---------- FiboSearch (live AJAX product search) — fill the header slot + brand ---------- */
.sf-search .dgwt-wcas-search-wrapp{width:100% !important;max-width:none !important;}
.sf-search .dgwt-wcas-search-form{max-width:none !important;}
.sf-search input.dgwt-wcas-search-input::placeholder{color:var(--c-text-muted);opacity:1;}
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-hovered,
.dgwt-wcas-suggestion:hover{background:var(--c-bg-alt) !important;}

/* Suggestions: clean vertical list — one product per row, on every screen.
   NOTE: do NOT force display on .dgwt-wcas-suggestions-wrapp. FiboSearch shows/
   hides the dropdown via inline `display`, and a `display:block !important` here
   overrode its hide — so suggestions stayed open after clearing the field until a
   reload. The per-item rules below give the vertical list without touching the
   wrapper, leaving FiboSearch in control of show/hide. */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion{display:flex !important;width:100% !important;float:none !important;box-sizing:border-box;align-items:center;border-top:1px solid var(--c-border);}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion:first-child{border-top:0;}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion .dgwt-wcas-st{flex:1 1 auto;min-width:0;}

/* =========================================================================
   Mockup §02 — header styled to match the StarFroid UI kit
   ========================================================================= */

/* Announcement: darker navy bar, three centered items, muted separators. */
.sf-announce { background: var(--c-primary-700); color: #cfe0ee; font-size: 12.5px; }
.sf-announce__inner { padding-block: 9px; min-height: 0; }
.sf-announce__text { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 26px; }
.sf-announce__sep { color: #3a5269; }
.sf-announce__close { color: #cfe0ee; }
@media (max-width: 600px) {
	.sf-announce { font-size: 11px; }
	.sf-announce__text { gap: 12px; }
	.sf-announce__item--hide-sm, .sf-announce__sep--hide-sm { display: none; }
}

/* Search field: rectangular box with a navy submit button. */
.sf-search .dgwt-wcas-sf-wrapp {
	border: 1.5px solid var(--c-border) !important;
	border-radius: 999px !important;
	background: #fff !important;
	display: flex !important;
	align-items: stretch;
	min-height: 48px;
	position: relative;
	transition: border-color var(--dur) var(--ease);
}
.sf-search .dgwt-wcas-sf-wrapp:focus-within { border-color: var(--c-fresh) !important; }
.sf-search input.dgwt-wcas-search-input {
	flex: 1 1 auto !important;
	border: 0 !important;
	background: transparent !important;
	padding: 0 14px !important;
	height: auto !important;
	font-size: var(--fs-200) !important;
	color: var(--c-text) !important;
	box-shadow: none !important;
}
.sf-search .dgwt-wcas-search-submit {
	position: static !important;
	flex: none !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 22px !important;
	background: var(--c-accent) !important;
	border: 0 !important;
	border-radius: 0 999px 999px 0 !important;
	color: #fff !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.sf-search .dgwt-wcas-search-submit:hover { background: var(--c-accent-700) !important; }
.sf-search .dgwt-wcas-search-submit svg { width: 19px; height: 19px; fill: #fff !important; }
/* The magnifier <path> ships its own dark fill (#111) which overrode the svg's
   white — force the path white so the icon reads on the orange button. */
.sf-search .dgwt-wcas-search-submit svg path { fill: #fff !important; }
.sf-search .dgwt-wcas-voice-search,
.sf-search .dgwt-wcas-preloader { right: 78px !important; }
.sf-search .dgwt-wcas-category { flex: none !important; margin: 0 !important; }

/* Category nav: "Toutes les catégories" pill + tidy links + track link. */
.sf-catnav { background: transparent; }
.sf-catnav__inner { display: flex; align-items: center; justify-content: space-between; position: relative; min-height: 52px; width: 100%; }
.sf-catnav__menu { display: flex; align-items: center; justify-content: center; gap: 15px; margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; transform: translateX(-50%); width: max-content; }
.sf-catnav__menu li { margin: 0; }
.sf-catnav__inner a { font-weight: 500; font-size: 13.5px; color: var(--c-text); white-space: nowrap; border-block-end: 0; padding-block: var(--space-3); }
.sf-catnav__inner a:hover { color: var(--c-secondary); border-block-end: 0; }
.sf-catnav__all {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--grad-primary) !important; color: #fff !important;
	font-weight: 600; font-size: 13px;
	padding: 10px 18px !important; border-radius: var(--radius-pill);
	white-space: nowrap; flex: none;
	box-shadow: var(--shadow-soft);
	transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.sf-catnav__all:hover {
	transform: translateY(-1px);
	box-shadow: var(--shadow-raised);
}
.sf-catnav__track { color: var(--c-secondary) !important; font-weight: 500; }

/* Search submit fix: keep the magnifier centered inside the navy button, full height. */
.sf-search .dgwt-wcas-search-submit { position: relative !important; align-self: stretch !important; min-height: 48px; }
.sf-search .dgwt-wcas-search-submit svg { position: static !important; left: auto !important; top: auto !important; margin: 0 auto !important; }

/* =========================================================================
   Category nav fix — full-width bar, pill + links + track grouped & centered.
   Bug: the <nav class="sf-catnav sf-only-desktop"> inherited display:inline-flex
   from the .sf-only-desktop utility (intended for the inline lang/cart toggles),
   which collapsed the nav to content width and shoved it left, so the items
   bunched and overlapped. Force the nav back to a full-width block, then center
   the whole group instead of the old left/center/right (space-between) layout.
   ========================================================================= */
@media (min-width: 992px) {
	nav.sf-catnav.sf-only-desktop { display: block; }
}
.sf-catnav__inner {
	justify-content: center;   /* group everything in the middle */
	gap: 18px;
	flex-wrap: wrap;
	overflow: visible;         /* was overflow-x:auto; nothing to scroll when centered */
}
/* Menu was absolutely centered over the collapsed bar; put it back in flow so it
   sits inline between the pill and the track as part of the centered group. */
.sf-catnav__menu {
	position: static;
	inset-inline-start: auto;
	left: auto;
	transform: none;
	width: auto;
	gap: 15px;
}

/* =========================================================================
   FiboSearch submit button — seat it inside the field, full height.
   The button is a flex child of .dgwt-wcas-sf-wrapp but kept FiboSearch's
   absolute-layout offsets (computed top:21px / bottom:-21px) + a small fixed
   height, so it dropped ~21px and poked out below the field. Neutralise the
   offsets and let it stretch to the full field height, flush to the end edge.
   The wrapp has 10px block + inline padding; the negative margins bleed the
   navy button into that padding so it fills the 48px field and sits flush.
   Logical props keep it on the correct side under RTL.
   ========================================================================= */
.sf-search .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
	position: relative !important;
	inset-block: 0 !important;          /* kill the top:21px / bottom:-21px drop */
	inset-inline: auto !important;
	align-self: stretch !important;     /* fill the field's height */
	height: auto !important;
	min-height: 0 !important;
	margin-block: -10px !important;     /* bleed into the wrapp's 10px top/bottom padding */
	margin-inline: 0 -10px !important;  /* and the end-side padding → flush to the field edge */
	flex: 0 0 auto !important;
}

/* SF 2026-07-08: logo moved to drawer on mobile — push header actions to the right so they don't bunch left. */
@media (max-width: 991px) {
	.sf-header__actions { margin-inline-start: auto; }
}

/* SF 2026-07-08: nudge the logo star up ~3px so it optically centers with the "Star Froid" wordmark (star centroid sits low; caps text sits high in its line box). */
.sf-logo__img { transform: translateY(-3px); }