/**
 * The Orchid Lady Notices — front-end. Bar A restyles the header topbar per
 * preset; Bar B is a fixed high-visibility alert at the very top. Brand presets
 * only, each meets text contrast.
 */

/* ---- brand style presets (shared by both bars) ---- */
.tol-notice--plum  { background:#6E1248; color:#F6F2EC; }
.tol-notice--petal { background:#F2ADC2; color:#2B2520; }
.tol-notice--dark  { background:#2B2520; color:#F6F2EC; }
.tol-notice--cream { background:#F6F2EC; color:#2B2520; }
.tol-notice--plum  .tol-nm-link { color:#FFFFFF; }
.tol-notice--petal .tol-nm-link { color:#6E1248; }
.tol-notice--dark  .tol-nm-link { color:#F2ADC2; }
.tol-notice--cream .tol-nm-link { color:#6E1248; }

.tol-nm-caps { text-transform:uppercase; letter-spacing:.08em; }
.tol-nm-link { text-decoration:underline; text-underline-offset:3px; font-weight:600; color:inherit; }
.tol-nm-link:hover { opacity:.85; }

/* ---- Bar A: the announcement text sits in the header .tol-topbar-center.
   The preset restyles the whole topbar; default plum matches the existing bar. ---- */
body.tol-na-petal .tol-topbar { background:#F2ADC2 !important; }
body.tol-na-dark  .tol-topbar { background:#2B2520 !important; }
body.tol-na-cream .tol-topbar { background:#F6F2EC !important; }
/* light-background presets need dark topbar text/icons */
body.tol-na-petal .tol-topbar, body.tol-na-cream .tol-topbar,
body.tol-na-petal .tol-topbar-center, body.tol-na-cream .tol-topbar-center,
body.tol-na-petal .tol-top-link, body.tol-na-cream .tol-top-link,
body.tol-na-petal .tol-top-home, body.tol-na-cream .tol-top-home { color:#2B2520 !important; }
body.tol-na-petal .tol-topbar-center .tol-nm-link,
body.tol-na-cream .tol-topbar-center .tol-nm-link { color:#6E1248 !important; }

/* ---- Bar B: fixed high-visibility alert at the very top, above everything ---- */
.tol-alertbar {
	position:fixed; top:0; left:0; right:0; z-index:99990;
	font-family:var(--body,"freight-sans-pro",system-ui,sans-serif);
	box-shadow:0 2px 14px rgba(43,20,35,.22);
}
.tol-alertbar-inner {
	max-width:1400px; margin:0 auto;
	display:flex; align-items:center; justify-content:center; gap:14px;
	min-height:46px; padding:10px clamp(44px,6vw,64px); position:relative;
	text-align:center; line-height:1.4;
}
.tol-alertbar .tol-nm-text { font-size:clamp(.86rem,1.4vw,1rem); font-weight:500; }
/* Small minimal X. Kit-proofed: the Elementor kit paints bare <button> pink with
   a radius, so background/border/shadow are forced off with body.tol-site + !important.
   The X inherits the bar's preset text colour, so it already contrasts every preset
   (light X on plum/dark, dark X on petal/cream). */
body.tol-site .tol-alertbar-close,
.tol-alertbar-close {
	position:absolute; right:clamp(8px,2vw,18px); top:50%; transform:translateY(-50%);
	appearance:none !important; -webkit-appearance:none !important;
	background:transparent !important; background-color:transparent !important;
	border:0 !important; border-radius:50% !important; box-shadow:none !important;
	width:30px !important; height:30px !important; min-height:0 !important; padding:0 !important; margin:0 !important;
	display:inline-flex !important; align-items:center; justify-content:center;
	color:inherit !important; cursor:pointer; opacity:.7; transition:opacity .15s ease, background-color .15s ease;
}
body.tol-site .tol-alertbar-close svg, .tol-alertbar-close svg { display:block; width:16px; height:16px; }
body.tol-site .tol-alertbar-close:hover, .tol-alertbar-close:hover { opacity:1; background:rgba(127,127,127,.18) !important; }
body.tol-site .tol-alertbar-close:focus-visible, .tol-alertbar-close:focus-visible {
	opacity:1; outline:2px solid currentColor; outline-offset:2px; }

/* Push the page down by the live alert bar's height (JS sets --tol-alertbar-h),
   and shift the theme's fixed slim sticky bar down so nothing overlaps. */
body.tol-has-alertbar { padding-top:var(--tol-alertbar-h,46px); }
body.tol-has-alertbar #tol-sticky-bar { top:var(--tol-alertbar-h,46px) !important; }

@media (max-width:600px){
	.tol-alertbar-inner { padding:9px 40px; }
}
@media (prefers-reduced-motion:reduce){
	.tol-nm-link { transition:none; }
}