/* Mesato — Faixa de férias/encerramento. Escopo .mst-closure*; cor derivada de --mst-brand. */
.mst-closure{
	--mcl-brand:var(--mst-brand,#B0703E);
	--mcl-ink:#2b2119;
	position:relative;
	z-index:30;
	box-sizing:border-box;
	width:100%;
	background:color-mix(in srgb,var(--mcl-brand) 9%,#fff);
	border-bottom:1px solid color-mix(in srgb,var(--mcl-brand) 22%,transparent);
	color:var(--mcl-ink);
	font-family:inherit;
}
.mst-closure[hidden]{display:none}
.mst-closure-in{
	box-sizing:border-box;
	max-width:1180px;
	margin:0 auto;
	padding:12px 56px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	gap:12px;
	position:relative;
}
.mst-closure-ic{width:20px;height:20px;flex:0 0 auto;color:color-mix(in srgb,var(--mcl-brand) 78%,#000)}
.mst-closure-chip{
	flex:0 0 auto;
	font-size:11.5px;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	line-height:1;
	padding:5px 9px;
	border-radius:999px;
	border:1px solid color-mix(in srgb,var(--mcl-brand) 45%,transparent);
	color:color-mix(in srgb,var(--mcl-brand) 70%,#000);
	background:#fff;
}
.mst-closure[data-state="closed"] .mst-closure-chip{background:color-mix(in srgb,var(--mcl-brand) 16%,#fff)}
.mst-closure-text{margin:0;font-size:14.5px;line-height:1.5;font-weight:500;color:var(--mcl-ink)}
.mst-closure-x{
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	width:36px;
	height:36px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:10px;
	background:transparent;
	color:#5b4d40;
	cursor:pointer;
	padding:0;
}
.mst-closure-x svg{width:18px;height:18px}
.mst-closure-x:hover{background:color-mix(in srgb,var(--mcl-brand) 12%,transparent)}
.mst-closure-x:focus-visible{outline:2px solid var(--mcl-brand);outline-offset:2px}

/* Variante forte: fundo na cor da marca + texto branco (só quando o contraste
   cumpre AA — decidido no servidor, Closure_Notice::solid_style()). */
.mst-closure--solid{background:var(--mcl-brand);border-bottom-color:transparent;color:#fff}
.mst-closure--solid .mst-closure-text{color:#fff;font-weight:600}
.mst-closure--solid .mst-closure-ic{color:#fff}
.mst-closure--solid .mst-closure-chip,
.mst-closure--solid[data-state="closed"] .mst-closure-chip{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.mst-closure--solid .mst-closure-x{color:#fff}
.mst-closure--solid .mst-closure-x:hover{background:rgba(255,255,255,.16)}
.mst-closure--solid .mst-closure-x:focus-visible{outline-color:#fff}
.mst-closure--solid.mst-closure--floating{background:var(--mcl-brand);border-color:transparent}

/* Cabeçalho fixo por cima da faixa: vira um cartão flutuante discreto no fundo. */
.mst-closure.mst-closure--floating{
	position:fixed;
	left:16px;
	right:auto;
	bottom:16px;
	width:auto;
	max-width:min(560px,calc(100vw - 32px));
	border:1px solid color-mix(in srgb,var(--mcl-brand) 26%,transparent);
	border-radius:16px;
	background:color-mix(in srgb,var(--mcl-brand) 8%,rgba(255,255,255,.94));
	-webkit-backdrop-filter:blur(14px);
	backdrop-filter:blur(14px);
	box-shadow:0 10px 30px rgba(40,25,12,.16);
	z-index:99980;
}
.mst-closure--floating .mst-closure-in{padding:14px 52px 14px 16px;align-items:flex-start;justify-content:flex-start;text-align:left}

@media (max-width:640px){
	.mst-closure-in{padding:11px 48px;gap:10px;flex-wrap:wrap}
	.mst-closure-ic{display:none}
	.mst-closure-text{flex:1 1 100%;font-size:14px}
	.mst-closure-x{top:8px;transform:none}
	.mst-closure.mst-closure--floating{left:12px;right:12px;bottom:12px;max-width:none}
}

/* Nota inline nas páginas de reservas / checkout. */
.mst-closure-note{
	--mcl-brand:var(--mst-brand,#B0703E);
	box-sizing:border-box;
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:0 0 18px;
	padding:14px 16px;
	border-radius:14px;
	border:1px solid color-mix(in srgb,var(--mcl-brand) 28%,transparent);
	border-left:4px solid var(--mcl-brand);
	background:color-mix(in srgb,var(--mcl-brand) 7%,#fff);
	color:#2b2119;
	font-size:15px;
	line-height:1.5;
	font-weight:500;
}
.mst-closure-note[hidden]{display:none}
.mst-closure-note .mst-closure-ic{margin-top:1px}

/* Encomendas suspensas agora: sem botões "Adicionar" (o menu continua visível). */
html.mst-closure-orders-off .mst-add{display:none!important}

@media (prefers-reduced-motion:no-preference){
	.mst-closure:not([hidden]){animation:mstClosureIn .25s ease-out}
}
@keyframes mstClosureIn{from{opacity:0}to{opacity:1}}