/* סנהדרינק: a bar after dark. The whole site sits in low light; the hero is one huge glass filling up, and the sections read like a drinks list. */
body.ns-sig-glass { --wp--preset--color--background: #170c06; --wp--preset--color--surface: #241509; --wp--preset--color--text: #f6ead8; --wp--preset--color--muted: #cfbb9f; --wp--preset--color--primary: #100804; --wp--custom--accent-text: #edbd4f; --wp--custom--button-bg: #9a4f22; color: #f6ead8; background-color: #170c06; }

.ns-sig--glass { --sig-bg: #170c06; --sig-fg: #f6ead8; min-height: clamp(34rem, 86svh, 52rem); padding-block-end: 0; align-items: center; }
.ns-sig--glass .ns-sig__art::before { content: ""; position: absolute; inset: 0; background: radial-gradient(52vw 62vh at 22% 62%, rgb(201 112 26 / .42), transparent 72%); }
.ns-sig--glass .ns-sig__art::after { content: ""; position: absolute; inset: auto 0 0; height: 5.5rem; background: linear-gradient(#3a1e0d, #1d0f07); border-top: 2px solid #6d3c1b; }
.ns-sig--glass .ns-sig__inner { grid-template-columns: minmax(0, 40rem); padding-block-end: 7rem; }
.ns-sig--glass .ns-sig__title { font-size: clamp(3.6rem, 10.6vw, 9.5rem); font-weight: 900; line-height: .92; color: #f7c04a; }
.ns-sig--glass .ns-sig__tagline { font-size: clamp(1.25rem, 2.4vw, 1.7rem); }
/* the first sections as a drinks list: name, dotted leader, a mark */
.ns-sig--glass .ns-sig__topics { display: grid; gap: 0; width: min(100%, 27rem); margin-block-start: .6rem; }
.ns-sig--glass .ns-sig__topics a { display: flex; align-items: baseline; gap: .6rem; padding: .34rem 0; border: 0; border-radius: 0; font-family: var(--ns-font-heading); font-size: 1.2rem; }
.ns-sig--glass .ns-sig__topics a::after { content: ""; flex: 1; order: 1; border-block-end: 2px dotted rgb(247 192 74 / .55); translate: 0 -.25em; }
.ns-sig--glass .ns-sig__topics a::before { content: "●"; order: 2; color: #f7c04a; font-size: .7em; }
.ns-sig--glass .ns-sig__topics a:hover { color: #f7c04a; background: none; }

.gl-svg { position: absolute; inset-block: auto 2.2rem; inset-inline-end: 9%; height: 94%; width: auto; aspect-ratio: 600 / 900; max-width: 58%; }
.gl-pool { fill: #000; opacity: .45; }
.gl-rim { stroke: rgb(255 244 224 / .55); stroke-width: 3; }
.gl-fill { animation: gl-pour 3.4s cubic-bezier(.2, .7, .25, 1) both; }
.gl-wave { animation: gl-roll 4s linear infinite; }
.gl-foam path { fill: #fff4dc; }
.gl-foam { transform: translateY(0); animation: gl-head 1.4s 2.4s cubic-bezier(.2, 1.3, .4, 1) both; transform-box: fill-box; transform-origin: 50% 100%; }
.gl-bub circle { fill: #ffe6a8; opacity: .7; animation: gl-rise var(--t) linear var(--d) infinite; }
@keyframes gl-pour { from { transform: translateY(640px); } }
@keyframes gl-roll { to { transform: translateX(300px); } }
@keyframes gl-head { from { transform: translateY(40px) scaleY(.1); } }
@keyframes gl-rise { to { transform: translateY(-300px); opacity: 0; } }

@media (max-width: 899px) {
	.ns-sig--glass { align-items: start; min-height: 40rem; }
	.gl-svg { max-width: none; height: 62%; inset-block: auto 0; inset-inline-end: -14%; }
	.ns-sig--glass .ns-sig__inner { padding-block-end: 2rem; }
	.ns-sig--glass .ns-sig__art::before { background: radial-gradient(90vw 40vh at 24% 78%, rgb(201 112 26 / .4), transparent 72%); }
	.ns-sig--glass .ns-sig__topics { width: min(100%, 15rem); }
	.ns-sig--glass .ns-sig__topics a { font-size: 1.05rem; }
}

/* ---- the bar menu: sections on a dark counter ---- */
body.ns-sig-glass .ns-header { background: #100804; }
body.ns-sig-glass .ns-topics { gap: 0 3rem; grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr)); padding-block: 2.5rem; }
body.ns-sig-glass .ns-topic { display: flex; flex-direction: row; align-items: baseline; gap: .7rem; padding: .7rem 0; background: none; border: 0; border-radius: 0; box-shadow: none; color: #f6ead8; font-family: var(--ns-font-heading); font-size: 1.35rem; transform: none; }
body.ns-sig-glass .ns-topic::after { content: ""; flex: 1; order: 1; border-block-end: 2px dotted rgb(247 192 74 / .5); translate: 0 -.25em; }
body.ns-sig-glass .ns-topic__count { order: 2; color: #f7c04a; font-size: .95rem; font-family: inherit; }
body.ns-sig-glass .ns-topic:hover .ns-topic__name { color: #f7c04a; }
body.ns-sig-glass .ns-section-title, body.ns-sig-glass .ns-section-title a { color: #f7c04a; font-weight: 900; }
body.ns-sig-glass .ns-cat-block__head { border-color: #6d3c1b; }
body.ns-sig-glass .ns-fc { background: transparent; border: 0; box-shadow: none; color: #f6ead8; }
body.ns-sig-glass .ns-fc__title a { color: #f6ead8; }
body.ns-sig-glass .ns-fc:hover .ns-fc__title a { color: #f7c04a; }
body.ns-sig-glass .ns-fc__excerpt, body.ns-sig-glass .ns-fc__date { color: #cfbb9f; }
body.ns-sig-glass .ns-fc .ns-fc__kicker { justify-self: start; width: fit-content; padding: .05rem .5rem; color: #1b0e06 !important; background: #f7c04a; }
body.ns-sig-glass .ns-fc__pic { filter: saturate(1.1) contrast(1.03); }
body.ns-sig-glass .ns-fc__img { border-radius: 4px 4px 40% 40% / 4px 4px 7% 7%; }
body.ns-sig-glass .ns-footer { background: #100804 !important; color: #f6ead8; }
body.ns-sig-glass .ns-content, body.ns-sig-glass .ns-content :is(p, li, h2, h3) { color: #f6ead8; }
body.ns-sig-glass :is(input, textarea, select):not([type="submit"]) { color: #1f1208; background: #fff8ec; }