/* SCALA · магазин, v0.2.1: home page (mood scale knob and hint, heartbeat art for the sport mood) and the "За нас" page. */

/* ---------- mood scale: knob, hint ---------- */

.sc-mood__track { position: relative; }
input.sc-scale { position: relative; z-index: 1; height: 52px; }
input.sc-scale::-webkit-slider-thumb { width: 52px; height: 52px; margin-top: -25px; border: 0; box-shadow: none; opacity: 0; cursor: grab; }
input.sc-scale::-moz-range-thumb { width: 52px; height: 52px; border: 0; box-shadow: none; opacity: 0; cursor: grab; }
input.sc-scale:active::-webkit-slider-thumb { cursor: grabbing; }

.sc-mood__knob {
	position: absolute; z-index: 2; top: 50%; left: calc(26px + (100% - 52px) * var(--k, 0));
	width: 40px; height: 40px; margin: -20px 0 0 -20px; border-radius: 50%;
	display: grid; place-items: center; pointer-events: none;
	background: var(--mood-accent, #D1A862); color: var(--mood-bg, #0D0B08);
	box-shadow: 0 0 0 5px var(--mood-bg, #0D0B08), 0 0 0 6px var(--mood-accent, #D1A862), 0 8px 22px -6px rgba(0,0,0,.6);
	transition: transform .2s ease;
}
input.sc-scale:hover ~ .sc-mood__knob, input.sc-scale:active ~ .sc-mood__knob { transform: scale(1.08); }
input.sc-scale:focus-visible { outline: none; }
input.sc-scale:focus-visible ~ .sc-mood__knob { box-shadow: 0 0 0 5px var(--mood-bg, #0D0B08), 0 0 0 7px var(--mood-accent, #D1A862), 0 0 0 10px var(--mood-fg, #EFE6D2); }

/* "плъзни ме": a small tag above the knob that follows it */
.sc-mood__hint {
	position: absolute; z-index: 3; bottom: calc(50% + 30px); left: calc(26px + (100% - 52px) * var(--k, 0));
	margin-left: -24px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 5px 9px; white-space: nowrap;
	border: 1px solid var(--mood-accent, #D1A862); border-radius: 999px; background: var(--mood-bg, #0D0B08); color: var(--mood-accent, #D1A862);
	font: italic 500 19px/1 var(--f-serif); pointer-events: none;
	transform-origin: 24px 100%; transform: rotate(-4deg);
	transition: opacity .35s ease, visibility .35s;
	animation: sc-hint-bob 2.6s ease-in-out infinite;
}
.sc-mood__hint::after {
	content: ""; position: absolute; left: 18px; top: 100%; width: 9px; height: 9px; margin-top: -4px;
	background: var(--mood-bg, #0D0B08); border-right: 1px solid var(--mood-accent, #D1A862); border-bottom: 1px solid var(--mood-accent, #D1A862);
	transform: rotate(45deg);
}
.sc-mood__hint svg { flex: none; transform: rotate(-20deg); }
.sc-mood.is-teasing .sc-mood__hint { animation-play-state: paused; }
.sc-mood.is-touched .sc-mood__hint { opacity: 0; visibility: hidden; animation: none; }
/* phone: the three mood names fit their columns ("НЕВЪЗМОЖНО" overflowed at 12px / .22em) */
@media (max-width: 600px) {
	.sc-mood__labels button { font-size: 11px; letter-spacing: .1em; line-height: 1.3; }
}
@keyframes sc-hint-bob { 0%, 100% { transform: rotate(-4deg) translateY(0); } 50% { transform: rotate(-4deg) translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .sc-mood__hint { animation: none; } .sc-mood__knob { transition: none; } }

/* ---------- sport mood art: heartbeat line on both sides of the label ---------- */

.sc-art-pulse .wp-block-image { position: relative; z-index: 1; width: min(320px, 70%); }
.sc-art-pulse::before, .sc-art-pulse::after {
	content: ""; position: absolute; z-index: 0; top: 50%; height: 300px; width: 100vw; transform: translateY(-50%);
	pointer-events: none; opacity: .62;
}
.sc-art-pulse::before { left: calc(50% + min(160px, 35%) - 2px); background: url(../img/pulse-right.svg) left center / auto 100% no-repeat; }
.sc-art-pulse::after { right: calc(50% + min(160px, 35%) - 2px); background: url(../img/pulse-left.svg) right center / auto 100% no-repeat; }
@media (max-width: 600px) {
	.sc-art-pulse::before, .sc-art-pulse::after { height: 170px; }
}

/* ---------- "За нас" ---------- */

.sc-about { display: flex; flex-direction: column; gap: 22px; max-width: 720px; }
.sc-content .sc-about p { margin: 0; font-size: 18px; line-height: 1.75; color: var(--w-muted); }
.sc-content .sc-about p:first-child { font-family: var(--f-serif); font-size: clamp(23px, 2.4vw, 28px); line-height: 1.45; color: var(--w-fg); }

/* ---------- EU emblem (0.2.4): at least as large as the biggest logo on the page (logos up to 37 px tall) ---------- */
.sc-eu-strip__mark img { width: 60px; height: 40px; }
/* footer logo from the widget (0.2.5): the same size as the theme default */
.sc-footer .sc-footer__logo { width: 188px; height: 30px; display: block; }
/* ---------- EU statement next to the emblem (0.2.6): Annex IX of Regulation (EU) 2021/1060, points 1.3 (typeface) and 1.6 (white on the dark background); top strip and footer ---------- */
.sc-eu-strip__mark span, .sc-footer .sc-footer__eu-mark span { font-family: Arial, Verdana, sans-serif; color: #FFFFFF; }
/* ---------- language switch (0.2.12, 09.11.2026): hidden until the English version is live (Искрен) ---------- */
.sc-lang { display: none !important; }