/* ===========================================================================
   Webcam Romania — main.css
   Imports tokens.css and defines reset + base + components.
   =========================================================================== */

/* ════════════════════════════════════════════════════════════════════════
 * BUG FIXES BATCH — overrides la finalul fișierului prin specificity
 * ════════════════════════════════════════════════════════════════════════ */

/* === Camera card: badge locație ELIMINAT din PHP, dar safety hide CSS === */
.wcr-card .wcr-card__location,
.wcr-card .wcr-card__location-badge,
.wcr-card .wcr-loc-badge,
.wcr-card__media .wcr-card__loc { display: none !important; }

/* === Meta-row: TOATE iconițele aceeași dimensiune (36×36) === */
.wcr-meta-row .wcr-mr-chip--icon,
.wcr-meta-row .wcr-mr-chip--whatsapp,
.wcr-meta-row .wcr-mr-chip--share.wcr-mr-chip--icon,
.wcr-meta-row .wcr-mr-chip--fav.wcr-mr-chip--icon {
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}
/* Fav chip — fără cerc/background/border, doar inimioara. */
.wcr-meta-row .wcr-mr-chip--fav,
.wcr-meta-row .wcr-mr-chip--fav.wcr-mr-chip--icon {
	border-radius: 0 !important;
	background: transparent !important;
	border-color: transparent !important;
}
.wcr-meta-row .wcr-mr-chip--fav:hover { background: transparent !important; }
.wcr-meta-row .wcr-mr-chip--whatsapp svg,
.wcr-meta-row .wcr-mr-chip--share svg {
	width: 18px !important;
	height: 18px !important;
}

/* === Modale Photo/Video: titlu + icon ON SAME LINE, icon centered === */
.wcr-modal__head h3 {
	display: flex !important;
	align-items: center !important;
	gap: 10px;
	margin: 0;
}
.wcr-modal__head h3 > svg {
	flex-shrink: 0;
	width: 22px; height: 22px;
	display: inline-block;
	vertical-align: middle;
}

/* === Single webcam: Adăugat (left) / Modificat (right) — same row === */
.wcr-dates {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 16px;
	flex-wrap: nowrap;
	font-size: 13px;
	color: var(--wcr-text-soft);
	width: 100%;
}
.wcr-dates__added { justify-self: flex-start; margin-right: auto; display: inline-flex; align-items: center; gap: 6px; }
.wcr-dates__modified { justify-self: flex-end; margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.wcr-dates strong { color: var(--wcr-text); font-weight: 600; }
@media (max-width: 600px) {
	.wcr-dates__label { display: none !important; }
	.wcr-dates { font-size: 12px; gap: 8px; }
}

/* === Embed code section: header sus, textarea+buton pe acelaşi rând jos === */
.wcr-embed-cta {
	display: grid !important;
	grid-template-columns: auto 1fr auto !important;
	grid-template-rows: auto auto !important;
	grid-template-areas:
		"icon text   text"
		".    code   button" !important;
	gap: 8px 12px !important;
	align-items: center !important;
	padding: 16px 18px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	margin: 16px 0 !important;
}
.wcr-embed-cta > svg {
	grid-area: icon; align-self: start; margin-top: 4px;
	flex-shrink: 0; color: var(--wcr-brand-500);
}
.wcr-embed-cta__text { grid-area: text; }
.wcr-embed-cta__text strong { display: block; font-size: 14px; color: #0f172a; margin-bottom: 2px; }
.wcr-embed-cta__text p { margin: 0; font-size: 12px; color: #64748b; line-height: 1.5; }

.wcr-embed-cta__code {
	grid-area: code !important;
	width: 100% !important;
	min-height: 42px !important; max-height: 80px !important;
	padding: 10px 12px !important;
	background: #fff !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	font-family: monospace !important; font-size: 11px !important;
	line-height: 1.4 !important;
	resize: vertical !important;
	overflow: auto !important;
	margin: 0 !important;
}
.wcr-embed-cta > .wcr-btn {
	grid-area: button !important;
	align-self: center !important;
	white-space: nowrap !important;
	height: 42px !important;
	padding: 0 18px !important;
}

/* Mobil: stack vertical */
@media (max-width: 720px) {
	.wcr-embed-cta {
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"icon text"
			"code code"
			"button button" !important;
	}
	.wcr-embed-cta > .wcr-btn { width: 100%; justify-content: center; }
}

/* === Footer Top Vizualizate / Premium — fără bold === */
.wcr-footer-col ul li a { font-weight: normal; }

/* === Sidebar mini-card: Live badge → distanță (păstrat), restul ca main card === */
.wcr-mini-card { transition: transform 0.15s ease, box-shadow 0.2s ease; }
.wcr-mini-card:hover { transform: translateY(-2px); }

/* === Archive hero: descriere SUS (în hero) cu read-more — eliminat blocul de jos === */
.wcr-archive-hero__desc-wrap {
	max-width: none;
	width: 100%;
	margin: 14px 0 0;
}
.wcr-archive-hero__desc {
	max-width: none;
	width: 100%;
	font-size: 14px;
	line-height: 1.65;
	color: #475569;
	position: relative;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.wcr-archive-hero__desc p { margin: 0 0 8px; font-size: 14px; line-height: 1.65; color: #475569; }
.wcr-archive-hero__desc p:last-child { margin-bottom: 0; }
.wcr-archive-hero__desc strong { color: #334155; }
/* JS adaugă is-collapsed când > 110px */
.wcr-archive-hero__desc.is-collapsed { max-height: 56px; } /* ~2 linii */
.wcr-archive-hero__desc.is-collapsed::after {
	content: '';
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 30px;
	background: linear-gradient(to bottom, transparent, var(--wcr-bg, #fff) 90%);
	pointer-events: none;
}


/* ===== Reset / base ===== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: var(--wcr-font-sans);
	font-size: var(--wcr-fs-16);
	line-height: var(--wcr-lh-base);
	color: var(--wcr-text);
	background: var(--wcr-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
img, svg, video, picture { max-width: 100%; height: auto; display: block; }
a { color: var(--wcr-link); text-decoration: none; transition: color var(--wcr-dur) var(--wcr-ease); }
a:hover, a:focus-visible { color: var(--wcr-link-hover); text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: none; box-shadow: var(--wcr-sh-focus); border-radius: var(--wcr-r-sm); }
button { font: inherit; color: inherit; cursor: pointer; }
hr { border: 0; border-top: 1px solid var(--wcr-border); margin: var(--wcr-s-8) 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 var(--wcr-s-3); font-weight: var(--wcr-fw-bold); line-height: var(--wcr-lh-tight); color: var(--wcr-text); letter-spacing: -0.01em; }
h1 { font-size: clamp(var(--wcr-fs-30), 4vw, var(--wcr-fs-48)); }
h2 { font-size: clamp(var(--wcr-fs-24), 3vw, var(--wcr-fs-30)); }
h3 { font-size: var(--wcr-fs-20); }
h4 { font-size: var(--wcr-fs-18); }

p { margin: 0 0 var(--wcr-s-4); }

/* ===== Layout primitives ===== */
.wcr-container { width: 100%; max-width: var(--wcr-container); margin-inline: auto; padding-inline: var(--wcr-gutter); }
.wcr-container--wide   { max-width: var(--wcr-container-w); }
.wcr-container--narrow { max-width: var(--wcr-container-n); }

.wcr-stack > * + * { margin-top: var(--wcr-s-4); }
.wcr-stack-lg > * + * { margin-top: var(--wcr-s-8); }

.wcr-grid { display: grid; gap: var(--wcr-s-5); grid-template-columns: 1fr; }
@media (min-width: 560px)  { .wcr-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px)  { .wcr-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1200px) { .wcr-grid { grid-template-columns: repeat(4, 1fr); } }

.wcr-grid--4col { grid-template-columns: 1fr; }
@media (min-width: 560px)  { .wcr-grid--4col { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px)  { .wcr-grid--4col { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .wcr-grid--4col { grid-template-columns: repeat(4, 1fr); } }

.wcr-grid--lg { grid-template-columns: 1fr; }
@media (min-width: 560px)  { .wcr-grid--lg { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .wcr-grid--lg { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1280px) { .wcr-grid--lg { grid-template-columns: repeat(4, 1fr); } }

.wcr-cluster { display: flex; flex-wrap: wrap; gap: var(--wcr-s-2); align-items: center; }

.wcr-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.wcr-skip-link { position: absolute; left: -9999px; top: 0; padding: var(--wcr-s-3) var(--wcr-s-4); background: var(--wcr-brand-500); color: #fff; z-index: var(--wcr-z-toast); }
.wcr-skip-link:focus { left: var(--wcr-s-2); top: var(--wcr-s-2); }

/* ===== Buttons ===== */
.wcr-btn {
	display: inline-flex; align-items: center; gap: var(--wcr-s-2);
	padding: 0.7rem 1.1rem;
	border: 1px solid transparent; border-radius: var(--wcr-r-md);
	background: var(--wcr-brand-500); color: #fff;
	font-weight: var(--wcr-fw-semi); font-size: var(--wcr-fs-14);
	text-decoration: none; line-height: 1; white-space: nowrap;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(12, 122, 214, 0.15);
	transition: background var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
}
.wcr-btn:hover { background: var(--wcr-brand-600); color: #fff; text-decoration: none; box-shadow: 0 6px 16px rgba(12, 122, 214, 0.30); transform: translateY(-1px); }
.wcr-btn:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(12, 122, 214, 0.15); }
.wcr-btn--ghost { background: transparent; color: var(--wcr-text); border-color: var(--wcr-border); box-shadow: none; }
.wcr-btn--ghost:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); border-color: var(--wcr-text-muted); box-shadow: none; }
.wcr-btn--accent { background: var(--wcr-accent-500); box-shadow: 0 1px 2px rgba(255, 91, 58, 0.20); }
.wcr-btn--accent:hover { background: var(--wcr-accent-600); box-shadow: 0 6px 16px rgba(255, 91, 58, 0.35); }
.wcr-btn--sm { padding: 0.45rem 0.9rem; font-size: var(--wcr-fs-13); }
.wcr-btn--icon { padding: var(--wcr-s-2); width: 38px; height: 38px; justify-content: center; }
.wcr-btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }

/* ===== Header ===== */
/* Header NU e sticky — curge cu pagina. Decizie:
   - evită conflict cu AdSense anchor/vignette ads
   - mai mult spațiu vertical pe mobil (utilizatorul vine pentru player, nu nav)
   - elimină backdrop-filter blur permanent (drenează GPU/baterie mobil)
   - elimină re-paints la scroll
   Pentru navigare rapidă înapoi sus → vezi .wcr-scroll-top button. */
.wcr-site-header {
	position: relative;
	z-index: 100;
	background: var(--wcr-bg);
	border-bottom: 1px solid var(--wcr-border-soft);
}

/* Scroll to top — buton discret, apare după ~600px scroll.
   Suplinește lipsa sticky-ului — utilizatorul are 1 click pentru a reveni sus. */
.wcr-scroll-top {
	position: fixed;
	right: 18px; bottom: 18px;
	z-index: 90;
	width: 42px; height: 42px;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--wcr-brand-500); color: #fff;
	border: 0; border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 6px 18px rgba(12, 122, 214, 0.40), 0 2px 4px rgba(15, 25, 35, 0.10);
	opacity: 0; transform: translateY(12px) scale(0.85); pointer-events: none;
	transition: opacity .25s var(--wcr-ease), transform .25s var(--wcr-ease), background .15s var(--wcr-ease);
}
.wcr-scroll-top.is-visible {
	opacity: 1; transform: translateY(0) scale(1); pointer-events: auto;
}
.wcr-scroll-top:hover { background: var(--wcr-brand-600, #075ba0); transform: translateY(-2px) scale(1); }
.wcr-scroll-top:focus-visible { outline: 3px solid var(--wcr-brand-500); outline-offset: 3px; }
@media (max-width: 720px) {
	/* Pe mobil, evită suprapunerea cu chat bubble (care e bottom-right) */
	.wcr-scroll-top { right: 14px; bottom: 78px; width: 38px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
	.wcr-scroll-top { transition: opacity .15s linear; transform: none; }
}

.wcr-site-header__inner {
	display: flex; align-items: center; gap: var(--wcr-s-2);
	min-height: var(--wcr-header-h);
	flex-wrap: nowrap;
}
.wcr-site-header__inner > .wcr-nav-toggle { order: 1; flex-shrink: 0; }
.wcr-site-header__inner > .wcr-logo,
.wcr-site-header__inner > .custom-logo-link {
	order: 2; flex: 1 1 auto;
	display: flex !important; justify-content: center; align-items: center; min-width: 0;
}
.wcr-site-header__inner > .wcr-header-actions { order: 3; flex-shrink: 0; margin-left: 0; }
.wcr-site-header__inner > .wcr-nav { flex: 0 0 auto; }

.wcr-hide-mobile { display: none !important; }

@media (min-width: 900px) {
	.wcr-site-header__inner { gap: var(--wcr-s-4); min-height: var(--wcr-header-h-lg); }
	.wcr-site-header__inner > .wcr-nav-toggle    { order: initial; }
	.wcr-site-header__inner > .wcr-logo,
	.wcr-site-header__inner > .custom-logo-link  { order: initial; flex: 0 0 auto; justify-content: flex-start; }
	.wcr-site-header__inner > .wcr-header-actions{ order: initial; margin-left: auto; }
	.wcr-hide-mobile { display: inline-flex !important; }
}

.wcr-logo, .custom-logo-link {
	display: inline-flex; align-items: center; flex-shrink: 0;
	font-weight: var(--wcr-fw-bold); font-size: var(--wcr-fs-18);
	color: var(--wcr-text); text-decoration: none;
	line-height: 1; padding: 4px 0;
}
.wcr-logo img, .custom-logo {
	height: 32px; width: auto; max-width: min(50vw, 200px);
	display: block;
	transition: filter var(--wcr-dur) var(--wcr-ease), opacity var(--wcr-dur) var(--wcr-ease);
}
.wcr-logo:hover img, .custom-logo-link:hover .custom-logo { opacity: 0.88; }
.wcr-logo:hover, .custom-logo-link:hover { text-decoration: none; }
[data-theme="dark"] .wcr-logo img,
[data-theme="dark"] .custom-logo { filter: drop-shadow(0 0 1px rgba(255,255,255,0.15)); }
@media (min-width: 900px) { .wcr-logo img, .custom-logo { height: 40px; } }

/* Header actions row — all controls UNIFIED 40px height + 10px radius */
.wcr-header-actions {
	display: flex; align-items: center; gap: 8px;
	margin-left: auto;
}
.wcr-header-actions > * {
	height: 40px !important;
	box-sizing: border-box;
	border-radius: 10px !important;
}
.wcr-header-actions .wcr-btn { padding-block: 0; padding-inline: 16px; font-size: 13px; font-weight: 600; }
.wcr-header-actions .wcr-icon-btn { width: 40px; padding: 0; }
.wcr-header-actions .wcr-theme-toggle { width: 40px; padding: 0; }
.wcr-header-actions .wcr-lang-switch__toggle { padding: 0 12px; gap: 6px; }

/* Generic icon button (header search, fav, theme). */
.wcr-icon-btn {
	position: relative;
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; padding: 0;
	background: transparent; border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md); color: var(--wcr-text);
	text-decoration: none; cursor: pointer;
	transition: background var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease), color var(--wcr-dur) var(--wcr-ease);
}
.wcr-icon-btn:hover { background: var(--wcr-bg-muted); border-color: var(--wcr-text-muted); color: var(--wcr-text); text-decoration: none; }

/* Favorite icon button: heart + small numeric badge top-right. */
.wcr-icon-btn--fav .wcr-fav-badge {
	position: absolute; top: -6px; right: -6px;
	min-width: 18px; height: 18px;
	padding: 0 5px;
	background: var(--wcr-accent-500); color: #fff;
	border: 2px solid var(--wcr-bg);
	border-radius: var(--wcr-r-pill);
	font-size: 11px; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center;
}

/* Theme toggle — same dimensions as the icon buttons for alignment. */
.wcr-theme-toggle {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; padding: 0;
	background: transparent; border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md); color: var(--wcr-text); cursor: pointer;
	transition: background var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease);
}
.wcr-theme-toggle:hover { background: var(--wcr-bg-muted); border-color: var(--wcr-text-muted); }
.wcr-theme-toggle .wcr-icon-sun { display: none; }
[data-theme="dark"] .wcr-theme-toggle .wcr-icon-sun { display: block; }
[data-theme="dark"] .wcr-theme-toggle .wcr-icon-moon { display: none; }

/* ===== Primary nav ===== */
.wcr-nav { display: none; flex: 1; min-width: 0; }
.wcr-nav ul { list-style: none; margin: 0; padding: 0; }

.wcr-nav-toggle {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; padding: 0;
	background: transparent; border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md); color: var(--wcr-text);
	cursor: pointer; transition: background var(--wcr-dur) var(--wcr-ease);
}
.wcr-nav-toggle:hover { background: var(--wcr-bg-muted); }
.wcr-nav-toggle .i-close { display: none; }
.wcr-nav-open .wcr-nav-toggle .i-burger { display: none; }
.wcr-nav-open .wcr-nav-toggle .i-close  { display: block; }

#wcr-nav-backdrop {
	position: fixed; inset: 0;
	background: rgba(15, 25, 35, 0.45);
	z-index: calc(var(--wcr-z-modal) - 1);
	opacity: 0; visibility: hidden;
	transition: opacity var(--wcr-dur) var(--wcr-ease), visibility var(--wcr-dur) var(--wcr-ease);
}
body.wcr-nav-open #wcr-nav-backdrop { opacity: 1; visibility: visible; }
@media (min-width: 900px) { #wcr-nav-backdrop { display: none; } }

@media (max-width: 899px) {
	body.wcr-nav-open .wcr-nav {
		display: block !important;
		position: fixed; left: 0; right: 0; top: var(--wcr-header-h); bottom: 0;
		background: var(--wcr-bg);
		padding: var(--wcr-s-4) var(--wcr-s-4) var(--wcr-s-12);
		overflow-y: auto; -webkit-overflow-scrolling: touch;
		border-top: 1px solid var(--wcr-border-soft);
		box-shadow: var(--wcr-sh-lg);
		/* z-index foarte mare ca să fie peste hărți Leaflet (default z=400-800)
		   și orice alt overlay/plugin care ar putea avea z-index intermediar. */
		z-index: 9999;
		animation: wcrSlideIn .25s var(--wcr-ease);
	}
	/* Când nav e deschis, header devine TEMPORAR fixed la top — ca meniul să se
	   ancoreze corect chiar dacă user-ul a dat scroll în jos înainte să-l deschidă.
	   Header redevine static când nav-ul se închide. */
	body.wcr-nav-open .wcr-site-header {
		position: fixed; top: 0; left: 0; right: 0;
		z-index: 10000;
	}
	body.wcr-nav-open #wcr-nav-backdrop { z-index: 9998; }
	/* Compensez scroll-jump: când header devine fixed, content-ul ar sări sus.
	   Adaug padding-top egal cu înălțimea header-ului ca pagina să rămână stabilă. */
	body.wcr-nav-open { padding-top: var(--wcr-header-h); }
	body.wcr-nav-open .wcr-menu { flex-direction: column; gap: 4px; align-items: stretch; }
	body.wcr-nav-open .wcr-menu > li { width: 100%; display: block; }
	body.wcr-nav-open .wcr-menu > li > a {
		display: flex; align-items: center; width: 100%;
		padding: var(--wcr-s-4) var(--wcr-s-3);
		font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-medium);
		border-radius: var(--wcr-r-md);
		border-bottom: 1px solid var(--wcr-border-soft);
	}
	body.wcr-nav-open .wcr-menu > li:last-child > a { border-bottom: 0; }
	body.wcr-nav-open .wcr-menu > li.menu-item-has-children > a::after {
		margin-left: auto; transition: transform var(--wcr-dur) var(--wcr-ease);
	}
	body.wcr-nav-open .wcr-menu > li.is-expanded > a::after {
		transform: rotate(225deg) translate(2px, 2px);
	}
	body.wcr-nav-open .wcr-menu .sub-menu {
		position: static !important; box-shadow: none !important; border: 0 !important;
		padding: 0 0 var(--wcr-s-2) var(--wcr-s-5) !important;
		background: transparent !important; min-width: 0 !important;
		opacity: 1 !important; visibility: visible !important; transform: none !important;
		display: none !important;
	}
	body.wcr-nav-open .wcr-menu > li.is-expanded > .sub-menu { display: block !important; }
	body.wcr-nav-open .wcr-menu .sub-menu a {
		font-size: var(--wcr-fs-14); padding: var(--wcr-s-3) var(--wcr-s-3);
		color: var(--wcr-text-soft);
	}
}
@media (min-width: 900px) {
	.wcr-nav { display: block; }
	.wcr-nav-toggle { display: none; }
}

/* ===== Mobile extras (inside hamburger nav): favorite, theme, lang switcher ===== */
.wcr-mobile-extras { display: none; }
@media (max-width: 899px) {
	body.wcr-nav-open .wcr-mobile-extras {
		display: flex; flex-direction: column;
		gap: 4px;
		margin-top: var(--wcr-s-4);
		padding-top: var(--wcr-s-4);
		border-top: 1px solid var(--wcr-border-soft);
	}
	.wcr-mobile-extras__item {
		display: flex; align-items: center;
		gap: var(--wcr-s-3);
		width: 100%;
		padding: var(--wcr-s-4) var(--wcr-s-3);
		background: transparent;
		border: 0;
		border-radius: var(--wcr-r-md);
		font-size: var(--wcr-fs-16);
		font-weight: var(--wcr-fw-medium);
		color: var(--wcr-text-soft);
		text-decoration: none;
		text-align: left;
		cursor: pointer;
		min-height: 48px;
	}
	.wcr-mobile-extras__item:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); }
	.wcr-mobile-extras__item svg { flex-shrink: 0; }
	.wcr-mobile-extras__item span:first-of-type { flex: 1; }
	.wcr-mobile-extras__badge {
		min-width: 22px; height: 22px;
		padding: 0 7px;
		background: var(--wcr-accent-500, #ec4899);
		color: #fff;
		border-radius: 999px;
		font-size: 11px;
		font-weight: 700;
		display: inline-flex; align-items: center; justify-content: center;
	}
	/* Theme toggle labels — show only the relevant one based on current theme */
	.wcr-mobile-extras__item .wcr-icon-sun,
	.wcr-mobile-extras__theme-label-light { display: none; }
	[data-theme="dark"] .wcr-mobile-extras__item .wcr-icon-moon,
	[data-theme="dark"] .wcr-mobile-extras__theme-label-dark { display: none; }
	[data-theme="dark"] .wcr-mobile-extras__item .wcr-icon-sun,
	[data-theme="dark"] .wcr-mobile-extras__theme-label-light { display: inline; }
	/* Language switcher în mobile menu — overriduri agresive ca să arate */
	/* la fel ca celelalte item-uri (full-width, label vizibil, dropdown inline). */
	.wcr-mobile-extras__lang { width: 100%; }
	.wcr-mobile-extras__lang .wcr-lang-switch {
		display: block !important;
		width: 100%;
		height: auto !important;
		position: relative;
	}
	.wcr-mobile-extras__lang .wcr-lang-switch__toggle {
		width: 100% !important;
		height: auto !important;
		min-height: 48px;
		padding: var(--wcr-s-4) var(--wcr-s-3) !important;
		justify-content: flex-start !important;
		gap: var(--wcr-s-3) !important;
		font-size: var(--wcr-fs-16) !important;
		font-weight: var(--wcr-fw-medium);
		color: var(--wcr-text-soft);
		background: transparent !important;
		border: 0 !important;
		border-radius: var(--wcr-r-md);
	}
	.wcr-mobile-extras__lang .wcr-lang-switch__toggle:hover {
		background: var(--wcr-bg-muted) !important;
		color: var(--wcr-text);
	}
	.wcr-mobile-extras__lang .wcr-lang-switch__flag--current {
		width: 22px !important; height: 16px !important;
	}
	/* Forțăm label-ul "RO" și chevron-ul să se vadă (CSS din lang-switcher.php le ascunde sub 720px). */
	.wcr-mobile-extras__lang .wcr-lang-switch__label {
		display: inline !important;
		flex: 1;
		text-align: left;
	}
	.wcr-mobile-extras__lang .wcr-lang-switch__chevron {
		display: inline-block !important;
		margin-left: auto;
	}
	/* Dropdown menu — inline (nu absolute), să apară în flow-ul nav-ului. */
	.wcr-mobile-extras__lang .wcr-lang-switch__menu {
		position: static !important;
		left: auto !important; right: auto !important; top: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 4px 0 0 !important;
		max-height: 280px;
		overflow-y: auto;
		box-shadow: none !important;
		border: 1px solid var(--wcr-border-soft) !important;
	}
	.wcr-mobile-extras__lang .wcr-lang-switch__option {
		min-height: 44px;
		font-size: var(--wcr-fs-15);
	}
	/* CTA button at the bottom of mobile menu */
	.wcr-mobile-extras__cta {
		display: flex; align-items: center; justify-content: center;
		margin-top: var(--wcr-s-3);
		padding: var(--wcr-s-4);
		background: var(--wcr-brand-500, #0c7ad6);
		color: #fff !important;
		border-radius: var(--wcr-r-md);
		font-size: var(--wcr-fs-16);
		font-weight: var(--wcr-fw-bold);
		text-decoration: none;
	}
	.wcr-mobile-extras__cta:hover { background: var(--wcr-brand-600, #0a5fa0); text-decoration: none; }
}
@keyframes wcrSlideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wcrFadeIn { from { opacity: 0; } to { opacity: 1; } }

/* WP nav menu */
.wcr-menu { display: flex; flex-wrap: wrap; gap: var(--wcr-s-1); align-items: center; }
.wcr-menu > li { position: relative; list-style: none; }
.wcr-menu > li > a {
	display: inline-flex; align-items: center; gap: 4px;
	padding: var(--wcr-s-2) var(--wcr-s-3);
	border-radius: var(--wcr-r-md);
	color: var(--wcr-text-soft); font-weight: var(--wcr-fw-medium); font-size: var(--wcr-fs-14);
	text-decoration: none; white-space: nowrap;
}
.wcr-menu > li > a:hover,
.wcr-menu > li.current-menu-item > a,
.wcr-menu > li.current-menu-parent > a {
	background: var(--wcr-bg-muted); color: var(--wcr-text); text-decoration: none;
}
.wcr-menu > li.menu-item-has-children > a::after {
	content: ""; width: 8px; height: 8px;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translate(-2px, -2px); margin-left: 2px; opacity: 0.6;
}
.wcr-menu .sub-menu {
	position: absolute; top: 100%; left: 0;
	min-width: 220px; padding: var(--wcr-s-2);
	background: var(--wcr-surface); border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md); box-shadow: var(--wcr-sh-md);
	display: flex; flex-direction: column; gap: 2px;
	opacity: 0; visibility: hidden; transform: translateY(-6px);
	transition: opacity var(--wcr-dur), transform var(--wcr-dur), visibility var(--wcr-dur);
	z-index: var(--wcr-z-overlay);
}
.wcr-menu > li:hover > .sub-menu, .wcr-menu > li:focus-within > .sub-menu {
	opacity: 1; visibility: visible; transform: translateY(0);
}
.wcr-menu .sub-menu li { list-style: none; }
.wcr-menu .sub-menu a {
	display: block; padding: var(--wcr-s-2) var(--wcr-s-3);
	border-radius: var(--wcr-r-sm); color: var(--wcr-text-soft);
	font-size: var(--wcr-fs-14); text-decoration: none;
}
.wcr-menu .sub-menu a:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); }

/* ===== Webcam Card ===== */
.wcr-card {
	position: relative;
	display: flex; flex-direction: column;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	overflow: hidden; isolation: isolate;
	transition: transform var(--wcr-dur) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease);
}
.wcr-card:hover { transform: translateY(-4px); box-shadow: var(--wcr-sh-lg); border-color: var(--wcr-brand-300); }

.wcr-card__cover { display: block; position: relative; color: inherit; text-decoration: none; }
.wcr-card__cover:hover { text-decoration: none; }

.wcr-card__media {
	position: relative; aspect-ratio: 16 / 9; overflow: hidden;
	background: var(--wcr-bg-muted);
}
.wcr-card__media img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform .6s var(--wcr-ease), filter .35s var(--wcr-ease);
}
.wcr-card:hover .wcr-card__media img { transform: scale(1.06); }

.wcr-card__overlay {
	position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.55) 100%);
	transition: opacity var(--wcr-dur) var(--wcr-ease);
}

.wcr-card__badges { position: absolute; top: var(--wcr-s-3); left: var(--wcr-s-3); display: flex; gap: 6px; z-index: 2; }
.wcr-badge {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 9px; font-size: 11px; font-weight: var(--wcr-fw-bold);
	border-radius: var(--wcr-r-pill); background: rgba(15, 25, 35, 0.78); color: #fff;
	letter-spacing: 0.05em; text-transform: uppercase;
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
.wcr-badge--live { background: var(--wcr-live); padding-left: 11px; }
.wcr-badge--live::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%; background: #fff;
	animation: wcrPulse 1.5s var(--wcr-ease) infinite;
}
.wcr-badge--off { background: rgba(80, 90, 110, 0.78); }
.wcr-badge--sponsored { background: linear-gradient(135deg, #d49417, #f5b300); color: #fff; }
@keyframes wcrPulse {
	0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0.55); opacity: 1; }
	70%  { box-shadow: 0 0 0 6px rgba(255,255,255,0); }
	100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); opacity: 0.85; }
}

.wcr-card__location {
	position: absolute; bottom: var(--wcr-s-3); left: var(--wcr-s-3); z-index: 2;
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 9px; font-size: 11px; font-weight: var(--wcr-fw-semi);
	color: #fff; background: rgba(15, 25, 35, 0.55);
	border-radius: var(--wcr-r-pill);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	max-width: calc(100% - var(--wcr-s-6));
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Foto/Video badges — colț stânga-sus al imaginii cardului */
.wcr-card__media-badges {
	position: absolute; top: var(--wcr-s-3); left: var(--wcr-s-3); z-index: 2;
	display: inline-flex; align-items: center; gap: 4px;
	height: 36px; /* = înălțimea .wcr-card__fav → badge-ul foto/video și inimioara de favorite stau pe aceeași linie */
}
.wcr-card__media-badge {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 3px 7px;
	background: rgba(15, 25, 35, 0.65);
	color: #fff; font-size: 10px; font-weight: var(--wcr-fw-medium);
	border-radius: 999px;
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	line-height: 1;
}
.wcr-card__media-badge svg { flex-shrink: 0; }

.wcr-card__cta {
	position: absolute; bottom: var(--wcr-s-3); right: var(--wcr-s-3); z-index: 3;
	display: inline-flex; align-items: center; gap: 4px;
	padding: 6px 12px; font-size: 12px; 
	color: #fff; background: var(--wcr-brand-500);
	border-radius: var(--wcr-r-pill);
	box-shadow: 0 4px 12px rgba(12, 122, 214, 0.4);
	opacity: 0; transform: translateY(8px);
	transition: opacity var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur) var(--wcr-ease);
	pointer-events: none;
}
.wcr-card:hover .wcr-card__cta, .wcr-card:focus-within .wcr-card__cta { opacity: 1; transform: translateY(0); }

.wcr-card__fav {
	position: absolute; top: var(--wcr-s-3); right: var(--wcr-s-3); z-index: 4;
	width: 36px; height: 36px; padding: 0; border-radius: 0;
	background: transparent; color: #fff; border: 0;
	display: inline-flex; align-items: center; justify-content: center;
	cursor: pointer;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.55));
	transition: color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-card__fav:hover { background: transparent; transform: scale(1.12); }
/* Default: doar inimioară goală albă (outline). */
.wcr-card__fav svg { fill: none; stroke: currentColor; }
/* Activ: inimă plină roșie — fără background/cerc. */
.wcr-card__fav.is-active {
	background: transparent;
	color: var(--wcr-accent-500);
	animation: wcrHeartPop .35s var(--wcr-ease);
}
.wcr-card__fav.is-active:hover { background: transparent; }
.wcr-card__fav.is-active svg { fill: currentColor; }
@keyframes wcrHeartPop {
	0%   { transform: scale(1); }
	30%  { transform: scale(1.25); }
	60%  { transform: scale(0.92); }
	100% { transform: scale(1); }
}

.wcr-card__body {
	padding: var(--wcr-s-3) var(--wcr-s-4) var(--wcr-s-4);
	display: flex; flex-direction: column; gap: var(--wcr-s-2);
	flex: 1;
	min-height: 0;
}
.wcr-card__title {
	font-size: var(--wcr-fs-14); font-weight: var(--wcr-fw-semi);
	line-height: 1.3; margin: 0;
	/* Singular line cu ellipsis — toate cardurile au înălțime identică pe titlu
	   indiferent de lungime → aliniere perfectă cross-card pe verticală. */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wcr-card__title a { color: var(--wcr-text); transition: color var(--wcr-dur) var(--wcr-ease); }
.wcr-card__title a:hover { color: var(--wcr-brand-500); text-decoration: none; }

/* === META row UNIFIED pentru TOATE cardurile === */
.wcr-card__meta,
.wcr-mini-card__meta {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px;
	font-size: 12px;
	color: var(--wcr-text-muted);
	min-width: 0; /* permite truncare flex */
}
.wcr-card__meta > span,
.wcr-card__meta > a,
.wcr-mini-card__meta > span,
.wcr-mini-card__meta > a {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	white-space: nowrap;
	min-width: 0;
}
.wcr-card__loc-link,
.wcr-mini-card__meta > span:first-child {
	margin-right: auto !important;
	color: var(--wcr-text-muted) !important;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
}
.wcr-card__loc-link:hover { color: var(--wcr-brand-500) !important; }
/* Iconițe meta — aceeași dimensiune pe locație / vizualizări / rating */
.wcr-card__meta svg { width: 14px; height: 14px; flex-shrink: 0; }
.wcr-mini-card__meta svg { width: 11px; height: 11px; flex-shrink: 0; }
/* Înălțime uniformă a rândului meta → toate cardurile aliniate identic */
.wcr-card__meta { min-height: 20px; }
.wcr-mini-card__meta { min-height: 16px; }
.wcr-card__loc-link span,
.wcr-mini-card__meta > span:first-child > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Wrapper dreapta (views + rating) — group inline */
.wcr-card__meta-right {
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-shrink: 0 !important;
	white-space: nowrap;
	font-size: 12px;
}
.wcr-card__meta-right > span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	white-space: nowrap;
}
.wcr-card__rating { font-size: 12px; }
.wcr-card__rating strong { font-weight: 700; color: var(--wcr-text); }
.wcr-card__rating small { color: var(--wcr-text-muted); }
.wcr-card__rating strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }

/* Standalone rating display */
.wcr-rating { display: inline-flex; align-items: center; gap: var(--wcr-s-1); font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); }
.wcr-rating__stars { display: inline-flex; gap: 1px; color: #f5b300; }

/* ===== Apps banner (homepage middle) — 20% more compact ===== */
.wcr-apps-banner {
	padding: clamp(2.4rem, 4.8vw, 4rem) 0;
	background:
		radial-gradient(60% 80% at 100% 50%, rgba(12, 122, 214, 0.08), transparent 60%),
		linear-gradient(180deg, var(--wcr-bg-soft) 0%, var(--wcr-bg) 100%);
	overflow: hidden;
}
.wcr-apps-banner__grid {
	display: grid; gap: var(--wcr-s-6);
	grid-template-columns: 1fr;
	align-items: center;
	max-width: 1080px; margin-inline: auto;
}
@media (min-width: 900px) {
	.wcr-apps-banner__grid { grid-template-columns: 1fr 1fr; gap: var(--wcr-s-8); }
}

.wcr-apps-banner__title {
	font-size: clamp(var(--wcr-fs-24), 3.6vw, 2.4rem);
	margin: 0 0 var(--wcr-s-2);
	line-height: 1.1; letter-spacing: -0.02em;
}
.wcr-apps-banner__title span {
	background: linear-gradient(135deg, var(--wcr-brand-500), var(--wcr-accent-500));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.wcr-apps-banner__lead {
	font-size: clamp(var(--wcr-fs-14), 1.6vw, var(--wcr-fs-16));
	color: var(--wcr-text-soft);
	max-width: 420px;
	margin: 0 0 var(--wcr-s-4);
}

.wcr-apps-banner__features {
	list-style: none; margin: 0 0 var(--wcr-s-4); padding: 0;
	display: flex; flex-direction: column; gap: var(--wcr-s-3);
}
.wcr-apps-banner__features li {
	display: flex; gap: var(--wcr-s-3); align-items: center;
}
.wcr-apps-banner__icon {
	width: 36px; height: 36px; border-radius: var(--wcr-r-md); flex-shrink: 0;
	display: grid; place-items: center;
	box-shadow: 0 3px 10px rgba(0,0,0,0.10);
}
.wcr-apps-banner__icon svg { width: 18px; height: 18px; }
.wcr-apps-banner__features strong {
	display: block; color: var(--wcr-text); font-weight: var(--wcr-fw-semi); font-size: var(--wcr-fs-14);
}
.wcr-apps-banner__features small {
	display: block; color: var(--wcr-text-muted); font-size: var(--wcr-fs-12); margin-top: 2px;
}

.wcr-apps-banner__stores {
	display: flex; flex-wrap: wrap; gap: var(--wcr-s-2);
}
.wcr-store-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 8px 14px;
	background: #0f1923; color: #fff;
	border-radius: var(--wcr-r-md);
	text-decoration: none;
	transition: transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
}
.wcr-store-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15,25,35,0.25); text-decoration: none; }
.wcr-store-btn svg { width: 18px; height: 18px; }
.wcr-store-btn span { display: flex; flex-direction: column; line-height: 1.1; }
.wcr-store-btn small { font-size: 9px; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.05em; }
.wcr-store-btn strong { font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-semi); }

/* "În curând" — apps not yet released */
.wcr-apps-banner__stores { align-items: center; }
.wcr-store-btn--disabled {
	cursor: default; opacity: 0.55;
	filter: grayscale(0.5);
}
.wcr-store-btn--disabled:hover { transform: none; box-shadow: none; }
.wcr-apps-banner__soon {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px;
	background: linear-gradient(135deg, #fef3c7, #fde68a);
	color: #92400e;
	border: 1px solid #fcd34d;
	border-radius: 999px;
	font-size: 12px; font-weight: 700;
	letter-spacing: 0.02em;
}
.wcr-apps-banner__soon svg { color: #b45309; flex-shrink: 0; }

.wcr-apps-banner__media { position: relative; }
.wcr-apps-banner__media img {
	max-width: 100%; height: auto;
	display: block;
	margin-inline: auto;
	max-height: 450px;
	filter: drop-shadow(0 24px 40px rgba(15,25,35,0.18));
}
@media (max-width: 899px) {
	.wcr-apps-banner__media { order: -1; }
	.wcr-apps-banner__media img { max-height: 300px; }
}

/* ===== Map banner (homepage) — preview hartă, link spre /harta-camere/ ===== */
.wcr-map-banner {
	padding: clamp(2rem, 4vw, 3.2rem) 0;
}
.wcr-map-banner__link {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: var(--wcr-r-lg, 16px);
	box-shadow: 0 10px 30px rgba(15, 25, 35, 0.12), 0 2px 6px rgba(15, 25, 35, 0.06);
	text-decoration: none;
	color: #fff;
	isolation: isolate;
	transition: transform var(--wcr-dur) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
	background: var(--wcr-bg-muted);
}
.wcr-map-banner__link:hover,
.wcr-map-banner__link:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 18px 40px rgba(15, 25, 35, 0.18), 0 4px 10px rgba(15, 25, 35, 0.10);
	color: #fff;
	text-decoration: none;
}
.wcr-map-banner__link:focus-visible {
	outline: 3px solid var(--wcr-brand-500);
	outline-offset: 3px;
}
.wcr-map-banner__media {
	display: block;
	position: relative;
	z-index: 0;
}
.wcr-map-banner__media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: transform var(--wcr-dur-slow, 500ms) var(--wcr-ease);
}
.wcr-map-banner__link:hover .wcr-map-banner__media img {
	transform: scale(1.02);
}
.wcr-map-banner__overlay {
	position: absolute; inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(15, 25, 35, 0) 30%, rgba(15, 25, 35, 0.72) 100%),
		linear-gradient(90deg, rgba(15, 25, 35, 0.55) 0%, rgba(15, 25, 35, 0.15) 50%, rgba(15, 25, 35, 0) 100%);
	pointer-events: none;
}
.wcr-map-banner__content {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	z-index: 2;
	padding: clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2.4rem);
	max-width: 620px;
	pointer-events: none;
}
.wcr-map-banner__eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.95);
	color: var(--wcr-brand-600, #075ba0);
	border-radius: 999px;
	font-size: var(--wcr-fs-12);
	font-weight: var(--wcr-fw-bold);
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 10px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.wcr-map-banner__title {
	margin: 0 0 8px;
	font-size: clamp(var(--wcr-fs-20), 3vw, 2rem);
	line-height: 1.15;
	letter-spacing: -0.01em;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.wcr-map-banner__lead {
	margin: 0 0 14px;
	font-size: clamp(var(--wcr-fs-13), 1.4vw, var(--wcr-fs-15));
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.92);
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
	max-width: 520px;
}
.wcr-map-banner__cta {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 18px;
	background: var(--wcr-brand-500);
	color: #fff;
	border-radius: var(--wcr-r-md);
	font-weight: var(--wcr-fw-semi);
	font-size: var(--wcr-fs-14);
	box-shadow: 0 6px 16px rgba(12, 122, 214, 0.35);
	transition: background var(--wcr-dur-fast) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-map-banner__link:hover .wcr-map-banner__cta {
	background: var(--wcr-brand-600, #075ba0);
	transform: translateX(2px);
}

/* Mobile — portrait image, conținut centrat sub harta */
@media (max-width: 720px) {
	.wcr-map-banner { padding: var(--wcr-s-5) 0; }
	.wcr-map-banner__overlay {
		background:
			linear-gradient(180deg, rgba(15, 25, 35, 0) 50%, rgba(15, 25, 35, 0.85) 100%);
	}
	.wcr-map-banner__content {
		padding: var(--wcr-s-4);
		max-width: 100%;
	}
	.wcr-map-banner__title { font-size: var(--wcr-fs-20); }
	.wcr-map-banner__lead {
		font-size: var(--wcr-fs-13);
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.wcr-map-banner__cta { padding: 9px 14px; font-size: var(--wcr-fs-13); }
}

/* ===== Footer locations (all judete) ===== */
.wcr-footer-locations {
	background: var(--wcr-bg);
	border-top: 1px solid var(--wcr-border-soft);
	padding: var(--wcr-s-10) 0 var(--wcr-s-8);
}
.wcr-footer-locations__head { text-align: center; max-width: 720px; margin: 0 auto var(--wcr-s-6); }
.wcr-footer-locations__head h2 { font-size: var(--wcr-fs-24); margin: 0 0 var(--wcr-s-2); letter-spacing: -0.01em; }
.wcr-footer-locations__head p { color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); margin: 0; }
.wcr-footer-locations__list {
	list-style: none; margin: 0; padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2px 6px;
}
@media (min-width: 600px)  { .wcr-footer-locations__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px 10px; } }
@media (min-width: 900px)  { .wcr-footer-locations__list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px 12px; } }
@media (min-width: 1200px) { .wcr-footer-locations__list { grid-template-columns: repeat(8, minmax(0, 1fr)); } }

.wcr-footer-locations__list a {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 5px 6px;
	color: var(--wcr-text-soft);
	border-radius: var(--wcr-r-sm);
	font-size: 12px; line-height: 1.2;
	text-decoration: none;
	min-width: 0; max-width: 100%;
	transition: background var(--wcr-dur-fast) var(--wcr-ease), color var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-footer-locations__list a:hover { background: var(--wcr-bg-muted); color: var(--wcr-brand-500); text-decoration: none; }
.wcr-footer-locations__list li.is-empty a { opacity: 0.55; }
.wcr-footer-locations__list li.is-empty a:hover { opacity: 1; }
/* Count badge în footer — culori cu contrast suficient (WCAG AA 4.5:1).
   Vechi: #0c7ad6 pe #e7f2fb = 3.87:1 (fail).
   Acum:  #075ba0 pe #e7f2fb = 5.21:1 (pass). */
.wcr-footer-locations__count {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 22px; padding: 0 7px;
	background: rgba(12, 122, 214, 0.10);
	color: #075ba0 !important;
	border-radius: 4px;
	font-size: 11px !important;
	font-weight: 600;
	line-height: normal;
}
.wcr-footer-locations__list li.is-empty .wcr-footer-locations__count {
	background: rgba(0,0,0,0.06);
	color: var(--wcr-text-muted) !important;
}

/* === Comments PRO — design compact, professional === */
.wcr-comments-pro {
	max-width: 760px;
	margin: var(--wcr-s-8) auto 0;
	padding: 0;
}
.wcr-comments-pro__head {
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: 12px;
	padding-bottom: var(--wcr-s-3);
	border-bottom: 2px solid var(--wcr-border-soft);
	margin-bottom: var(--wcr-s-4);
}
.wcr-comments-pro__title {
	display: flex; align-items: center; gap: 10px;
}
.wcr-comments-pro__title svg { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-comments-pro__title h2 {
	margin: 0;
	font-size: var(--wcr-fs-20);
	font-weight: var(--wcr-fw-semi);
	letter-spacing: -0.01em;
	color: var(--wcr-text);
}
.wcr-comments-pro__title h2 span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 24px; padding: 2px 8px;
	background: var(--wcr-brand-500); color: #fff;
	border-radius: 999px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-bold);
	margin-right: 6px;
}
.wcr-comments-pro__cta {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 7px 14px;
	background: var(--wcr-bg-muted);
	color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border);
	border-radius: 999px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	text-decoration: none;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-comments-pro__cta:hover {
	background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500);
	text-decoration: none;
}

/* Comments list */
.wcr-comments-pro__list {
	list-style: none; padding: 0; margin: 0 0 var(--wcr-s-5);
	display: flex; flex-direction: column; gap: 12px;
}
.wcr-comments-pro__list .children {
	list-style: none;
	padding-left: 28px;
	margin-top: 12px;
	border-left: 2px solid var(--wcr-border-soft);
	display: flex; flex-direction: column; gap: 12px;
}

.wcr-comment-item {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: 12px;
	padding: 14px 16px;
	transition: border-color var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-comment-item:hover { border-color: var(--wcr-border); }
.wcr-comment-item.bypostauthor { border-color: var(--wcr-brand-300); background: rgba(12, 122, 214, 0.03); }

.wcr-comment-item__inner {
	display: flex; gap: 12px; align-items: flex-start;
}
.wcr-comment-item__avatar { flex-shrink: 0; }
.wcr-comment-item__avatar-img {
	border-radius: 50%;
	border: 2px solid var(--wcr-border-soft);
}
.wcr-comment-item__body { flex: 1; min-width: 0; }
.wcr-comment-item__head {
	display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
	margin-bottom: 4px;
}
.wcr-comment-item__author {
	font-size: var(--wcr-fs-14);
	font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text);
}
.wcr-comment-item__date {
	font-size: 11px; color: var(--wcr-text-muted);
}
.wcr-comment-item__pending {
	display: inline-flex; align-items: center; gap: 5px;
	margin: 4px 0 8px;
	padding: 5px 10px;
	background: rgba(252, 185, 0, 0.12);
	color: #92400e;
	border-radius: 6px;
	font-size: 11px;
	font-weight: var(--wcr-fw-medium);
}
.wcr-comment-item__pending svg { flex-shrink: 0; }
.wcr-comment-item__text {
	font-size: var(--wcr-fs-14);
	line-height: 1.6;
	color: var(--wcr-text);
}
.wcr-comment-item__text p { margin: 0 0 6px; }
.wcr-comment-item__text p:last-child { margin-bottom: 0; }
.wcr-comment-item__actions {
	margin-top: 6px;
}
.wcr-comment-item__actions .comment-reply-link {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: 11px; font-weight: var(--wcr-fw-semi);
	color: var(--wcr-brand-500);
	text-decoration: none;
	padding: 3px 8px;
	border-radius: 6px;
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-comment-item__actions .comment-reply-link:hover {
	background: rgba(12, 122, 214, 0.08);
}

/* Form — compact, professional */
.wcr-comments-pro__form {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 16px;
	padding: 22px;
	scroll-margin-top: 80px;
}
.wcr-comments-pro__notice {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 12px 14px;
	background: rgba(12, 122, 214, 0.06);
	border: 1px solid rgba(12, 122, 214, 0.20);
	border-radius: 10px;
	margin-bottom: 18px;
}
.wcr-comments-pro__notice svg { color: var(--wcr-brand-500); flex-shrink: 0; margin-top: 2px; }
.wcr-comments-pro__notice p {
	margin: 0; font-size: var(--wcr-fs-13);
	color: var(--wcr-text-soft); line-height: 1.5;
}
.wcr-comments-pro__notice strong { color: var(--wcr-text); }

.wcr-comments-pro__form .comment-reply-title {
	font-size: var(--wcr-fs-16);
	font-weight: var(--wcr-fw-semi);
	margin: 0 0 14px;
	color: var(--wcr-text);
	letter-spacing: -0.01em;
}
.wcr-comments-pro__form .wcr-form-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px; margin-bottom: 12px;
}
@media (min-width: 560px) { .wcr-comments-pro__form .wcr-form-row { grid-template-columns: 1fr 1fr; } }
.wcr-comments-pro__form .wcr-form-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.wcr-comments-pro__form .wcr-form-row .wcr-form-field { margin-bottom: 0; }
.wcr-comments-pro__form label {
	font-size: 11px; font-weight: var(--wcr-fw-semi);
	text-transform: uppercase; letter-spacing: 0.06em;
	color: var(--wcr-text-soft);
}
.wcr-comments-pro__form .req { color: var(--wcr-accent-500); }
.wcr-comments-pro__form input[type="text"],
.wcr-comments-pro__form input[type="email"],
.wcr-comments-pro__form input[type="url"],
.wcr-comments-pro__form textarea {
	width: 100%; box-sizing: border-box;
	padding: 10px 13px;
	background: var(--wcr-bg-muted);
	border: 1.5px solid transparent;
	border-radius: 10px;
	font: inherit; font-size: var(--wcr-fs-14);
	color: var(--wcr-text);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-comments-pro__form input:focus, .wcr-comments-pro__form textarea:focus {
	outline: 0; background: var(--wcr-surface);
	border-color: var(--wcr-brand-500);
	box-shadow: 0 0 0 3px rgba(12, 122, 214, 0.12);
}
.wcr-comments-pro__form textarea { resize: vertical; min-height: 90px; }

.wcr-form-check {
	display: flex; align-items: center; gap: 8px;
	margin: 12px 0;
	font-size: var(--wcr-fs-13); color: var(--wcr-text-soft);
	cursor: pointer;
}
.wcr-form-check input[type="checkbox"] { margin: 0; }

.wcr-comments-pro__submit {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 11px 22px;
	background: var(--wcr-brand-500); color: #fff;
	border: 0; border-radius: 999px;
	font: inherit; font-size: var(--wcr-fs-14); font-weight: var(--wcr-fw-semi);
	cursor: pointer;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
	margin-top: 4px;
}
.wcr-comments-pro__submit:hover {
	background: var(--wcr-brand-600, #0a5fa3);
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(12, 122, 214, 0.25);
}

.wcr-comments-pro__pagination {
	display: flex; gap: 4px; justify-content: center;
	margin: 18px 0;
}
.wcr-comments-pro__closed {
	text-align: center; color: var(--wcr-text-muted);
	padding: 24px; font-size: var(--wcr-fs-14);
}

/* === Pagina Parteneri === */
.wcr-partners-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: var(--wcr-s-8);
}
@media (min-width: 560px) { .wcr-partners-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .wcr-partners-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .wcr-partners-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

.wcr-partner-card {
	display: flex; flex-direction: column;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none; color: inherit;
	transition: all .25s var(--wcr-ease);
}
.wcr-partner-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(12, 122, 214, 0.12);
	border-color: var(--wcr-brand-300);
	text-decoration: none;
}
.wcr-partner-card__logo {
	display: flex; align-items: center; justify-content: center;
	height: 110px; padding: 18px;
	background: var(--wcr-bg-muted);
	border-bottom: 1px solid var(--wcr-border-soft);
}
.wcr-partner-card__logo img {
	max-width: 100%; max-height: 100%;
	width: auto; height: auto;
	object-fit: contain;
	transition: transform .25s var(--wcr-ease);
}
.wcr-partner-card:hover .wcr-partner-card__logo img { transform: scale(1.05); }
.wcr-partner-card__initial {
	display: inline-flex; align-items: center; justify-content: center;
	width: 60px; height: 60px;
	background: linear-gradient(135deg, var(--wcr-brand-500), #0a5fa3);
	color: #fff; font-size: 28px; font-weight: 800;
	border-radius: 50%;
}
.wcr-partner-card__body {
	padding: 14px 16px;
	display: flex; flex-direction: column; gap: 4px;
}
.wcr-partner-card__name {
	margin: 0; font-size: var(--wcr-fs-15);
	font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text);
	line-height: 1.3;
}
.wcr-partner-card__desc {
	margin: 0; font-size: var(--wcr-fs-13);
	color: var(--wcr-text-muted); line-height: 1.5;
}
.wcr-partner-card__link {
	display: inline-flex; align-items: center; gap: 4px;
	margin-top: 6px;
	font-size: var(--wcr-fs-12);
	color: var(--wcr-brand-500); font-weight: var(--wcr-fw-medium);
}

/* CTA "Devino partener" */
.wcr-partners-cta {
	margin: var(--wcr-s-8) 0 var(--wcr-s-6);
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.06), rgba(255, 91, 58, 0.04));
	border: 1px solid var(--wcr-border-soft);
	border-radius: 24px;
	padding: clamp(28px, 5vw, 56px);
}
.wcr-partners-cta__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wcr-s-6);
	align-items: center;
}
@media (min-width: 900px) {
	.wcr-partners-cta__inner { grid-template-columns: 1.5fr 1fr; gap: var(--wcr-s-8); }
}

.wcr-partners-cta__eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 5px 12px;
	background: rgba(255, 91, 58, 0.10);
	color: var(--wcr-accent-500);
	border-radius: 999px;
	font-size: 11px; font-weight: var(--wcr-fw-semi);
	letter-spacing: 0.06em; text-transform: uppercase;
	margin-bottom: 14px;
}
.wcr-partners-cta__text h2 {
	font-size: clamp(1.6rem, 3.5vw, 2.4rem);
	letter-spacing: -0.02em; line-height: 1.2;
	margin: 0 0 12px;
}
.wcr-partners-cta__text > p {
	color: var(--wcr-text-muted);
	font-size: var(--wcr-fs-15); line-height: 1.7;
	margin: 0 0 18px;
}
.wcr-partners-cta__benefits {
	list-style: none; padding: 0; margin: 0 0 22px;
	display: flex; flex-direction: column; gap: 8px;
}
.wcr-partners-cta__benefits li {
	display: flex; align-items: center; gap: 10px;
	font-size: var(--wcr-fs-14);
	color: var(--wcr-text);
}
.wcr-partners-cta__benefits svg { color: var(--wcr-success, #16a34a); flex-shrink: 0; }
.wcr-partners-cta__actions {
	display: flex; flex-wrap: wrap; gap: 10px;
}

.wcr-partners-cta__stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}
.wcr-partners-cta__stats > div {
	padding: 18px;
	background: var(--wcr-surface);
	border-radius: 14px;
	text-align: center;
	border: 1px solid var(--wcr-border-soft);
}
.wcr-partners-cta__stats strong {
	display: block;
	font-size: clamp(1.5rem, 3.5vw, 2.2rem);
	font-weight: 800;
	color: var(--wcr-brand-500);
	letter-spacing: -0.02em;
	line-height: 1;
	margin-bottom: 4px;
}
.wcr-partners-cta__stats span {
	font-size: 11px;
	color: var(--wcr-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: var(--wcr-fw-medium);
}

/* === Map popup customizat (Leaflet) === */
.wcr-map-popup-wrap .leaflet-popup-content-wrapper {
	padding: 0 !important;
	border-radius: 14px !important;
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0,0,0,0.20) !important;
}
.wcr-map-popup-wrap .leaflet-popup-content {
	margin: 0 !important;
	width: 260px !important;
}
.wcr-map-popup-wrap .leaflet-popup-tip { background: #fff; }
.wcr-map-popup-wrap .leaflet-popup-close-button {
	color: #fff !important;
	background: rgba(0,0,0,0.50) !important;
	border-radius: 50% !important;
	width: 24px !important; height: 24px !important;
	top: 8px !important; right: 8px !important;
	display: flex !important; align-items: center; justify-content: center;
	font-size: 18px !important; line-height: 1 !important;
	z-index: 5;
	padding: 0 !important;
}
.wcr-map-popup-wrap .leaflet-popup-close-button:hover { background: rgba(0,0,0,0.70) !important; }

.wcr-map-popup { display: flex; flex-direction: column; }

.wcr-map-popup__media {
	position: relative; display: block;
	aspect-ratio: 16 / 9;
	background: #142238;
	overflow: hidden;
	text-decoration: none;
}
.wcr-map-popup__media img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .3s ease;
}
.wcr-map-popup__media:hover img { transform: scale(1.05); }
.wcr-map-popup__live {
	position: absolute; top: 8px; left: 8px;
	background: #ff5b3a; color: #fff;
	padding: 3px 8px; border-radius: 999px;
	font-size: 10px; font-weight: 700; letter-spacing: 0.05em;
	display: inline-flex; align-items: center; gap: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}
.wcr-map-popup__live::before {
	content: ''; width: 6px; height: 6px;
	background: #fff; border-radius: 50%;
	animation: wcrLivePulse 1.5s infinite;
}
@keyframes wcrLivePulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

.wcr-map-popup__body {
	padding: 12px 14px 14px;
	display: flex; flex-direction: column; gap: 8px;
}
.wcr-map-popup__title {
	font-size: 14px; font-weight: 700;
	color: #0c7ad6 !important;
	text-decoration: none !important;
	line-height: 1.3;
	letter-spacing: -0.01em;
	margin: 0;
}
.wcr-map-popup__title:hover { text-decoration: underline !important; }
/* Meta inline — toate (locație + views + stelute) pe un singur rând */
.wcr-map-popup__meta {
	display: flex; flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: #64748b;
}
.wcr-map-popup__meta-item {
	display: inline-flex; align-items: center; gap: 4px;
	font-weight: 500;
	white-space: nowrap;
}
.wcr-map-popup__meta-item svg { color: #0c7ad6; flex-shrink: 0; }
.wcr-map-popup__meta-item:not(:first-child)::before {
	content: '';
	width: 3px; height: 3px;
	background: #cbd5e1;
	border-radius: 50%;
	margin-right: 6px;
}
/* Legacy clase păstrate pt compat */
.wcr-map-popup__loc { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: #64748b; }
.wcr-map-popup__loc svg { color: #0c7ad6; flex-shrink: 0; }
.wcr-map-popup__stats { display: flex; gap: 10px; }
.wcr-map-popup__stat { font-size: 11px; color: #64748b; font-weight: 500; }
.wcr-map-popup__actions {
	display: flex; gap: 6px; align-items: stretch;
	margin-top: 4px;
}
.wcr-map-popup__cta {
	flex: 1;
	display: flex; align-items: center; justify-content: center; gap: 6px;
	padding: 9px 12px;
	background: #0c7ad6; color: #fff !important;
	border-radius: 8px;
	font-size: 12px; font-weight: 600;
	text-decoration: none !important;
	transition: background .15s;
}
.wcr-map-popup__cta:hover { background: #0a5fa3; text-decoration: none !important; }
.wcr-map-popup__fav {
	flex-shrink: 0;
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px;
	background: #f1f5f9; color: #cbd5e1;
	border: 1px solid #e2e8f0;
	border-radius: 8px; cursor: pointer;
	transition: all .15s;
}
.wcr-map-popup__fav:hover { background: #fee2e2; color: #f43f5e; border-color: #fecaca; }
.wcr-map-popup__fav.is-active {
	background: #fee2e2; color: #f43f5e; border-color: #fecaca;
}

/* === WCR Chat Widget === */
.wcr-chat-bubble {
	position: fixed; bottom: 20px; right: 20px;
	z-index: 9500;
	width: 56px; height: 56px;
	background: linear-gradient(135deg, var(--wcr-brand-500), #0a5fa3);
	color: #fff; border: 0; border-radius: 50%;
	box-shadow: 0 12px 28px rgba(12, 122, 214, 0.40);
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: transform .2s, box-shadow .2s;
}
.wcr-chat-bubble:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 16px 36px rgba(12, 122, 214, 0.50); }
.wcr-chat-bubble__pulse {
	position: absolute; inset: -4px; border-radius: 50%;
	background: rgba(12, 122, 214, 0.40);
	animation: wcrChatPulse 2s ease-out infinite;
	z-index: -1;
}
@keyframes wcrChatPulse {
	0% { transform: scale(1); opacity: 0.7; }
	100% { transform: scale(1.4); opacity: 0; }
}
.wcr-chat-bubble__hint {
	position: absolute; right: calc(100% + 12px); top: 50%; transform: translateY(-50%);
	background: #fff; color: var(--wcr-text);
	padding: 8px 14px; border-radius: 999px;
	font-size: 13px; font-weight: 600; white-space: nowrap;
	box-shadow: 0 6px 18px rgba(0,0,0,0.15);
	opacity: 0; pointer-events: none;
	transition: opacity .3s;
}
.wcr-chat-bubble__hint.is-shown { opacity: 1; }

/* Panel */
.wcr-chat-panel {
	position: fixed; bottom: 20px; right: 20px;
	z-index: 9600;
	width: min(380px, calc(100vw - 24px));
	height: min(580px, calc(100vh - 100px));
	background: var(--wcr-surface);
	border-radius: 18px;
	box-shadow: 0 24px 64px rgba(0,0,0,0.30);
	display: flex; flex-direction: column;
	overflow: hidden;
	transform: translateY(20px) scale(0.95); opacity: 0;
	transition: transform .25s cubic-bezier(0.16, 1, 0.3, 1), opacity .25s;
}
.wcr-chat-panel[hidden] { display: none; }
.wcr-chat-panel.is-open { transform: translateY(0) scale(1); opacity: 1; }

.wcr-chat-panel__head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 16px;
	background: linear-gradient(135deg, var(--wcr-brand-500), #0a5fa3);
	color: #fff;
}
.wcr-chat-panel__title { display: flex; align-items: center; gap: 10px; }
.wcr-chat-panel__avatar {
	width: 36px; height: 36px; border-radius: 50%;
	background: rgba(255,255,255,0.20);
	display: flex; align-items: center; justify-content: center;
	color: var(--wcr-brand-500);
}
.wcr-chat-panel__title strong {
	display: flex; align-items: center; gap: 6px;
	font-size: 14px; line-height: 1.2;
}
.wcr-chat-panel__title small { font-size: 11px; opacity: 0.85; }
.wcr-chat-panel__title small::before { content: '●'; color: #4ade80; margin-right: 4px; }

/* Badge BETA în header */
.wcr-chat-panel__beta {
	display: inline-flex; align-items: center;
	padding: 1px 6px;
	background: linear-gradient(135deg, #f59e0b, #ef4444);
	color: #fff;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.4;
	box-shadow: 0 1px 4px rgba(239, 68, 68, 0.45);
	cursor: help;
	text-transform: uppercase;
}

/* Notice subtil "beta" deasupra form-ului — vizibil dar nu intruziv */
.wcr-chat-panel__notice {
	display: flex; align-items: center; gap: 6px;
	padding: 7px 12px;
	background: linear-gradient(180deg, #fffbeb, #fef3c7);
	color: #92400e;
	border-top: 1px solid #fde68a;
	border-bottom: 1px solid #fde68a;
	font-size: 11px;
	line-height: 1.35;
}
.wcr-chat-panel__notice svg { color: #b45309; flex-shrink: 0; }
.wcr-chat-panel__close {
	background: rgba(255,255,255,0.15); color: #fff; border: 0;
	width: 30px; height: 30px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	cursor: pointer; transition: background .15s;
}
.wcr-chat-panel__close:hover { background: rgba(255,255,255,0.25); }

.wcr-chat-panel__body {
	flex: 1; overflow-y: auto;
	padding: 16px; display: flex; flex-direction: column; gap: 10px;
	background: var(--wcr-bg-muted);
}

.wcr-chat-msg {
	max-width: 85%; padding: 10px 14px;
	border-radius: 14px;
	font-size: 14px; line-height: 1.5;
	animation: wcrChatIn .25s ease-out;
}
@keyframes wcrChatIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.wcr-chat-msg--bot {
	align-self: flex-start;
	background: var(--wcr-surface); color: var(--wcr-text);
	border-bottom-left-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
.wcr-chat-msg--user {
	align-self: flex-end;
	background: var(--wcr-brand-500); color: #fff;
	border-bottom-right-radius: 4px;
}
.wcr-chat-msg ul { margin: 6px 0 0; padding-left: 18px; }
.wcr-chat-msg__links {
	display: flex; flex-direction: column; gap: 4px;
	margin-top: 8px; padding-top: 8px;
	border-top: 1px solid var(--wcr-border-soft);
}
.wcr-chat-msg__links a {
	font-size: 12px; font-weight: 600; color: var(--wcr-brand-500);
	text-decoration: none;
}
.wcr-chat-msg__links a:hover { text-decoration: underline; }

.wcr-chat-msg--typing { display: inline-flex; gap: 4px; padding: 14px 18px; }
.wcr-chat-msg--typing span {
	width: 7px; height: 7px; background: var(--wcr-text-muted);
	border-radius: 50%; animation: wcrChatTyping 1.2s infinite;
}
.wcr-chat-msg--typing span:nth-child(2) { animation-delay: 0.2s; }
.wcr-chat-msg--typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes wcrChatTyping { 0%, 60%, 100% { opacity: 0.3; } 30% { opacity: 1; } }

.wcr-chat-panel__quick {
	display: flex; flex-wrap: wrap; gap: 6px;
	padding: 10px 16px;
	border-top: 1px solid var(--wcr-border-soft);
	background: var(--wcr-surface);
}
.wcr-chat-panel__quick button {
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border);
	border-radius: 999px;
	padding: 6px 12px; font-size: 12px; font-weight: 500;
	cursor: pointer; font-family: inherit;
	transition: all .15s;
}
.wcr-chat-panel__quick button:hover { background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500); }

.wcr-chat-panel__form {
	display: flex; gap: 8px;
	padding: 12px 14px;
	border-top: 1px solid var(--wcr-border-soft);
	background: var(--wcr-surface);
}
.wcr-chat-panel__form input {
	flex: 1; padding: 10px 14px;
	background: var(--wcr-bg-muted);
	border: 1.5px solid transparent;
	border-radius: 999px;
	font: inherit; font-size: 14px;
	color: var(--wcr-text);
	outline: none;
	transition: all .15s;
}
.wcr-chat-panel__form input:focus { background: var(--wcr-surface); border-color: var(--wcr-brand-500); }
.wcr-chat-panel__form button {
	width: 40px; height: 40px;
	background: var(--wcr-brand-500); color: #fff;
	border: 0; border-radius: 50%;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	transition: background .15s;
}
.wcr-chat-panel__form button:hover { background: var(--wcr-brand-600, #0a5fa3); }

@media (max-width: 480px) {
	.wcr-chat-bubble { bottom: 16px; right: 16px; width: 52px; height: 52px; }
	.wcr-chat-panel { bottom: 12px; right: 12px; left: 12px; width: auto; height: calc(100vh - 100px); }
}

/* Hide on PWA install button area to avoid overlap */
.wcr-pwa-install:not([hidden]) ~ * .wcr-chat-bubble,
.wcr-pwa-install.is-visible + .wcr-chat-bubble { bottom: 80px; }

/* === Pagina Instalează (PWA) === */
.wcr-install-hero {
	padding: var(--wcr-s-8) 0 var(--wcr-s-6);
	text-align: center;
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.08), rgba(255, 91, 58, 0.05));
	border-radius: 0 0 32px 32px;
}
.wcr-install-hero__icon {
	display: inline-block; margin-bottom: 18px;
	filter: drop-shadow(0 12px 30px rgba(12, 122, 214, 0.30));
}
.wcr-install-hero__icon img { width: 96px; height: 96px; border-radius: 22px; }
.wcr-install-hero__title {
	font-size: clamp(1.75rem, 4vw, 2.75rem);
	letter-spacing: -0.02em; line-height: 1.15;
	margin: 0 0 12px;
}
.wcr-install-hero__lead {
	max-width: 600px; margin: 0 auto 20px;
	color: var(--wcr-text-muted);
	font-size: clamp(var(--wcr-fs-15), 1.6vw, var(--wcr-fs-17));
}
.wcr-install-hero__features {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
}
.wcr-install-feature {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 5px 12px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: 999px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	color: var(--wcr-text);
}
.wcr-install-feature svg { color: var(--wcr-success, #16a34a); }

/* Tabs platforme */
.wcr-install-tabs {
	display: flex; gap: 6px; flex-wrap: wrap;
	max-width: 600px; margin: 0 auto var(--wcr-s-5);
	background: var(--wcr-bg-muted);
	padding: 6px; border-radius: 14px;
}
.wcr-install-tab {
	flex: 1; min-width: 100px;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 10px 14px;
	background: transparent;
	border: 0; border-radius: 10px;
	font: inherit; font-weight: var(--wcr-fw-semi); font-size: var(--wcr-fs-14);
	color: var(--wcr-text-soft); cursor: pointer;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-install-tab:hover { color: var(--wcr-text); }
.wcr-install-tab.is-active {
	background: var(--wcr-surface);
	color: var(--wcr-brand-500);
	box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.wcr-install-tab svg { flex-shrink: 0; }

/* Panel cu instrucțiuni */
.wcr-install-panel {
	max-width: 720px; margin: 0 auto;
}
.wcr-install-cta--big {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 16px 28px;
	background: linear-gradient(135deg, var(--wcr-accent-500), var(--wcr-accent-600));
	color: #fff; border: 0; border-radius: 14px;
	font: inherit; font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-semi);
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(255, 91, 58, 0.30);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
	margin: 0 auto var(--wcr-s-5); display: flex;
}
.wcr-install-cta--big:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(255, 91, 58, 0.40); }

.wcr-install-note {
	display: flex; align-items: flex-start; gap: 10px;
	padding: 14px 18px;
	background: rgba(252, 185, 0, 0.08);
	border: 1px solid rgba(252, 185, 0, 0.30);
	border-radius: 12px;
	margin-bottom: var(--wcr-s-4);
}
.wcr-install-note svg { color: #d97706; flex-shrink: 0; margin-top: 2px; }
.wcr-install-note p { margin: 0; font-size: var(--wcr-fs-14); color: var(--wcr-text); }

.wcr-install-steps {
	list-style: none; padding: 0; margin: 0;
	display: flex; flex-direction: column; gap: 14px;
}
.wcr-install-steps li {
	display: flex; gap: 16px; align-items: flex-start;
	padding: 18px 20px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 14px;
	transition: border-color var(--wcr-dur-fast) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-install-steps li:hover { border-color: var(--wcr-brand-300); transform: translateX(2px); }
.wcr-install-step__num {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; flex-shrink: 0;
	background: linear-gradient(135deg, var(--wcr-brand-500), #0a5fa3);
	color: #fff; border-radius: 50%;
	font-weight: var(--wcr-fw-bold); font-size: var(--wcr-fs-15);
	box-shadow: 0 4px 10px rgba(12, 122, 214, 0.30);
}
.wcr-install-steps h3 {
	margin: 0 0 4px; font-size: var(--wcr-fs-16);
	font-weight: var(--wcr-fw-semi);
}
.wcr-install-steps p { margin: 0; color: var(--wcr-text-soft); font-size: var(--wcr-fs-14); line-height: 1.6; }
.wcr-install-steps em { font-style: normal; font-weight: var(--wcr-fw-semi); color: var(--wcr-brand-500); background: rgba(12, 122, 214, 0.08); padding: 1px 6px; border-radius: 4px; }
.wcr-install-keyhint {
	display: inline-flex; align-items: center; gap: 6px;
	margin-top: 8px; padding: 6px 12px;
	background: var(--wcr-bg-muted);
	border: 1px solid var(--wcr-border);
	border-radius: 8px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text-soft);
}
.wcr-install-keyhint svg { color: var(--wcr-brand-500); }

/* === Pagina Contact V2 — minimalist centrat === */
.wcr-contact-hero {
	padding: var(--wcr-s-8) 0 var(--wcr-s-6);
	text-align: center;
}
.wcr-contact-hero__eyebrow {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 14px;
	background: rgba(12, 122, 214, 0.10);
	color: var(--wcr-brand-500);
	border-radius: 999px;
	font-size: 12px; font-weight: var(--wcr-fw-semi);
	letter-spacing: 0.04em; text-transform: uppercase;
	margin-bottom: 18px;
}
.wcr-contact-hero__title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	letter-spacing: -0.03em;
	line-height: 1.1;
	margin: 0 0 14px;
	color: var(--wcr-text);
}
.wcr-contact-hero__lead {
	max-width: 580px; margin: 0 auto 28px;
	font-size: clamp(var(--wcr-fs-15), 1.8vw, var(--wcr-fs-18));
	color: var(--wcr-text-muted); line-height: 1.6;
}
.wcr-contact-quickrow {
	display: inline-flex; flex-wrap: wrap; gap: 10px;
	justify-content: center;
}
.wcr-contact-chip {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 9px 16px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 999px;
	color: var(--wcr-text); text-decoration: none;
	font-size: var(--wcr-fs-14); font-weight: var(--wcr-fw-medium);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-chip:hover {
	background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500);
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(12, 122, 214, 0.25);
	text-decoration: none;
}
.wcr-contact-chip svg { color: var(--wcr-brand-500); transition: color var(--wcr-dur-fast) var(--wcr-ease); flex-shrink: 0; }
.wcr-contact-chip:hover svg { color: #fff; }

/* Form card centrat */
.wcr-contact-card-v2 {
	max-width: 640px;
	margin: 0 auto var(--wcr-s-6);
	padding: clamp(24px, 4vw, 40px);
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 22px;
	box-shadow: 0 20px 50px rgba(0,0,0,0.05);
}
.wcr-contact-form-v2 { display: flex; flex-direction: column; gap: 16px; }
.wcr-contact-form-v2 .wcr-form-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 560px) { .wcr-contact-form-v2 .wcr-form-row { grid-template-columns: 1fr 1fr; } }
.wcr-contact-form-v2 .wcr-form-field { display: flex; flex-direction: column; gap: 6px; }
.wcr-contact-form-v2 label {
	font-size: 12px; font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text-soft);
	text-transform: uppercase; letter-spacing: 0.06em;
}
.wcr-contact-form-v2 input,
.wcr-contact-form-v2 textarea {
	width: 100%; box-sizing: border-box;
	padding: 13px 16px;
	background: var(--wcr-bg-muted);
	border: 1.5px solid transparent;
	border-radius: 12px;
	font: inherit; font-size: var(--wcr-fs-15);
	color: var(--wcr-text);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-form-v2 input::placeholder,
.wcr-contact-form-v2 textarea::placeholder { color: var(--wcr-text-muted); opacity: 0.7; }
.wcr-contact-form-v2 input:focus,
.wcr-contact-form-v2 textarea:focus {
	outline: 0;
	background: var(--wcr-surface);
	border-color: var(--wcr-brand-500);
	box-shadow: 0 0 0 4px rgba(12, 122, 214, 0.12);
}
.wcr-contact-form-v2 textarea { resize: vertical; min-height: 130px; }

.wcr-contact-submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 15px 32px;
	background: linear-gradient(135deg, var(--wcr-accent-500) 0%, var(--wcr-accent-600) 100%);
	color: #fff; border: 0; border-radius: 14px;
	font: inherit; font-size: var(--wcr-fs-15); font-weight: var(--wcr-fw-semi);
	cursor: pointer;
	box-shadow: 0 8px 20px rgba(255, 91, 58, 0.25);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
	margin-top: 6px;
}
.wcr-contact-submit svg { transition: transform var(--wcr-dur-fast) var(--wcr-ease); }
.wcr-contact-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(255, 91, 58, 0.35);
}
.wcr-contact-submit:hover svg { transform: translateX(3px); }

.wcr-contact-note {
	display: inline-flex; align-items: center; gap: 6px;
	margin: 4px 0 0; font-size: 12px;
	color: var(--wcr-text-muted);
}
.wcr-contact-note svg { color: var(--wcr-success, #16a34a); flex-shrink: 0; }

/* Privacy notice — reasigurare meaningful că nu stocăm date/streamuri.
   Folosit pe Contact + Adăugare cameră (oriunde user-ul ne trimite info). */
.wcr-privacy-notice {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 16px;
	padding: 12px 14px;
	background: linear-gradient(180deg, rgba(34, 197, 94, 0.07), rgba(34, 197, 94, 0.02));
	border: 1px solid rgba(34, 197, 94, 0.22);
	border-radius: 10px;
	font-size: 13px;
	line-height: 1.55;
	color: var(--wcr-text-soft);
}
.wcr-privacy-notice svg {
	flex-shrink: 0;
	color: #15803d;
	margin-top: 2px;
}
.wcr-privacy-notice strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }
@media (max-width: 720px) {
	.wcr-privacy-notice { font-size: 12.5px; padding: 10px 12px; }
}

/* Social row jos */
.wcr-contact-social-row {
	max-width: 640px; margin: 0 auto var(--wcr-s-10);
	display: flex; flex-direction: column; align-items: center; gap: 12px;
	padding: 20px 0;
}
.wcr-contact-social-row__label {
	font-size: 12px; color: var(--wcr-text-muted);
	text-transform: uppercase; letter-spacing: 0.08em;
	font-weight: var(--wcr-fw-semi);
}
.wcr-contact-social-row__links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.wcr-contact-social-row__links a {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 9px 18px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 999px;
	color: var(--wcr-text-soft); text-decoration: none;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-social-row__links a:hover {
	transform: translateY(-2px);
	text-decoration: none;
}
.wcr-contact-social-row__links a[data-net="facebook"]:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.wcr-contact-social-row__links a[data-net="youtube"]:hover  { background: #ff0000; color: #fff; border-color: #ff0000; }
.wcr-contact-social-row__links a[data-net="tiktok"]:hover   { background: #000;     color: #fff; border-color: #000; }

/* Stilizare CF7 dacă există în content (override pentru noul layout) */
.wcr-contact-card-v2 .wpcf7 form { display: flex; flex-direction: column; gap: 16px; }
.wcr-contact-card-v2 .wpcf7 p { margin: 0; }
.wcr-contact-card-v2 .wpcf7 input[type="text"],
.wcr-contact-card-v2 .wpcf7 input[type="email"],
.wcr-contact-card-v2 .wpcf7 input[type="tel"],
.wcr-contact-card-v2 .wpcf7 textarea {
	width: 100%; box-sizing: border-box;
	padding: 13px 16px;
	background: var(--wcr-bg-muted);
	border: 1.5px solid transparent;
	border-radius: 12px;
	font: inherit;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-card-v2 .wpcf7 input:focus,
.wcr-contact-card-v2 .wpcf7 textarea:focus {
	outline: 0; background: var(--wcr-surface);
	border-color: var(--wcr-brand-500);
	box-shadow: 0 0 0 4px rgba(12, 122, 214, 0.12);
}
.wcr-contact-card-v2 .wpcf7-submit, .wcr-contact-card-v2 input[type="submit"] {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 15px 32px;
	background: linear-gradient(135deg, var(--wcr-accent-500), var(--wcr-accent-600));
	color: #fff; border: 0; border-radius: 14px;
	font-weight: var(--wcr-fw-semi); cursor: pointer;
	box-shadow: 0 8px 20px rgba(255, 91, 58, 0.25);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-card-v2 .wpcf7-submit:hover { transform: translateY(-2px); }

/* === Pagina Contact V1 (legacy) — păstrat pentru compatibilitate === */
.wcr-contact-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wcr-s-5);
	margin-bottom: var(--wcr-s-8);
}
@media (min-width: 900px) {
	.wcr-contact-grid { grid-template-columns: 340px 1fr; gap: var(--wcr-s-6); }
}

/* Contact info cards (left) */
.wcr-contact-info {
	display: flex; flex-direction: column; gap: 12px;
}
.wcr-contact-card {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 18px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 14px;
	transition: transform .25s var(--wcr-ease), box-shadow .25s var(--wcr-ease), border-color .25s var(--wcr-ease);
}
.wcr-contact-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.08); border-color: var(--wcr-brand-300); }
.wcr-contact-card__icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; flex-shrink: 0;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(12, 122, 214, 0.20);
}
.wcr-contact-card__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.wcr-contact-card__label {
	font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em;
	color: var(--wcr-text-muted); font-weight: var(--wcr-fw-semi);
}
.wcr-contact-card__value {
	font-size: var(--wcr-fs-16); color: var(--wcr-text);
	font-weight: var(--wcr-fw-semi); text-decoration: none;
	word-break: break-word;
}
a.wcr-contact-card__value:hover { color: var(--wcr-brand-500); }
.wcr-contact-card small { font-size: 11px; color: var(--wcr-text-muted); margin-top: 2px; }

.wcr-contact-card--social {
	flex-direction: column; align-items: stretch; gap: 10px;
}
.wcr-contact-social { display: flex; gap: 8px; }
.wcr-contact-social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px;
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border);
	border-radius: 50%;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-social a:hover { transform: translateY(-2px); }
.wcr-contact-social a[data-net="facebook"]:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.wcr-contact-social a[data-net="youtube"]:hover  { background: #ff0000; color: #fff; border-color: #ff0000; }
.wcr-contact-social a[data-net="tiktok"]:hover   { background: #000;     color: #fff; border-color: #000; }

/* Form (right) */
.wcr-contact-form-wrap {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
@media (max-width: 700px) { .wcr-contact-form-wrap { padding: 20px; } }
.wcr-contact-form-head { margin-bottom: 22px; }
.wcr-contact-form-head h2 {
	font-size: clamp(1.4rem, 3vw, 1.85rem); margin: 0 0 6px;
	letter-spacing: -0.02em;
}
.wcr-contact-form-head p { margin: 0; color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); line-height: 1.6; }

/* Form fields styling */
.wcr-contact-form .wcr-form-row { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 14px; }
@media (min-width: 560px) { .wcr-contact-form .wcr-form-row { grid-template-columns: 1fr 1fr; } }
.wcr-contact-form .wcr-form-field { margin-bottom: 14px; }
.wcr-contact-form .wcr-form-field:last-child { margin-bottom: 0; }
.wcr-contact-form label {
	display: block; margin-bottom: 6px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text-soft);
}
.wcr-contact-form .req { color: var(--wcr-accent-500); }
.wcr-contact-form input[type="text"],
.wcr-contact-form input[type="email"],
.wcr-contact-form input[type="tel"],
.wcr-contact-form textarea,
.wcr-contact-form .wpcf7-form-control:not(.wpcf7-submit) {
	width: 100%; box-sizing: border-box;
	padding: 11px 14px;
	background: var(--wcr-bg-muted);
	border: 1px solid var(--wcr-border);
	border-radius: 10px;
	font: inherit; color: var(--wcr-text);
	transition: border-color var(--wcr-dur-fast) var(--wcr-ease), background var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-form input:focus,
.wcr-contact-form textarea:focus,
.wcr-contact-form .wpcf7-form-control:not(.wpcf7-submit):focus {
	outline: 0;
	background: var(--wcr-surface);
	border-color: var(--wcr-brand-500);
	box-shadow: 0 0 0 3px rgba(12, 122, 214, 0.15);
}
.wcr-contact-form textarea { resize: vertical; min-height: 120px; }
.wcr-contact-form .wcr-form-actions {
	display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
	margin-top: 6px;
}
.wcr-contact-form .wcr-form-actions small { color: var(--wcr-text-muted); font-size: 12px; }

/* Stilizare Contact Form 7 (dacă userul folosește shortcode CF7) */
.wcr-contact-form .wpcf7 form { display: flex; flex-direction: column; gap: 14px; }
.wcr-contact-form .wpcf7 p { margin: 0; }
.wcr-contact-form .wpcf7-submit, .wcr-contact-form input[type="submit"] {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 22px;
	background: var(--wcr-accent-500); color: #fff;
	border: 0; border-radius: 999px;
	font-weight: var(--wcr-fw-semi); cursor: pointer;
	transition: background var(--wcr-dur-fast) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-contact-form .wpcf7-submit:hover, .wcr-contact-form input[type="submit"]:hover {
	background: var(--wcr-accent-600);
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(255, 91, 58, 0.30);
}
.wcr-contact-form .wpcf7-not-valid-tip { color: var(--wcr-accent-500); font-size: 12px; margin-top: 4px; }
.wcr-contact-form .wpcf7-response-output {
	margin: 12px 0 0 !important;
	padding: 10px 14px !important;
	border-radius: 8px !important;
	font-size: 13px;
}

/* FAQ section */
.wcr-contact-faq { margin-top: var(--wcr-s-6); }
.wcr-contact-faq__title {
	font-size: clamp(1.4rem, 3vw, 1.85rem);
	letter-spacing: -0.02em;
	margin: 0 0 var(--wcr-s-4);
}
.wcr-contact-faq__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
@media (min-width: 700px) { .wcr-contact-faq__grid { grid-template-columns: 1fr 1fr; } }
.wcr-faq-item {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 12px;
	padding: 16px 20px;
	transition: border-color var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-faq-item[open] { border-color: var(--wcr-brand-300); box-shadow: 0 6px 18px rgba(0,0,0,0.04); }
.wcr-faq-item summary {
	cursor: pointer; font-weight: var(--wcr-fw-semi);
	font-size: var(--wcr-fs-15); color: var(--wcr-text);
	list-style: none;
	display: flex; align-items: center; justify-content: space-between;
	gap: 10px;
}
.wcr-faq-item summary::-webkit-details-marker { display: none; }
.wcr-faq-item summary::after {
	content: '+'; flex-shrink: 0;
	display: inline-flex; align-items: center; justify-content: center;
	width: 24px; height: 24px;
	background: var(--wcr-brand-500); color: #fff;
	border-radius: 50%; font-weight: var(--wcr-fw-semi);
	transition: transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-faq-item[open] summary::after { transform: rotate(45deg); }
.wcr-faq-item p {
	margin: 10px 0 0; font-size: var(--wcr-fs-14);
	color: var(--wcr-text-soft); line-height: 1.7;
}
.wcr-faq-item p a { color: var(--wcr-brand-500); }

/* === Pagina /judete/ — grid de cards cu heatmap === */
.wcr-judete-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: var(--wcr-s-4) 0 var(--wcr-s-8);
}
@media (min-width: 560px)  { .wcr-judete-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 800px)  { .wcr-judete-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .wcr-judete-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1400px) { .wcr-judete-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 14px; } }

.wcr-judet-card {
	position: relative;
	display: flex; flex-direction: column;
	padding: 18px 16px 16px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 14px;
	color: var(--wcr-text); text-decoration: none;
	overflow: hidden;
	transition: transform .25s var(--wcr-ease), box-shadow .25s var(--wcr-ease), border-color .25s var(--wcr-ease);
}
.wcr-judet-card::before {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	opacity: 0; transition: opacity .25s var(--wcr-ease);
}
.wcr-judet-card__count {
	font-size: clamp(28px, 5vw, 38px);
	font-weight: 800;
	line-height: 1;
	margin-bottom: 8px;
	color: var(--wcr-text-muted);
	letter-spacing: -0.02em;
	transition: color .25s var(--wcr-ease);
}
.wcr-judet-card__name {
	font-size: var(--wcr-fs-15);
	font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text);
	line-height: 1.25;
	margin-bottom: 2px;
}
.wcr-judet-card__meta {
	font-size: 11px;
	color: var(--wcr-text-muted);
	margin-top: auto;
	padding-top: 6px;
}
.wcr-judet-card__arrow {
	position: absolute; top: 14px; right: 14px;
	color: var(--wcr-border);
	transition: transform .25s var(--wcr-ease), color .25s var(--wcr-ease);
}

/* Heatmap: hot (cele mai multe) → warm → cool → empty */
.wcr-judet-card.is-hot {
	background: linear-gradient(135deg, #0c7ad6 0%, #0a5fa3 100%);
	color: #fff; border-color: transparent;
}
.wcr-judet-card.is-hot .wcr-judet-card__count,
.wcr-judet-card.is-hot .wcr-judet-card__name { color: #fff; }
.wcr-judet-card.is-hot .wcr-judet-card__meta { color: rgba(255,255,255,0.85); }
.wcr-judet-card.is-hot .wcr-judet-card__arrow { color: rgba(255,255,255,0.8); }

.wcr-judet-card.is-warm { border-color: var(--wcr-brand-300, rgba(12, 122, 214, 0.30)); background: rgba(12, 122, 214, 0.04); }
.wcr-judet-card.is-warm .wcr-judet-card__count { color: var(--wcr-brand-500); }

.wcr-judet-card.is-cool { background: rgba(12, 122, 214, 0.02); }
.wcr-judet-card.is-cool .wcr-judet-card__count { color: var(--wcr-brand-500); opacity: 0.85; }

.wcr-judet-card.is-empty {
	opacity: 0.65;
	background: var(--wcr-bg-muted);
	border-style: dashed;
}
.wcr-judet-card.is-empty .wcr-judet-card__name { color: var(--wcr-text-muted); }

/* Hover */
.wcr-judet-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 30px rgba(12, 122, 214, 0.15);
	border-color: var(--wcr-brand-500);
	text-decoration: none;
}
.wcr-judet-card:hover .wcr-judet-card__arrow { transform: translateX(4px); color: var(--wcr-brand-500); }
.wcr-judet-card.is-hot:hover .wcr-judet-card__arrow { color: #fff; }
.wcr-judet-card.is-empty:hover {
	opacity: 1; background: var(--wcr-surface);
	border-style: solid; border-color: var(--wcr-brand-300);
}
.wcr-footer-locations__list svg { color: var(--wcr-text-muted); flex-shrink: 0; width: 10px; height: 10px; }
.wcr-footer-locations__list a:hover svg { color: var(--wcr-brand-500); }
.wcr-footer-locations__name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wcr-footer-locations__count { color: var(--wcr-text-muted); font-size: 10px; flex-shrink: 0; }
@media (min-width: 600px) {
	.wcr-footer-locations__list a { font-size: var(--wcr-fs-13); padding: 6px 8px; gap: 5px; }
	.wcr-footer-locations__list svg { width: 11px; height: 11px; }
	.wcr-footer-locations__count { font-size: 11px; }
}

/* ===== Footer main ===== */
.wcr-site-footer {
	background: var(--wcr-bg-soft);
	border-top: 1px solid var(--wcr-border-soft);
	padding: var(--wcr-s-12) 0 var(--wcr-s-6);
	color: var(--wcr-text-soft); font-size: var(--wcr-fs-14);
}
.wcr-site-footer a { color: var(--wcr-text-soft); transition: color var(--wcr-dur-fast) var(--wcr-ease); }
.wcr-site-footer a:hover { color: var(--wcr-brand-500); text-decoration: none; }

.wcr-footer-grid {
	display: grid; gap: var(--wcr-s-6) var(--wcr-s-8);
	grid-template-columns: 1fr;
	margin-bottom: var(--wcr-s-8);
}
@media (min-width: 600px)  { .wcr-footer-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px)  { .wcr-footer-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .wcr-footer-grid { grid-template-columns: 2fr repeat(4, 1fr); } }

.wcr-footer-col h3 {
	font-size: var(--wcr-fs-13); text-transform: uppercase; letter-spacing: 0.06em;
	color: var(--wcr-text); margin: 0 0 var(--wcr-s-3); font-weight: var(--wcr-fw-bold);
}
.wcr-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: var(--wcr-fs-14); }
.wcr-footer-col li small { color: var(--wcr-text-muted); }

.wcr-footer-col--brand .wcr-logo,
.wcr-footer-col--brand .custom-logo-link { margin-bottom: var(--wcr-s-3); }
.wcr-footer-col--brand .custom-logo,
.wcr-footer-col--brand .wcr-logo img { height: 36px; max-width: 200px; }
.wcr-footer-col__about { color: var(--wcr-text-muted); font-size: var(--wcr-fs-13); line-height: 1.6; margin: 0 0 var(--wcr-s-4); }

.wcr-footer-social { display: flex; gap: 8px; }
.wcr-footer-social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: 50%;
	color: var(--wcr-text-soft);
	transition: background var(--wcr-dur-fast) var(--wcr-ease), color var(--wcr-dur-fast) var(--wcr-ease), border-color var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-footer-social a:hover { background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500); }
.wcr-footer-social a[data-net="facebook"]:hover { background: #1877f2; border-color: #1877f2; }
.wcr-footer-social a[data-net="youtube"]:hover  { background: #ff0000; border-color: #ff0000; }
.wcr-footer-social a[data-net="tiktok"]:hover   { background: #000; border-color: #000; }

/* App store badges — placed on the right of the footer-bottom row. */
.wcr-footer-apps { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.wcr-footer-app {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 7px 12px;
	background: #000; color: #fff !important;
	border: 1px solid #000;
	border-radius: 10px;
	text-decoration: none;
	transition: transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur-fast) var(--wcr-ease), background var(--wcr-dur-fast) var(--wcr-ease);
	min-width: 0;
}
.wcr-footer-app:hover {
	background: #1a1a1a;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}
.wcr-footer-app svg { flex-shrink: 0; }
.wcr-footer-app span { display: flex; flex-direction: column; line-height: 1.1; }
.wcr-footer-app small {
	font-size: 9px; text-transform: uppercase; letter-spacing: 0.06em;
	opacity: 0.85; font-weight: 500;
}
.wcr-footer-app strong {
	font-size: var(--wcr-fs-13); font-weight: 700; letter-spacing: 0.01em;
}
[data-theme="dark"] .wcr-footer-app {
	background: #fff; color: #000 !important; border-color: #fff;
}
[data-theme="dark"] .wcr-footer-app:hover {
	background: #f3f3f3; color: #000 !important;
	box-shadow: 0 6px 16px rgba(255,255,255,0.10);
}
@media (max-width: 700px) {
	.wcr-footer-apps { margin-left: 0; width: 100%; justify-content: center; margin-top: var(--wcr-s-3); }
}

/* ===== PWA install button & iOS hint ===== */
.wcr-pwa-install {
	position: fixed; left: 16px; bottom: 16px; z-index: 9000;
	display: inline-flex; align-items: center; gap: 8px;
	padding: 11px 16px;
	background: var(--wcr-accent-500); color: #fff;
	border: none; border-radius: 999px;
	box-shadow: 0 8px 24px rgba(255, 91, 58, 0.35);
	font-weight: 600; font-size: var(--wcr-fs-14); line-height: 1;
	cursor: pointer;
	opacity: 0; transform: translateY(12px) scale(0.95);
	transition: opacity .25s, transform .25s, background .15s, box-shadow .15s;
}
.wcr-pwa-install.is-visible { opacity: 1; transform: translateY(0) scale(1); }
.wcr-pwa-install:hover { background: var(--wcr-accent-600); box-shadow: 0 10px 28px rgba(255, 91, 58, 0.45); }
.wcr-pwa-install svg { flex-shrink: 0; }
@media (max-width: 560px) {
	.wcr-pwa-install { left: 12px; bottom: 12px; padding: 10px 14px; font-size: var(--wcr-fs-13); }
}

/* iOS install hint (Safari can't auto-prompt — show a small banner) */
.wcr-ios-hint {
	position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 9000;
	max-width: 380px; margin: 0 auto;
	background: var(--wcr-surface);
	color: var(--wcr-text);
	border: 1px solid var(--wcr-border);
	border-radius: 14px;
	box-shadow: 0 14px 40px rgba(0,0,0,0.18);
	padding: 14px 40px 14px 14px;
	opacity: 0; transform: translateY(12px);
	transition: opacity .25s, transform .25s;
}
.wcr-ios-hint.is-visible { opacity: 1; transform: translateY(0); }
.wcr-ios-hint__close {
	position: absolute; top: 6px; right: 8px;
	background: transparent; border: none; cursor: pointer;
	font-size: 22px; line-height: 1; color: var(--wcr-text-muted);
	width: 28px; height: 28px; border-radius: 50%;
}
.wcr-ios-hint__close:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); }
.wcr-ios-hint__body strong { display: block; font-size: var(--wcr-fs-14); margin-bottom: 4px; }
.wcr-ios-hint__body p { margin: 0; font-size: var(--wcr-fs-13); color: var(--wcr-text-soft); line-height: 1.45; }
.wcr-ios-hint__body em { font-style: normal; font-weight: 600; color: var(--wcr-text); }

/* Hide PWA install button when running standalone (already installed) */
@media (display-mode: standalone) {
	.wcr-pwa-install, .wcr-ios-hint { display: none !important; }
}

/* Disclaimer subtil în footer: site-ul nu stochează imagini/streamuri */
.wcr-footer-disclaimer {
	display: flex; align-items: center; justify-content: center;
	gap: 7px;
	padding: 10px var(--wcr-s-3);
	margin-top: var(--wcr-s-5);
	border-top: 1px solid var(--wcr-border-soft);
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--wcr-text-muted);
	text-align: center;
}
.wcr-footer-disclaimer svg { color: #15803d; flex-shrink: 0; opacity: 0.85; }
@media (max-width: 720px) {
	.wcr-footer-disclaimer { font-size: 11px; padding: 8px 12px; }
}

.wcr-footer-bottom {
	display: flex; flex-wrap: wrap; gap: var(--wcr-s-3); justify-content: space-between; align-items: center;
	padding-top: var(--wcr-s-4); border-top: 1px solid var(--wcr-border-soft);
	font-size: var(--wcr-fs-13); color: var(--wcr-text-muted);
}
.wcr-footer-bottom a {
	color: var(--wcr-text-soft);
	/* A11Y: link distinguibil prin underline subtle (nu doar prin culoare). */
	text-decoration: underline;
	text-decoration-color: rgba(56, 70, 90, 0.4);
	text-underline-offset: 2px;
}
.wcr-footer-bottom a:hover { text-decoration-color: currentColor; }
@media (max-width: 720px) {
	.wcr-footer-bottom {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		gap: var(--wcr-s-2);
	}
}

/* Partners slider */
.wcr-partners {
	padding-block: var(--wcr-s-8);
	border-top: 1px solid var(--wcr-border-soft);
	background: var(--wcr-bg);
}
.wcr-partners__title {
	font-size: var(--wcr-fs-14); text-transform: uppercase; letter-spacing: 0.08em;
	color: var(--wcr-text-muted); text-align: center;
	margin: 0 0 var(--wcr-s-5); font-weight: var(--wcr-fw-semi);
}
.wcr-partner {
	display: flex; align-items: center; justify-content: center;
	height: 80px; padding: 12px 18px;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	opacity: 0.85;
	transition: opacity var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-partner:hover {
	opacity: 1; border-color: var(--wcr-brand-300); transform: translateY(-2px);
}
.wcr-partner img {
	max-height: 100%; width: auto; max-width: 100%; object-fit: contain;
	mix-blend-mode: multiply;
	filter: grayscale(40%);
	transition: filter var(--wcr-dur) var(--wcr-ease);
}
.wcr-partner:hover img { filter: grayscale(0); }

/* DARK MODE: invert white logo backgrounds to blend with dark UI. */
[data-theme="dark"] .wcr-partner {
	background: #f7f9fc;
	border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .wcr-partner img {
	mix-blend-mode: normal;
	filter: grayscale(20%);
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .wcr-partner {
		background: #f7f9fc;
		border-color: rgba(255,255,255,0.08);
	}
	:root:not([data-theme="light"]) .wcr-partner img {
		mix-blend-mode: normal;
		filter: grayscale(20%);
	}
}

/* ===== Breadcrumbs ===== */
.wcr-breadcrumbs { font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); padding: var(--wcr-s-4) 0 var(--wcr-s-2); }
/* Pe mobil: compact — breadcrumb-ul lipit aproape de conținut. */
@media (max-width: 720px) {
	.wcr-breadcrumbs { padding: var(--wcr-s-3) 0 0; }
	.wcr-archive-hero { padding: var(--wcr-s-4) 0 var(--wcr-s-5); }
}
.wcr-breadcrumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--wcr-s-2); align-items: center; }
.wcr-breadcrumbs li { display: inline-flex; align-items: center; gap: var(--wcr-s-2); }
.wcr-breadcrumbs li + li::before { content: "›"; color: var(--wcr-text-muted); opacity: 0.5; }
.wcr-breadcrumbs a { color: var(--wcr-text-muted); transition: color var(--wcr-dur-fast) var(--wcr-ease); }
.wcr-breadcrumbs a:hover { color: var(--wcr-brand-500); text-decoration: none; }
.wcr-breadcrumbs [aria-current="page"] { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }

/* Mobile: o singură linie cu horizontal scroll dacă e prea lung
   (în loc de wrap pe 2 linii care arată urât). Scrollbar ascuns. */
@media (max-width: 720px) {
	.wcr-breadcrumbs ol {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none; /* Firefox */
		mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent);
	}
	.wcr-breadcrumbs ol::-webkit-scrollbar { display: none; } /* Chrome/Safari */
	.wcr-breadcrumbs li { white-space: nowrap; flex-shrink: 0; }
}

/* ===== Pagination ===== */
.wcr-main .nav-links, .wcr-main .pagination { display: flex; gap: 4px; justify-content: center; margin-top: var(--wcr-s-8); flex-wrap: wrap; }
.wcr-main .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 var(--wcr-s-3);
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-md);
	color: var(--wcr-text-soft); font-weight: var(--wcr-fw-medium); font-size: var(--wcr-fs-14);
	background: var(--wcr-surface);
	transition: all var(--wcr-dur) var(--wcr-ease);
}
.wcr-main .page-numbers:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); text-decoration: none; }
.wcr-main .page-numbers.current { background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500); }
.wcr-main .page-numbers.dots { border-color: transparent; background: transparent; }

/* ===== Single webcam ===== */
.wcr-single { padding-block: var(--wcr-s-5); }
.wcr-single__head { margin-bottom: var(--wcr-s-4); }
.wcr-single__title {
	font-size: clamp(var(--wcr-fs-20), 2.5vw, var(--wcr-fs-30));
	margin: var(--wcr-s-2) 0;
	letter-spacing: -0.01em;
}
.wcr-single__layout {
	display: grid !important;
	gap: var(--wcr-s-6) !important;
	grid-template-columns: 1fr !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}
@media (min-width: 1100px) {
	.wcr-single__layout {
		grid-template-columns: minmax(0, 1fr) 300px !important;
		gap: var(--wcr-s-5) !important;
	}
}
@media (min-width: 1400px) {
	.wcr-single__layout {
		grid-template-columns: minmax(0, 1fr) 320px !important;
		gap: var(--wcr-s-6) !important;
	}
}
.wcr-single__main {
	min-width: 0; max-width: 100%; width: 100%;
	display: flex; flex-direction: column; gap: var(--wcr-s-4);
	overflow: hidden;
}
.wcr-single__main > * { max-width: 100%; width: 100%; }
/* Forțează player-ul să umple lățimea — anulează orice width inline din content vechi */
.wcr-single__main .wcr-player {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	display: block !important;
}
/* Forțează main column să umple grid-ul */
.wcr-single__layout > .wcr-single__main { width: auto !important; min-width: 0 !important; }
/* Conținutul prose nu poate sparge containerul — table/img/iframe restricționate la 100% */
.wcr-single__main .wcr-prose { max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; }
.wcr-single__main .wcr-prose img,
.wcr-single__main .wcr-prose iframe,
.wcr-single__main .wcr-prose video,
.wcr-single__main .wcr-prose object,
.wcr-single__main .wcr-prose embed { max-width: 100% !important; height: auto; }
.wcr-single__main .wcr-prose table { max-width: 100%; display: block; overflow-x: auto; }
.wcr-single__main .wcr-prose * { max-width: 100% !important; box-sizing: border-box; }

/* Hide RAW inline SVGs from post content (contact icons, etc.) — admin uneori
   pune SVG-uri în text care apar uriașe și strică layout-ul. UI-ul temei folosește
   alte wrappere (.wcr-card, .wcr-mr-chip, etc.), deci ascunderea aici e safe.
   Escape hatch: clasa `.wcr-svg-large` păstrează SVG-uri intenționate (ex. iluştraţii). */
.wcr-prose svg:not(.wcr-svg-large),
.entry-content svg:not(.wcr-svg-large),
.post-content svg:not(.wcr-svg-large) {
	display: none !important;
}

/* Player — full width of main column, locked to 16:9. No max-height so it
   scales with available space (wider container = bigger player). */
.wcr-player {
	position: relative;
	aspect-ratio: 16 / 9; width: 100%;
	background: #000;
	border-radius: var(--wcr-r-lg); overflow: hidden;
	box-shadow: var(--wcr-sh-md);
}
/* Iframe & image children — fully cover the player frame, no scrollbars. */
.wcr-player iframe,
.wcr-player video,
.wcr-player img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	border: 0;
	display: block;
}
.wcr-player img { object-fit: cover; object-position: center; }
.wcr-player--image { background: #142238; position: relative; }

/* Indicator LIVE pe player-ul imagine (auto-refresh la 2s în JS).
   Userul vede vizual că imaginea e actualizată constant, nu statică. */
.wcr-player--image::after {
	content: "● LIVE";
	position: absolute;
	top: var(--wcr-s-3); left: var(--wcr-s-3);
	z-index: 2;
	display: inline-flex; align-items: center;
	padding: 4px 9px;
	font-size: 11px; font-weight: var(--wcr-fw-bold);
	letter-spacing: 0.05em;
	color: #fff;
	background: var(--wcr-live);
	border-radius: var(--wcr-r-pill);
	backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	pointer-events: none;
	animation: wcrPulseLive 1.6s ease-in-out infinite;
}
@keyframes wcrPulseLive {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.6; }
}

/* Broken / unavailable state — keeps the page visible & indexed for SEO. */
.wcr-player--broken { background-color: #142238; position: relative; }
.wcr-player--broken::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(11, 18, 32, 0.55) 0%, rgba(11, 18, 32, 0.85) 100%);
	z-index: 1;
}
.wcr-player__overlay {
	position: absolute; inset: 0; z-index: 2;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: var(--wcr-s-2);
	color: #fff; text-align: center;
	padding: var(--wcr-s-6);
}
.wcr-player__overlay svg { color: #ff5b3a; opacity: 0.9; margin-bottom: var(--wcr-s-2); }
.wcr-player__overlay h2 { color: #fff; font-size: clamp(var(--wcr-fs-18), 2.5vw, var(--wcr-fs-24)); margin: 0; }
.wcr-player__overlay p { color: rgba(255,255,255,0.85); font-size: var(--wcr-fs-14); max-width: 480px; margin: 0; }
.wcr-player iframe, .wcr-player video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.wcr-player__poster {
	position: absolute; inset: 0; cursor: pointer;
	background-size: cover; background-position: center;
	display: flex; align-items: center; justify-content: center;
}
.wcr-player__poster::after {
	content: "";
	width: 80px; height: 80px; border-radius: 50%;
	background: rgba(255,255,255,0.92) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230c7ad6'><path d='M8 5v14l11-7z'/></svg>") center/40px no-repeat;
	box-shadow: var(--wcr-sh-lg);
	transition: transform var(--wcr-dur) var(--wcr-ease);
}
.wcr-player__poster:hover::after { transform: scale(1.06); }
.wcr-player--empty {
	display: flex; align-items: center; justify-content: center;
	color: #fff; aspect-ratio: 16 / 9;
}

/* Multi-camera tab switcher (legacy text tabs — still supported) */
.wcr-cam-tabs { display: flex; flex-wrap: wrap; gap: var(--wcr-s-2); }
.wcr-cam-tab {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 0.5rem var(--wcr-s-3); font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	background: var(--wcr-surface); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-pill);
	cursor: pointer; transition: all var(--wcr-dur) var(--wcr-ease);
}
.wcr-cam-tab:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); }
.wcr-cam-tab.is-active { background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500); }

/* Multi-camera thumbnail switcher (new — visual cards with preview). */
.wcr-cam-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--wcr-s-3);
	margin-top: var(--wcr-s-3);
}
.wcr-cam-thumbs .wcr-cam-thumb { flex: 0 1 170px; max-width: 200px; }
@media (max-width: 560px) {
	.wcr-cam-thumbs .wcr-cam-thumb { flex: 0 1 calc(50% - var(--wcr-s-3) / 2); max-width: none; }
}

.wcr-cam-thumb {
	display: flex; flex-direction: column; gap: 6px;
	padding: 0;
	background: transparent; border: 0; cursor: pointer;
	font-family: inherit; text-align: center;
}
.wcr-cam-thumb__img {
	position: relative; display: block; width: 100%;
	aspect-ratio: 16 / 9; overflow: hidden;
	background: var(--wcr-bg-muted);
	border: 2px solid var(--wcr-border);
	border-radius: var(--wcr-r-md);
	transition: border-color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-cam-thumb__img img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform var(--wcr-dur) var(--wcr-ease), filter var(--wcr-dur) var(--wcr-ease);
	filter: brightness(0.9);
}
/* Number badge in top-left corner — overlay for sub-cam differentiation */
.wcr-cam-thumb__num {
	position: absolute;
	top: 6px; left: 6px;
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 22px; height: 22px; padding: 0 6px;
	background: rgba(12, 122, 214, 0.92);
	color: #fff; font-size: 11px; font-weight: 700;
	border-radius: 11px;
	line-height: 1;
	box-shadow: 0 2px 6px rgba(0,0,0,0.30);
	z-index: 2;
}
.wcr-cam-thumb.is-active .wcr-cam-thumb__num {
	background: var(--wcr-accent-500);
}
.wcr-cam-thumb__placeholder {
	width: 100%; height: 100%;
	display: grid; place-items: center;
	background: linear-gradient(135deg, var(--wcr-brand-700), var(--wcr-brand-900));
	color: rgba(255,255,255,0.7); font-size: 28px; font-weight: var(--wcr-fw-bold);
}
.wcr-cam-thumb__play {
	position: absolute; inset: 0; display: grid; place-items: center;
	color: #fff; opacity: 0; transition: opacity var(--wcr-dur) var(--wcr-ease);
	background: rgba(12, 122, 214, 0.55);
	pointer-events: none;
}
.wcr-cam-thumb__play svg { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.4)); }
.wcr-cam-thumb__name {
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	color: var(--wcr-text-soft); line-height: 1.3;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.wcr-cam-thumb__name small {
	display: block; font-size: 11px; font-weight: var(--wcr-fw-regular);
	color: var(--wcr-text-muted); margin-top: 2px;
}
.wcr-cam-thumbs--curated { margin-top: var(--wcr-s-3); }

.wcr-cam-thumb:hover .wcr-cam-thumb__img { border-color: var(--wcr-brand-300); transform: translateY(-2px); }
.wcr-cam-thumb:hover .wcr-cam-thumb__img img { filter: brightness(1); transform: scale(1.05); }
.wcr-cam-thumb:hover .wcr-cam-thumb__play { opacity: 1; }
.wcr-cam-thumb:hover .wcr-cam-thumb__name { color: var(--wcr-text); }

.wcr-cam-thumb.is-active .wcr-cam-thumb__img {
	border-color: var(--wcr-brand-500);
	box-shadow: 0 0 0 3px rgba(12, 122, 214, 0.18);
}
.wcr-cam-thumb.is-active .wcr-cam-thumb__img img { filter: brightness(1); }
.wcr-cam-thumb.is-active .wcr-cam-thumb__name { color: var(--wcr-brand-500); font-weight: var(--wcr-fw-semi); }
.wcr-cam-thumb.is-active .wcr-cam-thumb__play {
	opacity: 1; background: linear-gradient(180deg, transparent 0%, transparent 50%, rgba(0,0,0,0.4) 100%);
}

/* Live pill on single */
.wcr-live-pill {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 4px 10px; border-radius: var(--wcr-r-pill);
	background: var(--wcr-live); color: #fff;
	font-size: var(--wcr-fs-12); font-weight: var(--wcr-fw-bold);
	text-transform: uppercase; letter-spacing: 0.05em;
}
.wcr-live-pill::before {
	content: ""; width: 8px; height: 8px; background: #fff; border-radius: 50%;
	animation: wcrPulse 1.6s var(--wcr-ease) infinite;
}
.wcr-live-pill--off { background: var(--wcr-text-muted); }
.wcr-live-pill--off::before { animation: none; }

/* ===== Single — meta row ===== */
.wcr-meta-row {
	display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
	padding: var(--wcr-s-3) var(--wcr-s-4);
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
}
.wcr-mr-chip {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 0.4rem 0.7rem;
	background: transparent; color: var(--wcr-text-soft);
	border: 0; border-radius: var(--wcr-r-md);
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	font-family: inherit; text-decoration: none; cursor: pointer;
	transition: background var(--wcr-dur-fast) var(--wcr-ease), color var(--wcr-dur-fast) var(--wcr-ease);
	white-space: nowrap;
}
.wcr-mr-chip:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); text-decoration: none; }
.wcr-mr-chip svg { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-mr-chip--rating svg { color: #f5b300; }
/* Fav chip — default outline. */
.wcr-mr-chip--fav svg { fill: none; stroke: currentColor; }
.wcr-mr-chip--fav.is-active { color: var(--wcr-accent-500); }
.wcr-mr-chip--fav.is-active svg { color: var(--wcr-accent-500); fill: currentColor; stroke: currentColor; }
.wcr-mr-chip--share { background: var(--wcr-brand-500); color: #fff; }
.wcr-mr-chip--share:hover { background: var(--wcr-brand-600); color: #fff; }
.wcr-mr-chip--share svg { color: #fff; }
/* Galerie chips (Foto / Video) — cu badge număr */
.wcr-mr-chip--gallery { gap: 5px; }
.wcr-mr-chip__badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 18px; height: 17px; padding: 0 5px;
	background: var(--wcr-brand-500); color: #fff;
	border-radius: 999px;
	font-size: 10px; font-weight: var(--wcr-fw-bold);
	line-height: 1;
	margin-left: 2px;
}
.wcr-mr-chip--gallery:hover .wcr-mr-chip__badge { background: var(--wcr-brand-600, #0a5fa3); }

/* Icon-only chips — square cu doar iconiță (fără text) */
.wcr-mr-chip--icon {
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	justify-content: center;
	border-radius: 50% !important;
}
.wcr-mr-chip--icon svg { margin: 0 !important; }
/* Heart cu accent roșu când activă (fav) — fără background/border. */
.wcr-mr-chip--fav.is-active { background: transparent; border-color: transparent; }
.wcr-mr-chip--fav.is-active svg { color: var(--wcr-accent-500); }
/* Share — fără background/cerc, identic cu celelalte chip-uri (transparent, hover muted). */
.wcr-mr-chip--share,
.wcr-mr-chip--share.wcr-mr-chip--icon {
	background: transparent;
	border-color: transparent;
	color: var(--wcr-text-soft);
}
.wcr-mr-chip--share svg,
.wcr-mr-chip--share.wcr-mr-chip--icon svg { color: var(--wcr-brand-500); }
.wcr-mr-chip--share:hover,
.wcr-mr-chip--share.wcr-mr-chip--icon:hover {
	background: var(--wcr-bg-muted);
	border-color: transparent;
	color: var(--wcr-text);
}
/* Video fullscreen */
.wcr-mr-chip--video.wcr-mr-chip--icon svg { color: var(--wcr-accent-500); }

/* Pe mobil sub player: ascund fullscreen și WhatsApp.
   Rating-ul rămâne vizibil dar fără count-ul cu paranteze (4,8 fără "(2167)"). */
@media (max-width: 720px) {
	.wcr-meta-row .wcr-mr-chip--video,
	.wcr-meta-row .wcr-mr-chip--whatsapp { display: none !important; }
	.wcr-meta-row .wcr-mr-chip__rating-count { display: none !important; }
}

/* WhatsApp quick share — DOAR sigla, fără fundal */
.wcr-mr-chip--whatsapp {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	width: 32px !important; height: 32px !important;
	text-decoration: none !important;
	transition: transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-mr-chip--whatsapp:hover {
	background: transparent !important;
	transform: scale(1.15);
	box-shadow: none !important;
	text-decoration: none !important;
}
.wcr-mr-chip--whatsapp svg {
	width: 28px !important; height: 28px !important;
	filter: drop-shadow(0 2px 4px rgba(37, 211, 102, 0.30));
}

/* Meta-row să stea în linie pe desktop (no wrap) — fără overflow ca să nu cliperăm popover-ul share */
@media (min-width: 720px) {
	.wcr-meta-row {
		flex-wrap: nowrap !important;
	}
	.wcr-meta-row > * { flex-shrink: 0; }
}
/* Share popover trebuie să poată ieși din container — overflow visible pe părinți */
.wcr-meta-row { overflow: visible !important; }
.wcr-mr-share-wrap { position: relative; overflow: visible; }

/* === Location chip — truncare cu ellipsis ca să nu spargă layout-ul === */
.wcr-mr-chip--location { max-width: 180px; }
.wcr-mr-chip--location .wcr-mr-chip__txt {
	display: inline-block;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
}
/* Pe mobil: cap la 90px ca să încapă cu celelalte chipuri pe acelaşi rând */
@media (max-width: 720px) {
	.wcr-mr-chip--location { max-width: 130px; }
	.wcr-mr-chip--location .wcr-mr-chip__txt {
		max-width: 90px;
		font-size: 12px;
	}
}
@media (max-width: 420px) {
	.wcr-mr-chip--location { max-width: 110px; }
	.wcr-mr-chip--location .wcr-mr-chip__txt {
		max-width: 70px;
	}
}

/* === Mobile: WhatsApp + Distribuie ținute împreună la dreapta === */
@media (max-width: 720px) {
	.wcr-meta-row {
		gap: 4px;
		row-gap: 8px;
	}
	/* Chip-urile mai compacte pe mobil */
	.wcr-mr-chip {
		padding: 0.35rem 0.55rem;
		font-size: 12px;
	}
	.wcr-mr-chip--icon {
		width: 32px !important;
		height: 32px !important;
	}
	/* WhatsApp rămâne la stânga lui Distribuie, ambele aliniate dreapta */
	.wcr-mr-chip--whatsapp {
		margin-left: auto !important;
	}
	.wcr-mr-share-wrap {
		margin-left: 4px !important;
	}
}

.wcr-mr-share-wrap { position: relative; }

/* Desktop: dropdown lipit de buton (popover). */
.wcr-share-popover {
	position: absolute; top: calc(100% + 8px); right: 0;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md);
	box-shadow: var(--wcr-sh-lg);
	padding: var(--wcr-s-3);
	z-index: var(--wcr-z-overlay);
	min-width: 240px;
	animation: wcrSlideIn .18s var(--wcr-ease);
}
.wcr-share-popover .wcr-share { margin: 0; flex-direction: column; gap: 4px; }
.wcr-share-popover .wcr-share__btn { width: 100%; justify-content: flex-start; }

/* Mobile: transform popover-ul în modal centrat cu backdrop blur,
   același pattern ca rating/weather (consistent UX). */
@media (max-width: 720px) {
	.wcr-share-popover {
		position: fixed !important;
		inset: 0 !important;
		top: 0 !important; right: 0 !important; left: 0 !important; bottom: 0 !important;
		z-index: calc(var(--wcr-z-modal) + 30) !important;
		display: flex; align-items: center; justify-content: center;
		padding: var(--wcr-s-4) !important;
		background: rgba(15, 25, 35, 0.55);
		backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		min-width: 0 !important;
		animation: wcrFadeIn .2s var(--wcr-ease);
	}
	/* Panel-ul (conținutul) primește stilul modal-panel — centrat, white bg, padding. */
	.wcr-share-popover > * {
		background: var(--wcr-surface);
		border-radius: var(--wcr-r-xl);
		box-shadow: var(--wcr-sh-xl);
		padding: var(--wcr-s-5);
		max-width: min(420px, calc(100vw - var(--wcr-s-6)));
		width: 100%;
		max-height: calc(100vh - var(--wcr-s-8));
		overflow-y: auto;
		animation: wcrSlideIn .22s var(--wcr-ease);
		box-sizing: border-box;
	}
}

/* ===== Share buttons (used in popover) ===== */
.wcr-share { display: flex; flex-wrap: wrap; gap: var(--wcr-s-2); margin-block: var(--wcr-s-4); }
.wcr-share__btn {
	display: inline-flex; align-items: center; gap: var(--wcr-s-2);
	padding: 0.5rem var(--wcr-s-3); border-radius: var(--wcr-r-md);
	border: 1px solid var(--wcr-border); background: var(--wcr-surface); color: var(--wcr-text-soft);
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium); text-decoration: none;
	cursor: pointer; font-family: inherit;
	transition: all var(--wcr-dur) var(--wcr-ease);
}
.wcr-share__btn:hover { color: var(--wcr-text); border-color: var(--wcr-text-muted); transform: translateY(-1px); text-decoration: none; }
.wcr-share__btn[data-net="facebook"]:hover  { background: #1877f2; color: #fff; border-color: #1877f2; }
.wcr-share__btn[data-net="twitter"]:hover   { background: #000; color: #fff; border-color: #000; }
.wcr-share__btn[data-net="whatsapp"]:hover  { background: #25d366; color: #fff; border-color: #25d366; }
.wcr-share__btn[data-net="telegram"]:hover  { background: #229ed9; color: #fff; border-color: #229ed9; }
.wcr-share__btn[data-net="email"]:hover     { background: var(--wcr-text); color: var(--wcr-bg); border-color: var(--wcr-text); }

/* ===== Single — footer (tags + dates + embed) ===== */
.wcr-single__foot {
	margin-top: var(--wcr-s-6); padding-top: var(--wcr-s-5);
	border-top: 1px solid var(--wcr-border-soft);
	display: flex; flex-direction: column; gap: var(--wcr-s-4);
}
.wcr-tag-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--wcr-text-muted); font-size: var(--wcr-fs-13); }
.wcr-tag-row > svg:first-child { color: var(--wcr-text-muted); }
.wcr-tag {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 4px 10px;
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft);
	border-radius: var(--wcr-r-pill);
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium); text-decoration: none;
	transition: background var(--wcr-dur-fast) var(--wcr-ease), color var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-tag:hover { background: var(--wcr-brand-500); color: #fff; text-decoration: none; }

.wcr-dates { display: flex; flex-wrap: wrap; gap: var(--wcr-s-4); font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); }
.wcr-dates span { display: inline-flex; align-items: center; gap: 6px; }
.wcr-dates svg { color: var(--wcr-brand-500); }
.wcr-dates strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }

.wcr-embed-cta {
	display: grid; grid-template-columns: auto 1fr; gap: var(--wcr-s-3) var(--wcr-s-4); align-items: center;
	padding: var(--wcr-s-5);
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.06), rgba(255, 91, 58, 0.04));
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
}
.wcr-embed-cta > svg { color: var(--wcr-brand-500); }
.wcr-embed-cta__text strong { display: block; font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-semi); color: var(--wcr-text); }
.wcr-embed-cta__text p { margin: 4px 0 0; font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); }
.wcr-embed-cta__code {
	grid-column: 1 / -1; width: 100%; min-height: 64px; resize: vertical;
	padding: var(--wcr-s-3); font-family: var(--wcr-font-mono); font-size: var(--wcr-fs-13);
	background: var(--wcr-bg); color: var(--wcr-text);
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-md);
}
.wcr-embed-cta .wcr-btn { grid-column: 1 / -1; justify-self: start; }

/* ===== Slope info (ski webcams) ===== */
.wcr-slope {
	margin-block: var(--wcr-s-6);
	padding: var(--wcr-s-5);
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.05), rgba(255, 255, 255, 0));
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
}
.wcr-slope__head {
	display: flex; align-items: center; gap: var(--wcr-s-3);
	padding-bottom: var(--wcr-s-4);
	border-bottom: 1px solid var(--wcr-border-soft);
	margin-bottom: var(--wcr-s-4);
}
.wcr-slope__head h2 {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: var(--wcr-fs-20); margin: 0; line-height: 1;
}
.wcr-slope__head h2 svg { color: var(--wcr-brand-500); flex-shrink: 0; }

.wcr-slope__facts {
	display: grid; gap: var(--wcr-s-3);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: var(--wcr-s-4);
}
@media (min-width: 560px) { .wcr-slope__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) { .wcr-slope__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.wcr-slope__fact {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	padding: var(--wcr-s-3);
	display: flex; flex-direction: column; align-items: center;
	gap: 2px; text-align: center;
	transition: border-color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-slope__fact:hover { border-color: var(--wcr-brand-300); transform: translateY(-2px); }
.wcr-slope__fact-icon { font-size: 26px; line-height: 1; margin-bottom: 4px; }
.wcr-slope__fact strong { font-size: var(--wcr-fs-18); font-weight: var(--wcr-fw-bold); color: var(--wcr-text); line-height: 1.1; }
.wcr-slope__fact small { font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); }

.wcr-slope__embed { margin-top: var(--wcr-s-4); }
.wcr-slope__embed > header {
	display: flex; align-items: center; gap: 6px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text-soft); text-transform: uppercase; letter-spacing: 0.05em;
	margin-bottom: var(--wcr-s-2);
}
.wcr-slope__embed iframe {
	width: 100%; min-height: 480px;
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-md);
	background: var(--wcr-surface);
}
@media (max-width: 600px) { .wcr-slope__embed iframe { min-height: 380px; } }

.wcr-slope__prices { margin-top: var(--wcr-s-4); padding: var(--wcr-s-4); background: var(--wcr-surface); border-radius: var(--wcr-r-md); border: 1px solid var(--wcr-border-soft); }
.wcr-slope__prices > header {
	display: flex; align-items: center; gap: 8px;
	font-size: var(--wcr-fs-15); font-weight: var(--wcr-fw-semi); color: var(--wcr-text);
	margin-bottom: var(--wcr-s-3);
}
.wcr-slope__prices > header svg { color: var(--wcr-brand-500); }

/* ===== Prose styling — improves WP content readability ===== */
.wcr-prose { color: var(--wcr-text-soft); font-size: var(--wcr-fs-15); line-height: 1.7; }
.wcr-prose h2 { font-size: var(--wcr-fs-20); margin: var(--wcr-s-6) 0 var(--wcr-s-3); padding-bottom: var(--wcr-s-2); border-bottom: 1px solid var(--wcr-border-soft); }
.wcr-prose h3 { font-size: var(--wcr-fs-18); margin: var(--wcr-s-5) 0 var(--wcr-s-2); }
.wcr-prose h4 { font-size: var(--wcr-fs-16); margin: var(--wcr-s-4) 0 var(--wcr-s-2); }
.wcr-prose p { margin: 0 0 var(--wcr-s-4); }
.wcr-prose ul, .wcr-prose ol { margin: 0 0 var(--wcr-s-4); padding-left: var(--wcr-s-5); }
.wcr-prose li { margin-bottom: 6px; }
.wcr-prose a { color: var(--wcr-link); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.wcr-prose a:hover { text-decoration-thickness: 2px; }
.wcr-prose strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }
.wcr-prose blockquote {
	margin: var(--wcr-s-4) 0; padding: var(--wcr-s-3) var(--wcr-s-4);
	border-left: 3px solid var(--wcr-brand-500); background: var(--wcr-bg-soft);
	border-radius: 0 var(--wcr-r-md) var(--wcr-r-md) 0;
	color: var(--wcr-text); font-style: italic;
}

/* TABLES — beautiful slope-spec / pricing tables */
.wcr-prose table {
	width: 100%; border-collapse: separate; border-spacing: 0;
	margin: var(--wcr-s-4) 0;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	overflow: hidden;
	font-size: var(--wcr-fs-14);
}
.wcr-prose th {
	background: var(--wcr-bg-muted); color: var(--wcr-text);
	font-weight: var(--wcr-fw-semi); text-align: left;
	padding: var(--wcr-s-3) var(--wcr-s-3);
	border-bottom: 1px solid var(--wcr-border);
	white-space: nowrap;
}
.wcr-prose td {
	padding: var(--wcr-s-3); border-bottom: 1px solid var(--wcr-border-soft);
	color: var(--wcr-text-soft);
}
.wcr-prose tr:last-child td { border-bottom: 0; }
.wcr-prose tbody tr:nth-child(odd) td { background: rgba(12, 122, 214, 0.025); }
.wcr-prose tbody tr:hover td { background: rgba(12, 122, 214, 0.05); }
@media (max-width: 600px) {
	.wcr-prose table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.wcr-prose th, .wcr-prose td { padding: 8px 10px; font-size: var(--wcr-fs-13); }
}

.wcr-prose img { max-width: 100%; height: auto; border-radius: var(--wcr-r-md); margin: var(--wcr-s-3) 0; }
.wcr-prose figure { margin: var(--wcr-s-4) 0; }
.wcr-prose figcaption { font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); text-align: center; margin-top: var(--wcr-s-1); }

/* (CONTENT FRIENDLY UPGRADE — mutat în inc/route-carlibaba-demo.php, scoped per pagină) */
/* === FIX SVG GIGANT: aplicat de filter the_content (clasa wcr-content-svg) === */
svg.wcr-content-svg {
	width: 24px !important;
	height: 24px !important;
	max-width: 24px !important;
	max-height: 24px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	display: inline-block !important;
	vertical-align: middle !important;
	flex: 0 0 24px !important;
}
/* Pattern: <p><svg>...</svg> Telefon: 0743...</p> → SVG mai mic, margin */
p > svg.wcr-content-svg:first-child,
li > svg.wcr-content-svg:first-child {
	width: 18px !important; height: 18px !important;
	margin-right: 8px !important;
}
/* Backup: orice SVG inline din content care a scăpat de filter */
.wcr-prose > svg,
.wcr-prose p svg,
.wcr-prose li svg,
.wcr-prose div > svg,
.wcr-single__main .wcr-prose svg,
.entry-content svg,
.post-content svg {
	max-width: 32px !important;
	max-height: 32px !important;
	width: auto !important;
	height: auto !important;
	vertical-align: middle;
}
/* Whitelist: SVGs cu clasa wcr-svg-large scapă de constrângeri */
svg.wcr-svg-large,
.wcr-prose svg.wcr-svg-large,
.entry-content svg.wcr-svg-large {
	max-width: none !important; max-height: none !important;
	width: auto !important; height: auto !important;
	flex: initial !important;
}

/* === ULTIMA APĂRARE: orice SVG care e copil DIRECT al main column și nu are
   clasă cunoscută (wcr-*, wp-block-*, no-*) e probabil orphan din content.
   ASCUNDE complet — JS-ul îl șterge oricum. */
.wcr-prose svg:not(.wcr-svg-large):not([class*="wp-"]),
.entry-content svg:not(.wcr-svg-large):not([class*="wp-"]) {
	display: none !important;
}
/* Excepție: SVG-uri în butoane / link-uri de butoane (mici, intenționate) */
.wcr-prose .wcr-btn svg,
.wcr-prose button svg,
.wcr-prose a.wcr-btn svg,
.entry-content .wcr-btn svg,
.entry-content button svg {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
}

/* ===== Extra cameras (all sources inline) — kept for back-compat ===== */
.wcr-extra-cams { margin-block: var(--wcr-s-8); }
.wcr-extra-cams__head { margin-bottom: var(--wcr-s-5); }
.wcr-extra-cams__head h2 {
	display: inline-flex; align-items: center; gap: 8px;
	font-size: var(--wcr-fs-20); margin: 0 0 4px;
}
.wcr-extra-cams__head h2 svg { color: var(--wcr-brand-500); }
.wcr-extra-cams__head p { color: var(--wcr-text-muted); margin: 0; font-size: var(--wcr-fs-13); }

.wcr-extra-cams__grid {
	display: grid; gap: var(--wcr-s-4);
	grid-template-columns: 1fr;
}
@media (min-width: 600px)  { .wcr-extra-cams__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .wcr-extra-cams__grid { grid-template-columns: repeat(3, 1fr); } }

.wcr-extra-cam {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	overflow: hidden;
	transition: border-color var(--wcr-dur) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
}
.wcr-extra-cam:hover { border-color: var(--wcr-brand-300); box-shadow: var(--wcr-sh-md); }

.wcr-extra-cam__head {
	display: flex; align-items: center; gap: var(--wcr-s-2);
	padding: var(--wcr-s-3) var(--wcr-s-4);
	border-bottom: 1px solid var(--wcr-border-soft);
}
.wcr-extra-cam__live {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 3px 8px; border-radius: var(--wcr-r-pill);
	background: var(--wcr-live); color: #fff;
	font-size: 10px; font-weight: var(--wcr-fw-bold);
	letter-spacing: 0.05em; text-transform: uppercase;
}
.wcr-extra-cam__live::before {
	content: ""; width: 6px; height: 6px; background: #fff; border-radius: 50%;
	animation: wcrPulse 1.5s var(--wcr-ease) infinite;
}
.wcr-extra-cam__head h3 {
	font-size: var(--wcr-fs-15); margin: 0; flex: 1;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.wcr-extra-cam__player {
	position: relative; aspect-ratio: 16 / 9; background: #000;
	display: block; text-decoration: none;
}
.wcr-extra-cam__player iframe,
.wcr-extra-cam__player img {
	position: absolute; inset: 0; width: 100%; height: 100%;
	border: 0; display: block;
}
.wcr-extra-cam__player img { object-fit: cover; }
.wcr-extra-cam__player--image { background: #142238; }
.wcr-extra-cam__overlay {
	position: absolute; inset: 0;
	display: grid; place-items: center; gap: 6px;
	background: linear-gradient(180deg, rgba(11,18,32,0.7), rgba(11,18,32,0.92));
	color: #fff; font-size: var(--wcr-fs-13);
	text-align: center;
}
.wcr-extra-cam__overlay svg { color: var(--wcr-accent-500); margin-bottom: 4px; }
.wcr-extra-cam__live--off { background: var(--wcr-text-muted); }
.wcr-extra-cam__live--off::before { display: none; }
.wcr-extra-cam__head h3 a { color: inherit; }
.wcr-extra-cam__head h3 a:hover { color: var(--wcr-brand-500); text-decoration: none; }

/* ===== Mini map ===== */
.wcr-mini-map { margin-block: var(--wcr-s-8); }
.wcr-mini-map__head { display: flex; align-items: center; justify-content: space-between; gap: var(--wcr-s-3); flex-wrap: wrap; margin-bottom: var(--wcr-s-3); }
.wcr-mini-map__head h2 { font-size: var(--wcr-fs-18); margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.wcr-mini-map__head h2 svg { color: var(--wcr-brand-500); }
.wcr-mini-map__canvas { height: 360px; border-radius: var(--wcr-r-lg); overflow: hidden; box-shadow: var(--wcr-sh-md); background: var(--wcr-bg-muted); }

/* ===== Same-location slider ===== */
.wcr-same-loc { margin-block: var(--wcr-s-8); }
.wcr-same-loc-swiper { padding: var(--wcr-s-2) 0; position: relative; }
.wcr-same-loc-swiper .swiper-button-prev,
.wcr-same-loc-swiper .swiper-button-next {
	background: var(--wcr-surface); color: var(--wcr-text);
	width: 38px; height: 38px; border-radius: 50%;
	box-shadow: var(--wcr-sh-md); border: 1px solid var(--wcr-border);
	margin-top: -38px;
}
.wcr-same-loc-swiper .swiper-button-prev::after,
.wcr-same-loc-swiper .swiper-button-next::after { font-size: 14px; font-weight: 700; color: inherit; }

/* ===== Generic modal ===== */
.wcr-modal {
	position: fixed; inset: 0;
	z-index: calc(var(--wcr-z-modal) + 30);
	display: flex; align-items: center; justify-content: center;
	padding: var(--wcr-s-3);
	animation: wcrFadeIn .2s var(--wcr-ease);
}
.wcr-modal[hidden] { display: none; }
.wcr-modal__backdrop {
	position: absolute; inset: 0;
	background: rgba(15, 25, 35, 0.55);
	backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.wcr-modal__panel {
	position: relative; z-index: 1;
	background: var(--wcr-surface);
	border-radius: var(--wcr-r-xl);
	box-shadow: var(--wcr-sh-xl);
	max-width: min(520px, calc(100vw - var(--wcr-s-6)));
	width: 100%;
	max-height: calc(100vh - var(--wcr-s-6)); overflow-y: auto;
	padding: var(--wcr-s-4);
	animation: wcrSlideIn .22s var(--wcr-ease);
	box-sizing: border-box;
}
@media (min-width: 560px) { .wcr-modal__panel { padding: var(--wcr-s-6); } }

/* === Modale Foto/Video — wide variant === */
.wcr-modal__panel--wide { max-width: min(900px, calc(100vw - var(--wcr-s-6))); }
.wcr-modal__head {
	display: flex; align-items: center; gap: 10px;
	margin-bottom: var(--wcr-s-4);
	padding-bottom: var(--wcr-s-3);
	border-bottom: 1px solid var(--wcr-border-soft);
}
.wcr-modal__head svg { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-modal__head h3 {
	margin: 0; font-size: var(--wcr-fs-18); font-weight: var(--wcr-fw-semi);
}
.wcr-modal__head h3 small { color: var(--wcr-text-muted); font-weight: var(--wcr-fw-regular); margin-left: 4px; }
.wcr-modal__body { min-height: 200px; }

.wcr-photos-modal__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 8px;
}
@media (min-width: 560px) {
	.wcr-photos-modal__grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
}
.wcr-photos-modal__item {
	position: relative; display: block;
	aspect-ratio: 16/9;
	border-radius: 8px; overflow: hidden;
	background: var(--wcr-bg-muted);
	transition: transform .15s var(--wcr-ease);
}
.wcr-photos-modal__item:hover { transform: scale(1.03); }
.wcr-photos-modal__item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wcr-photos-modal__play {
	position: absolute; inset: 0; display: grid; place-items: center;
	background: rgba(0,0,0,0.30); color: #fff;
	transition: background .15s var(--wcr-ease);
}
.wcr-photos-modal__item--video:hover .wcr-photos-modal__play { background: rgba(0,0,0,0.50); }
.wcr-photos-modal__caption {
	position: absolute; bottom: 0; left: 0; right: 0;
	padding: 8px 10px;
	background: linear-gradient(transparent, rgba(0,0,0,0.7));
	color: #fff; font-size: 12px; font-weight: var(--wcr-fw-semi);
}

.wcr-modal__empty {
	text-align: center; padding: 50px 20px;
	color: var(--wcr-text-muted);
}
.wcr-modal__empty svg { color: var(--wcr-border); margin-bottom: 12px; }
.wcr-modal__empty h4 {
	margin: 0 0 6px; font-size: var(--wcr-fs-16);
	color: var(--wcr-text); font-weight: var(--wcr-fw-semi);
}
.wcr-modal__empty p { margin: 0; font-size: var(--wcr-fs-14); }

/* === Timelapse video gallery === */
.wcr-tl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.wcr-photos-modal__item.is-timelapse { border: 2px solid #0c7ad6; }
.wcr-tl-badge {
	position: absolute; top: 8px; left: 8px; z-index: 2;
	background: linear-gradient(135deg, #0c7ad6, #0a5fa0);
	color: #fff; font-size: 11px; font-weight: 700;
	padding: 4px 9px; border-radius: 4px;
	letter-spacing: 0.02em; box-shadow: 0 2px 6px rgba(12,122,214,0.4);
}
.wcr-tl-placeholder {
	width: 100%; aspect-ratio: 16/9; display: grid; place-items: center;
	background: linear-gradient(135deg, #1e293b, #0f172a); color: #64748b;
}
.wcr-photos-modal__item.is-timelapse .wcr-photos-modal__caption {
	background: linear-gradient(transparent, rgba(12,95,160,0.85));
}

/* Pip badge mic (number) lângă iconițe foto/video */
.wcr-mr-chip__pip {
	position: absolute; top: -3px; right: -3px;
	min-width: 16px; height: 16px; padding: 0 4px;
	background: var(--wcr-accent-500); color: #fff;
	border: 2px solid var(--wcr-bg);
	border-radius: 999px;
	font-size: 9px; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
	line-height: 1;
}
.wcr-mr-chip--icon { position: relative; }
.wcr-modal__close {
	position: absolute; top: 10px; right: 10px;
	width: 32px; height: 32px;
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft); border: 0;
	border-radius: 50%; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	z-index: 2;
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-modal__close:hover { background: var(--wcr-border); color: var(--wcr-text); }

/* ====================== Rating modal — refacut ====================== */
.wcr-rating-modal__panel { max-width: min(560px, calc(100vw - var(--wcr-s-6))); }
.wcr-rating-modal {
	display: flex; flex-direction: column;
	align-items: center; text-align: center;
	gap: var(--wcr-s-5);
	padding-right: var(--wcr-s-5); /* loc pentru butonul close absolute */
}

/* Coloana stânga: scor mare + stele indicator + voturi */
.wcr-rating-modal__score,
.wcr-rating-modal__big {
	display: flex; flex-direction: column; align-items: center;
	gap: var(--wcr-s-2);
	min-width: 130px;
	padding: var(--wcr-s-4);
	background: var(--wcr-bg-soft);
	border-radius: var(--wcr-r-md);
}
.wcr-rating-modal__avg {
	font-size: 2.8rem; font-weight: var(--wcr-fw-bold);
	color: var(--wcr-text); line-height: 1;
	font-feature-settings: "tnum" 1;
}
.wcr-rating-modal__avg-stars {
	display: inline-flex; gap: 1px;
}
.wcr-rating-modal__count {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: var(--wcr-fs-13); color: var(--wcr-text-muted);
}

/* Coloana dreapta: CTA + descriere + stele interactive */
.wcr-rating-modal__cta {
	flex: 1; min-width: 0;
}
.wcr-rating-modal__title {
	font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-bold);
	margin: 0 0 var(--wcr-s-2);
	color: var(--wcr-text);
}
.wcr-rating-modal__desc {
	font-size: var(--wcr-fs-13);
	color: var(--wcr-text-muted);
	line-height: 1.5;
	margin: 0 0 var(--wcr-s-3);
}
.wcr-rating-modal__feedback {
	margin: var(--wcr-s-3) 0 0;
	padding: var(--wcr-s-2) var(--wcr-s-3);
	border-radius: var(--wcr-r-sm);
	font-size: var(--wcr-fs-13); line-height: 1.4;
}
.wcr-rating-modal__feedback.is-warn {
	background: #fff4e5; color: #8a5300; border: 1px solid #ffd8a8;
}
.wcr-rating-modal__feedback.is-success {
	background: #e6f7ec; color: #166534; border: 1px solid #bbf7d0;
}
.wcr-rating-modal__hint {
	margin: var(--wcr-s-3) 0 0;
	display: inline-flex; align-items: center; gap: 6px;
	font-size: var(--wcr-fs-12); color: var(--wcr-text-muted);
}

@media (min-width: 560px) {
	.wcr-rating-modal { flex-direction: row; gap: var(--wcr-s-6); text-align: left; align-items: stretch; }
	.wcr-rating-modal__score,
	.wcr-rating-modal__big { align-items: center; justify-content: center; }
	.wcr-rating-modal__count { text-align: left; }
	.wcr-rating-modal__avg { font-size: 3rem; }
	.wcr-rating-modal__title { font-size: var(--wcr-fs-18); }
}

/* Star rating widget (RTL hover trick) */
.wcr-stars { display: inline-flex; direction: rtl; }
.wcr-stars input { position: absolute; opacity: 0; pointer-events: none; }
.wcr-stars label {
	cursor: pointer; padding: 0 2px; font-size: 32px; line-height: 1; color: var(--wcr-border);
	transition: color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-stars label:hover, .wcr-stars label:hover ~ label,
.wcr-stars input:checked ~ label { color: #f5b300; }
.wcr-stars label:hover { transform: scale(1.15); }
.wcr-stars[aria-readonly="true"] label,
.wcr-stars.is-voted label { cursor: default; }
.wcr-stars.is-voted label:hover { transform: none; }
.wcr-stars.is-voted input:checked ~ label { color: #f5b300; }
.wcr-stars.is-voted label:not(:hover) { opacity: 0.7; }

/* Weather modal — centered, hero temperature, balanced cells. */
.wcr-wx { padding-right: var(--wcr-s-5); /* room for the absolute close btn */ text-align: center; }
.wcr-wx__head h3 { margin: 0 0 var(--wcr-s-5); font-size: var(--wcr-fs-18); }
.wcr-wx__head h3 small { color: var(--wcr-text-muted); font-weight: var(--wcr-fw-regular); }
.wcr-wx__loading { color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); padding: var(--wcr-s-6) 0; text-align: center; }

.wcr-wx__main {
	display: flex; flex-direction: column; align-items: center;
	gap: var(--wcr-s-3);
	margin-bottom: var(--wcr-s-6);
}
.wcr-wx__icon-big {
	width: 96px; height: 96px;
	display: grid; place-items: center; flex-shrink: 0;
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.12), rgba(12, 122, 214, 0.02));
	border: 1px solid rgba(12, 122, 214, 0.18);
	border-radius: var(--wcr-r-xl);
	color: var(--wcr-brand-500);
	box-shadow: 0 8px 24px rgba(12, 122, 214, 0.10);
}
.wcr-wx__icon-big svg { width: 64px; height: 64px; stroke-width: 1.5; }
@media (min-width: 560px) {
	.wcr-wx__icon-big { width: 112px; height: 112px; }
	.wcr-wx__icon-big svg { width: 76px; height: 76px; }
}

.wcr-wx__temp {
	font-size: 4rem; font-weight: var(--wcr-fw-bold);
	line-height: 1; letter-spacing: -0.03em; color: var(--wcr-text);
}
@media (min-width: 560px) { .wcr-wx__temp { font-size: 5rem; } }
.wcr-wx__label { color: var(--wcr-text-soft); font-size: var(--wcr-fs-16); margin-top: 2px; }

.wcr-wx__grid { display: grid; grid-template-columns: 1fr; gap: var(--wcr-s-2); }
@media (min-width: 480px) { .wcr-wx__grid { grid-template-columns: repeat(2, 1fr); gap: var(--wcr-s-3); } }
.wcr-wx__cell {
	padding: var(--wcr-s-3);
	background: var(--wcr-bg-soft);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	display: flex; align-items: center; justify-content: center; gap: var(--wcr-s-3);
	min-width: 0; text-align: left;
	transition: border-color var(--wcr-dur) var(--wcr-ease), background var(--wcr-dur) var(--wcr-ease);
}
.wcr-wx__cell:hover { border-color: var(--wcr-brand-300); background: var(--wcr-surface); }
.wcr-wx__cell-icon {
	width: 36px; height: 36px;
	display: grid; place-items: center; flex-shrink: 0;
	background: rgba(12, 122, 214, 0.12);
	color: var(--wcr-brand-500);
	border-radius: var(--wcr-r-md);
}
.wcr-wx__cell-icon svg { width: 20px; height: 20px; }
.wcr-wx__cell strong { display: block; font-weight: var(--wcr-fw-semi); color: var(--wcr-text); font-size: var(--wcr-fs-15); line-height: 1.2; }
.wcr-wx__cell small { color: var(--wcr-text-muted); font-size: var(--wcr-fs-12); }
.wcr-wx__credit { margin: var(--wcr-s-4) 0 0; padding-top: var(--wcr-s-3); border-top: 1px solid var(--wcr-border-soft); font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); text-align: center; }

/* ===== Sidebar (related) ===== */
.wcr-sidebar { display: flex; flex-direction: column; gap: var(--wcr-s-6); }
.wcr-side-block { background: var(--wcr-surface); border: 1px solid var(--wcr-border-soft); border-radius: var(--wcr-r-lg); padding: var(--wcr-s-4); }
.wcr-side-block__title {
	font-size: var(--wcr-fs-13); text-transform: uppercase; letter-spacing: 0.06em;
	color: var(--wcr-text-muted); font-weight: var(--wcr-fw-bold);
	margin: 0 0 var(--wcr-s-4); display: inline-flex; align-items: center; gap: 6px;
}
.wcr-side-block__title svg { color: var(--wcr-brand-500); }
.wcr-side-list { display: flex; flex-direction: column; gap: var(--wcr-s-4); }

.wcr-mini-card { display: flex; flex-direction: column; }
.wcr-mini-card__media { position: relative; display: block; border-radius: var(--wcr-r-md); overflow: hidden; aspect-ratio: 16 / 9; background: var(--wcr-bg-muted); }
.wcr-mini-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--wcr-ease); }
.wcr-mini-card:hover .wcr-mini-card__media img { transform: scale(1.04); }
.wcr-mini-card__live {
	position: absolute; top: 6px; left: 6px;
	width: 8px; height: 8px; border-radius: 50%;
	background: var(--wcr-live);
	box-shadow: 0 0 0 2px rgba(255,255,255,0.7);
	animation: wcrPulse 1.5s var(--wcr-ease) infinite;
}
.wcr-mini-card__distance {
	position: absolute; bottom: 6px; right: 6px;
	display: inline-flex; align-items: center; gap: 3px;
	padding: 2px 7px; font-size: 11px; font-weight: var(--wcr-fw-semi);
	color: #fff; background: rgba(15, 25, 35, 0.78);
	border-radius: var(--wcr-r-pill);
	backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.wcr-mini-card__body { padding: var(--wcr-s-2) 0 0; }
.wcr-mini-card__title {
	font-size: var(--wcr-fs-14); font-weight: var(--wcr-fw-semi);
	line-height: 1.3; margin: 0 0 4px;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.wcr-mini-card__title a { color: var(--wcr-text); }
.wcr-mini-card__title a:hover { color: var(--wcr-brand-500); text-decoration: none; }
.wcr-mini-card__meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 11px; color: var(--wcr-text-muted); }
.wcr-mini-card__meta span { display: inline-flex; align-items: center; gap: 3px; }

/* ===== Hero ===== */
.wcr-hero {
	position: relative;
	padding: clamp(3rem, 8vw, 6rem) 0 clamp(2rem, 5vw, 4rem);
	text-align: center;
	background:
		radial-gradient(60% 80% at 50% 0%, rgba(12, 122, 214, 0.10), transparent 70%),
		linear-gradient(180deg, var(--wcr-bg) 0%, var(--wcr-bg-soft) 100%);
	overflow: hidden;
}
.wcr-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image:
		radial-gradient(circle at 10% 20%, rgba(12, 122, 214, 0.06), transparent 30%),
		radial-gradient(circle at 90% 70%, rgba(255, 91, 58, 0.05), transparent 30%);
	z-index: 0;
}
.wcr-hero > .wcr-container { position: relative; z-index: 1; }
.wcr-hero h1 { margin-bottom: var(--wcr-s-3); font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -0.02em; font-weight: 600; }
.wcr-hero p { font-size: clamp(var(--wcr-fs-16), 2vw, var(--wcr-fs-20)); color: var(--wcr-text-muted); max-width: 640px; margin-inline: auto; }

/* === Hero cu BACKGROUND SLIDER (4 fotografii rotative) === */
.wcr-hero--bg {
	min-height: clamp(380px, 55vh, 560px);
	padding: clamp(4rem, 10vw, 8rem) 0;
	background: #0a1828; /* fallback */
	color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.wcr-hero--bg::before { display: none; } /* Anulează gradient-ul vechi */

.wcr-hero__slides {
	position: absolute; inset: 0; overflow: hidden;
	z-index: 0;
}
.wcr-hero__slide {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	opacity: 0;
	transition: opacity 1.2s var(--wcr-ease);
	transform: scale(1.05);
}
.wcr-hero__slide.is-active {
	opacity: 1;
	animation: wcrKenBurns 8s linear forwards;
}
@keyframes wcrKenBurns {
	0%   { transform: scale(1.05); }
	100% { transform: scale(1.15); }
}

.wcr-hero__overlay {
	position: absolute; inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(8,18,32,0.45) 0%, rgba(8,18,32,0.65) 60%, rgba(8,18,32,0.85) 100%),
		radial-gradient(60% 70% at 50% 50%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
}

.wcr-hero__content { position: relative; z-index: 2; text-align: center; }

.wcr-hero--bg h1 {
	color: #fff;
	text-shadow: 0 2px 20px rgba(0,0,0,0.4);
	font-size: clamp(2rem, 6vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}
.wcr-hero--bg p {
	color: rgba(255,255,255,0.92);
	text-shadow: 0 1px 10px rgba(0,0,0,0.4);
}

/* Dots navigare jos */
.wcr-hero__dots {
	position: absolute; bottom: 24px; left: 0; right: 0;
	z-index: 3;
	display: flex; gap: 10px; justify-content: center;
}
.wcr-hero__dot {
	width: 32px; height: 4px;
	background: rgba(255,255,255,0.35);
	border: 0; padding: 0; border-radius: 999px;
	cursor: pointer;
	transition: background var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur) var(--wcr-ease);
}
.wcr-hero__dot:hover { background: rgba(255,255,255,0.6); }
.wcr-hero__dot.is-active { background: #fff; width: 48px; }

/* Search input pe hero cu background — fundal alb solid */
.wcr-hero--bg .wcr-search input {
	background: #fff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.30);
}

/* Search hero */
.wcr-search { max-width: 580px; width: 100%; margin: clamp(1.5rem, 4vw, var(--wcr-s-8)) auto 0; position: relative; padding: 0 var(--wcr-s-3); box-sizing: border-box; }
.wcr-search input {
	width: 100%; box-sizing: border-box;
	padding: 1rem 56px 1rem 1.5rem;
	border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-pill);
	background: var(--wcr-surface); color: var(--wcr-text);
	font-size: var(--wcr-fs-16); font-family: inherit;
	box-shadow: 0 12px 32px rgba(15, 25, 35, 0.10);
	transition: box-shadow var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease);
}
.wcr-search input:focus { outline: none; border-color: var(--wcr-brand-400); box-shadow: 0 0 0 4px rgba(12, 122, 214, 0.18), 0 12px 32px rgba(15, 25, 35, 0.12); }
.wcr-search button {
	position: absolute; right: calc(var(--wcr-s-3) + 6px); top: 50%; transform: translateY(-50%);
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--wcr-brand-500); color: #fff; border: 0; cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search button:hover { background: var(--wcr-brand-600); transform: translateY(-50%) scale(1.05); }
@media (min-width: 600px) {
	.wcr-search { padding: 0; }
	.wcr-search input { padding: 1.1rem 60px 1.1rem 1.75rem; }
	.wcr-search button { right: 8px; width: 48px; height: 48px; }
}

/* Archive hero */
.wcr-archive-hero {
	padding: clamp(2.5rem, 6vw, 4rem) 0 clamp(1.5rem, 3vw, 2.5rem);
	background:
		radial-gradient(40% 60% at 0% 0%, rgba(12, 122, 214, 0.08), transparent 70%),
		linear-gradient(180deg, var(--wcr-bg) 0%, var(--wcr-bg-soft) 100%);
	border-bottom: 1px solid var(--wcr-border-soft);
}
.wcr-archive-hero__title { font-size: clamp(1.75rem, 4vw, 2rem); margin: 0 0 var(--wcr-s-3); letter-spacing: -0.02em; }
.wcr-archive-hero__desc { color: var(--wcr-text-soft); font-size: var(--wcr-fs-15); margin: 0 0 var(--wcr-s-3); }
.wcr-archive-hero__meta { color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); margin: 0; }
.wcr-archive-hero__meta strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }
.wcr-archive-hero__cta {
	margin-top: var(--wcr-s-3);
	display: inline-flex; align-items: center; gap: 6px;
}

/* ════════════════════════════════════════════════════════════
 * Archive description — DISCRET, profesional, cu read-more toggle
 * ════════════════════════════════════════════════════════════ */
.wcr-archive-description {
	padding: 24px 0 28px;
	border-top: 1px solid #f1f5f9;
	background: transparent;
	scroll-margin-top: 80px;
}
.wcr-archive-description__title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 8px;
	letter-spacing: -0.005em;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: 12px;
}
.wcr-archive-description__body {
	max-width: 820px;
	font-size: 14px;
	line-height: 1.7;
	color: #64748b;
	position: relative;
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.wcr-archive-description__body p { margin: 0 0 10px; }
.wcr-archive-description__body p:first-child { margin-top: 0; }
.wcr-archive-description__body p:last-child { margin-bottom: 0; }
.wcr-archive-description__body strong { color: #334155; font-weight: 600; }

/* Collapsed state — fade gradient + max height */
.wcr-archive-description__body.is-collapsed {
	max-height: 110px;
}
.wcr-archive-description__body.is-collapsed::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 60px;
	background: linear-gradient(to bottom, transparent, var(--wcr-bg, #fff) 90%);
	pointer-events: none;
}

/* Read more button */
.wcr-readmore-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: transparent;
	border: 0;
	color: #0c7ad6;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 8px 0;
	margin-top: 6px;
	cursor: pointer;
	transition: color 0.15s ease;
}
.wcr-readmore-btn:hover { color: #0a5fa0; }
.wcr-readmore-btn svg {
	width: 12px; height: 12px;
	transition: transform 0.2s ease;
}
.wcr-readmore-btn.is-expanded svg {
	transform: rotate(180deg);
}

/* Section heading */
.wcr-section { padding-block: clamp(2rem, 5vw, var(--wcr-s-12)); }
.wcr-section__head {
	display: flex; align-items: center; justify-content: space-between;
	gap: var(--wcr-s-4); margin-bottom: 16px; flex-wrap: wrap;
	border-bottom: 1px solid #f1f5f9;
	padding-bottom: 8px;
}
.wcr-section__head h2 {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.wcr-section__head a {
	font-size: 12px; font-weight: 600;
	color: #64748b;
	text-transform: uppercase; letter-spacing: 0.04em;
	display: inline-flex; align-items: center; gap: 4px;
}
.wcr-section__head a:hover { color: var(--wcr-brand-500); text-decoration: none; }

/* ===== Search modal ===== */
/* === Search Modal — Pro Design === */
.wcr-search-modal {
	position: fixed; inset: 0;
	z-index: calc(var(--wcr-z-modal) + 50);
	display: flex; flex-direction: column;
	animation: wcrFadeIn .2s var(--wcr-ease);
}
.wcr-search-modal[hidden] { display: none; }
.wcr-search-modal__backdrop {
	position: absolute; inset: 0;
	background: rgba(8, 14, 24, 0.65);
	backdrop-filter: blur(8px) saturate(120%); -webkit-backdrop-filter: blur(8px) saturate(120%);
}
.wcr-search-modal__panel {
	position: relative; z-index: 1;
	width: min(720px, calc(100% - var(--wcr-s-4)));
	margin: clamp(2rem, 8vh, 5rem) auto 0;
	background: var(--wcr-surface);
	border-radius: 18px;
	box-shadow: 0 30px 80px rgba(0,0,0,0.30), 0 0 0 1px rgba(255,255,255,0.06);
	overflow: hidden;
	animation: wcrSlideIn .28s cubic-bezier(0.16, 1, 0.3, 1);
	max-height: 84vh; display: flex; flex-direction: column;
}

/* Header (input + close) */
.wcr-search-modal__head {
	border-bottom: 1px solid var(--wcr-border-soft);
	background: linear-gradient(180deg, var(--wcr-surface) 0%, var(--wcr-bg-muted) 100%);
}
.wcr-search-modal__form {
	display: flex; align-items: center; gap: var(--wcr-s-3);
	padding: 18px 22px;
}
.wcr-search-modal__icon { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-search-modal__form input {
	flex: 1; min-width: 0;
	padding: 5px 10px; border: 0; background: transparent;
	color: var(--wcr-text); font-size: var(--wcr-fs-14); font-weight: var(--wcr-fw-medium);
	font-family: inherit; outline: none;
	letter-spacing: -0.01em;
}
.wcr-search-modal__form input::placeholder { color: var(--wcr-text-muted); font-weight: var(--wcr-fw-regular); }
.wcr-search-modal__form input::-webkit-search-cancel-button { display: none; }

.wcr-search-modal__kbd {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border);
	border-radius: 8px; cursor: pointer; font-family: inherit;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-modal__kbd:hover { color: var(--wcr-text); border-color: var(--wcr-text-muted); }

.wcr-search-modal__close {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 6px 10px; flex-shrink: 0;
	background: transparent; border: 0; cursor: pointer;
}
.wcr-search-modal__close kbd {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 38px; height: 26px; padding: 0 8px;
	background: var(--wcr-bg-muted); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border); border-bottom-width: 2px;
	border-radius: 6px; font: 600 11px/1 var(--wcr-font-sans, inherit);
	letter-spacing: 0.04em;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-modal__close:hover kbd { color: var(--wcr-text); border-color: var(--wcr-text-muted); transform: translateY(-1px); }

/* Results scroll area */
.wcr-search-modal__results {
	overflow-y: auto; -webkit-overflow-scrolling: touch;
	padding: 16px 0; flex: 1;
	scrollbar-width: thin;
}
.wcr-search-modal__results::-webkit-scrollbar { width: 8px; }
.wcr-search-modal__results::-webkit-scrollbar-track { background: transparent; }
.wcr-search-modal__results::-webkit-scrollbar-thumb { background: var(--wcr-border); border-radius: 4px; }

/* Empty state — sectiuni cu sugestii */
.wcr-search-empty { padding: 8px 22px; }
.wcr-search-section { margin-bottom: 24px; }
.wcr-search-section:last-child { margin-bottom: 8px; }
.wcr-search-section__title {
	display: flex; align-items: center; gap: 6px;
	font-size: var(--wcr-fs-12); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text-muted); text-transform: uppercase;
	letter-spacing: 0.08em; margin: 0 0 10px;
}
.wcr-search-section__title svg { color: var(--wcr-brand-500); }

.wcr-search-quick-grid {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;
}
@media (min-width: 560px) {
	.wcr-search-quick-grid { grid-template-columns: repeat(4, 1fr); }
}
.wcr-search-quick-card {
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	padding: 16px 8px;
	background: var(--wcr-bg-muted);
	border: 1px solid var(--wcr-border-soft);
	border-radius: 12px;
	color: var(--wcr-text); text-decoration: none;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	text-align: center;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-quick-card svg { color: var(--wcr-brand-500); transition: transform var(--wcr-dur-fast) var(--wcr-ease); }
.wcr-search-quick-card:hover {
	background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500);
	transform: translateY(-2px); box-shadow: 0 6px 18px rgba(12, 122, 214, 0.25);
}
.wcr-search-quick-card:hover svg { color: #fff; transform: scale(1.1); }

.wcr-search-tags {
	display: flex; flex-wrap: wrap; gap: 6px;
}
.wcr-search-tag {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 12px;
	background: var(--wcr-bg-muted);
	border: 1px solid var(--wcr-border-soft);
	border-radius: 999px;
	color: var(--wcr-text-soft); text-decoration: none;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-tag__count {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 18px; padding: 0 5px; height: 16px;
	background: rgba(12, 122, 214, 0.12); color: var(--wcr-brand-500);
	border-radius: 8px;
	font-size: 10px; font-weight: var(--wcr-fw-bold);
}
.wcr-search-tag:hover {
	background: var(--wcr-brand-500); color: #fff; border-color: var(--wcr-brand-500);
	text-decoration: none; transform: translateY(-1px);
}
.wcr-search-tag:hover .wcr-search-tag__count { background: rgba(255,255,255,0.25); color: #fff; }

/* Recent searches */
.wcr-search-recent__clear {
	margin-left: auto; background: transparent; border: 0;
	color: var(--wcr-text-muted); font-size: 11px; cursor: pointer;
	text-transform: none; letter-spacing: 0;
	font-weight: var(--wcr-fw-medium);
}
.wcr-search-recent__clear:hover { color: var(--wcr-accent-500); }
.wcr-search-recent__list { display: flex; flex-wrap: wrap; gap: 6px; }
.wcr-search-recent-item {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 6px 12px;
	background: transparent;
	border: 1px solid var(--wcr-border);
	border-radius: 8px;
	color: var(--wcr-text-soft); text-decoration: none;
	font-size: var(--wcr-fs-13); cursor: pointer;
	font-family: inherit;
	transition: all var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-recent-item:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); border-color: var(--wcr-text-muted); }
.wcr-search-recent-item svg { color: var(--wcr-text-muted); }

/* Loading skeletons */
.wcr-search-loading { padding: 0 22px; }
.wcr-search-skeleton {
	height: 64px; margin-bottom: 8px;
	background: linear-gradient(90deg, var(--wcr-bg-muted) 0%, var(--wcr-border-soft) 50%, var(--wcr-bg-muted) 100%);
	background-size: 200% 100%;
	animation: wcrShimmer 1.4s infinite;
	border-radius: 10px;
}
@keyframes wcrShimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* No results */
.wcr-search-noresults {
	padding: 56px 22px; text-align: center;
	color: var(--wcr-text-muted);
}
.wcr-search-noresults svg { color: var(--wcr-border); margin-bottom: 12px; }
.wcr-search-noresults__title {
	font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text); margin: 0 0 4px;
}
.wcr-search-noresults__sub { font-size: var(--wcr-fs-13); margin: 0; }

/* Footer with keyboard hints */
.wcr-search-modal__foot {
	display: flex; align-items: center; gap: 16px;
	padding: 12px 22px;
	border-top: 1px solid var(--wcr-border-soft);
	background: var(--wcr-bg-muted);
	font-size: 11px; color: var(--wcr-text-muted);
}
.wcr-search-modal__hint-key {
	display: inline-flex; align-items: center; gap: 5px;
}
.wcr-search-modal__foot kbd {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 20px; height: 20px; padding: 0 5px;
	background: var(--wcr-surface); color: var(--wcr-text-soft);
	border: 1px solid var(--wcr-border); border-bottom-width: 2px;
	border-radius: 4px; font: 600 10px/1 var(--wcr-font-sans, inherit);
}
@media (max-width: 480px) {
	.wcr-search-modal__foot { gap: 10px; padding: 10px 16px; font-size: 10px; }
	.wcr-search-modal__hint-key:nth-child(2) { display: none; }
}

.wcr-search-result {
	display: grid; grid-template-columns: 64px 1fr auto; gap: var(--wcr-s-3); align-items: center;
	padding: var(--wcr-s-3) var(--wcr-s-4);
	border-radius: var(--wcr-r-md);
	color: var(--wcr-text); text-decoration: none;
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-search-result + .wcr-search-result { margin-top: 2px; }
.wcr-search-result:hover, .wcr-search-result.is-focused { background: var(--wcr-bg-muted); text-decoration: none; }
.wcr-search-result img, .wcr-search-result__nothumb {
	width: 64px; height: 48px; object-fit: cover; border-radius: var(--wcr-r-sm);
	background: var(--wcr-bg-muted);
}
.wcr-search-result__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wcr-search-result__title { font-size: var(--wcr-fs-15); font-weight: var(--wcr-fw-semi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wcr-search-result__title mark { background: rgba(245, 179, 0, 0.3); color: inherit; padding: 0 2px; border-radius: 2px; }
.wcr-search-result__loc { font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); display: flex; gap: 5px; align-items: center;}
.wcr-search-result__arrow { color: var(--wcr-text-muted); flex-shrink: 0; transition: transform var(--wcr-dur) var(--wcr-ease); }
.wcr-search-result:hover .wcr-search-result__arrow,
.wcr-search-result.is-focused .wcr-search-result__arrow { color: var(--wcr-brand-500); transform: translateX(3px); }

/* ===== Contact block ===== */
.wcr-contact-block {
	margin-block: var(--wcr-s-6);
	padding: var(--wcr-s-5);
	background: var(--wcr-bg-soft);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
}
.wcr-contact-block__title { margin: 0 0 var(--wcr-s-3); font-size: var(--wcr-fs-18); font-weight: var(--wcr-fw-semi); }
.wcr-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wcr-s-2); }
.wcr-contact-list li { display: flex; align-items: center; gap: var(--wcr-s-2); flex-wrap: wrap; font-size: var(--wcr-fs-14); color: var(--wcr-text-soft); }
.wcr-contact-list li svg { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-contact-list li strong { color: var(--wcr-text); font-weight: var(--wcr-fw-semi); }
.wcr-contact-list li a { color: var(--wcr-link); }

/* ===== Galleries (button + collapsible panel) ===== */
.wcr-gallery-bar { display: flex; flex-wrap: wrap; gap: var(--wcr-s-3); margin-block: var(--wcr-s-6); }
.wcr-gallery-btn {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 0.7rem 1.2rem 0.7rem 1rem;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md);
	color: var(--wcr-text); font-weight: var(--wcr-fw-semi); font-size: var(--wcr-fs-14);
	cursor: pointer; font-family: inherit;
	transition: background var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-gallery-btn:hover { background: var(--wcr-bg-muted); border-color: var(--wcr-brand-300); transform: translateY(-1px); }
.wcr-gallery-btn svg { color: var(--wcr-brand-500); }
.wcr-gallery-btn__badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 22px; height: 22px; padding: 0 6px;
	background: var(--wcr-brand-500); color: #fff;
	border-radius: var(--wcr-r-pill);
	font-size: 12px; font-weight: var(--wcr-fw-bold);
}

.wcr-gallery-panel {
	margin-block: var(--wcr-s-4); padding: var(--wcr-s-5);
	background: var(--wcr-bg-soft);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	animation: wcrFadeIn .25s var(--wcr-ease);
}
.wcr-gallery-panel__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--wcr-s-4); }
.wcr-gallery-panel__head h3 { margin: 0; font-size: var(--wcr-fs-18); }
.wcr-gallery-panel__count { color: var(--wcr-text-muted); font-weight: var(--wcr-fw-regular); }
.wcr-gallery-grid {
	display: grid; gap: var(--wcr-s-3);
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.wcr-gallery-item {
	position: relative; display: block; overflow: hidden;
	border-radius: var(--wcr-r-md); aspect-ratio: 16 / 10;
	background: var(--wcr-bg-muted);
}
.wcr-gallery-item img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform var(--wcr-dur-slow) var(--wcr-ease);
}
.wcr-gallery-item:hover img { transform: scale(1.06); }
.wcr-gallery-item--video::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
}
.wcr-gallery-play {
	position: absolute; inset: 0; display: grid; place-items: center;
	color: #fff; opacity: 0.9; pointer-events: none;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5));
}
.wcr-gallery-caption {
	position: absolute; left: var(--wcr-s-2); right: var(--wcr-s-2); bottom: var(--wcr-s-2);
	color: #fff; font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	text-shadow: 0 1px 2px rgba(0,0,0,0.6); z-index: 1;
}
.wcr-gallery-stub { position: absolute; inset: 0; background: linear-gradient(135deg, var(--wcr-brand-700), var(--wcr-brand-900)); }

/* ===== Comments ===== */
.wcr-comments {
	margin-top: var(--wcr-s-10);
	padding: var(--wcr-s-6);
	background: var(--wcr-bg-soft);
	border-radius: var(--wcr-r-lg);
}
.wcr-comments > h2 { font-size: var(--wcr-fs-20); margin: 0 0 var(--wcr-s-5); display: inline-flex; align-items: center; gap: 8px; }
.wcr-comments > h2::before { content: ""; width: 4px; height: 24px; border-radius: 2px; background: var(--wcr-brand-500); }
.wcr-comment-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--wcr-s-5); }
.wcr-comment-list li.comment, .wcr-comment-list li.pingback {
	background: var(--wcr-surface);
	padding: var(--wcr-s-4);
	border-radius: var(--wcr-r-md);
	border: 1px solid var(--wcr-border-soft);
}
.wcr-comment-list .children {
	list-style: none; margin: var(--wcr-s-4) 0 0; padding-left: var(--wcr-s-5);
	border-left: 2px solid var(--wcr-border-soft);
	display: flex; flex-direction: column; gap: var(--wcr-s-4);
}
.comment-author { display: flex; align-items: center; gap: var(--wcr-s-3); margin-bottom: var(--wcr-s-3); }
.comment-author img { border-radius: 50%; }
.comment-author .fn { font-weight: var(--wcr-fw-semi); color: var(--wcr-text); font-style: normal; }
.comment-author .fn a { color: inherit; }
.comment-meta { font-size: var(--wcr-fs-13); color: var(--wcr-text-muted); }
.comment-meta a { color: var(--wcr-text-muted); }
.comment-content { color: var(--wcr-text-soft); }
.comment-content p { margin: 0 0 var(--wcr-s-2); }
.comment-content p:last-child { margin-bottom: 0; }
.reply { margin-top: var(--wcr-s-3); }
.comment-reply-link {
	display: inline-flex; align-items: center; gap: 4px;
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	color: var(--wcr-brand-500); text-decoration: none;
	padding: 4px 10px; border-radius: var(--wcr-r-pill); background: rgba(12, 122, 214, 0.08);
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.comment-reply-link:hover { background: rgba(12, 122, 214, 0.16); text-decoration: none; }

#respond { margin-top: var(--wcr-s-6); padding: var(--wcr-s-5); background: var(--wcr-surface); border-radius: var(--wcr-r-md); border: 1px solid var(--wcr-border-soft); }
#reply-title { font-size: var(--wcr-fs-18); margin: 0 0 var(--wcr-s-4); }
.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: var(--wcr-s-3); }
.comment-form label { display: block; margin-bottom: 4px; font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium); color: var(--wcr-text-soft); }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%; padding: var(--wcr-s-3);
	background: var(--wcr-bg); color: var(--wcr-text);
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-md);
	font: inherit;
}
.comment-form input:focus, .comment-form textarea:focus { outline: none; border-color: var(--wcr-brand-400); box-shadow: var(--wcr-sh-focus); }
.comment-form textarea { min-height: 120px; resize: vertical; }
.form-submit { margin-top: var(--wcr-s-4); }
.form-submit input[type="submit"] {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 0.7rem 1.4rem;
	background: var(--wcr-brand-500); color: #fff; border: 0;
	border-radius: var(--wcr-r-md); font-weight: var(--wcr-fw-semi); font-size: var(--wcr-fs-14);
	cursor: pointer; box-shadow: 0 1px 2px rgba(12, 122, 214, 0.15);
	transition: background var(--wcr-dur) var(--wcr-ease), transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
}
.form-submit input[type="submit"]:hover { background: var(--wcr-brand-600); box-shadow: 0 6px 16px rgba(12, 122, 214, 0.30); transform: translateY(-1px); }

/* ===== Toast ===== */
.wcr-toast {
	position: fixed; bottom: var(--wcr-s-6); left: 50%;
	transform: translateX(-50%) translateY(120%);
	background: var(--wcr-text); color: var(--wcr-bg);
	padding: var(--wcr-s-3) var(--wcr-s-5);
	border-radius: var(--wcr-r-pill);
	font-size: var(--wcr-fs-14);
	z-index: var(--wcr-z-toast);
	transition: transform var(--wcr-dur) var(--wcr-ease);
	box-shadow: var(--wcr-sh-lg);
}
.wcr-toast.is-visible { transform: translateX(-50%) translateY(0); }

/* ===== Submit camera form ===== */
.wcr-alert {
	display: flex; gap: var(--wcr-s-3); align-items: flex-start;
	padding: var(--wcr-s-4) var(--wcr-s-5);
	border-radius: var(--wcr-r-md);
	margin-bottom: var(--wcr-s-6);
	border: 1px solid;
}
.wcr-alert svg { flex-shrink: 0; margin-top: 2px; }
.wcr-alert strong { display: block; margin-bottom: 2px; font-size: var(--wcr-fs-15); }
.wcr-alert p { margin: 0; font-size: var(--wcr-fs-14); }
.wcr-alert--ok  { background: rgba(21, 163, 107, 0.08); border-color: rgba(21, 163, 107, 0.3); color: #0c6a3d; }
.wcr-alert--ok svg { color: var(--wcr-success); }
.wcr-alert--err { background: rgba(212, 50, 28, 0.08); border-color: rgba(212, 50, 28, 0.3); color: #a52015; }
.wcr-alert--err svg { color: var(--wcr-danger); }

.wcr-submit-grid {
	display: grid; gap: var(--wcr-s-6);
	grid-template-columns: 1fr;
}
@media (min-width: 1000px) { .wcr-submit-grid { grid-template-columns: 280px minmax(0, 1fr); gap: var(--wcr-s-8); } }

.wcr-submit-sidebar {
	display: flex; flex-direction: column; gap: var(--wcr-s-4);
	order: 2;
}
@media (min-width: 1000px) { .wcr-submit-sidebar { order: 1; position: sticky; top: calc(var(--wcr-header-h) + 20px); align-self: start; } }

.wcr-submit-side-card {
	padding: var(--wcr-s-4);
	background: var(--wcr-bg-soft);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
}
.wcr-submit-side-card svg { color: var(--wcr-brand-500); margin-bottom: var(--wcr-s-2); }
.wcr-submit-side-card h3 { margin: 0 0 var(--wcr-s-3); font-size: var(--wcr-fs-15); }
.wcr-submit-side-card ul, .wcr-submit-side-card ol {
	margin: 0; padding-left: var(--wcr-s-4);
	font-size: var(--wcr-fs-13); color: var(--wcr-text-soft); line-height: 1.6;
}
.wcr-submit-side-card li { margin-bottom: 6px; }

.wcr-submit-form {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	padding: var(--wcr-s-5);
	order: 1;
}
@media (min-width: 1000px) { .wcr-submit-form { order: 2; padding: var(--wcr-s-6); } }

.wcr-submit-fs {
	border: 0; padding: 0; margin: 0 0 var(--wcr-s-6);
}
.wcr-submit-fs + .wcr-submit-fs { padding-top: var(--wcr-s-6); border-top: 1px solid var(--wcr-border-soft); }
.wcr-submit-fs legend {
	display: flex; align-items: center; gap: var(--wcr-s-2);
	font-size: var(--wcr-fs-18); font-weight: var(--wcr-fw-semi);
	color: var(--wcr-text); margin: 0 0 var(--wcr-s-4); padding: 0;
}
.wcr-submit-fs legend small { color: var(--wcr-text-muted); font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-regular); margin-left: 4px; }
.wcr-submit-step {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	background: var(--wcr-brand-500); color: #fff;
	border-radius: 50%; font-size: 13px; font-weight: var(--wcr-fw-bold);
}

.wcr-submit-row {
	display: grid; gap: var(--wcr-s-3);
	grid-template-columns: 1fr;
	margin-bottom: var(--wcr-s-3);
}
@media (min-width: 600px) { .wcr-submit-row { grid-template-columns: repeat(2, 1fr); } }

.wcr-submit-field {
	display: flex; flex-direction: column; gap: 6px;
	margin-bottom: var(--wcr-s-3);
}
.wcr-submit-field span {
	font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-medium);
	color: var(--wcr-text-soft);
}
.wcr-submit-field span em { color: var(--wcr-danger); font-style: normal; }
.wcr-submit-field input,
.wcr-submit-field textarea,
.wcr-submit-field select {
	width: 100%; box-sizing: border-box;
	padding: 0.7rem 0.9rem;
	background: var(--wcr-bg);
	border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-md);
	font: inherit; color: var(--wcr-text);
	transition: border-color var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-submit-field input:focus,
.wcr-submit-field textarea:focus,
.wcr-submit-field select:focus {
	outline: none; border-color: var(--wcr-brand-400);
	box-shadow: 0 0 0 3px rgba(12, 122, 214, 0.15);
}
.wcr-submit-field textarea { min-height: 100px; resize: vertical; }
.wcr-submit-field.is-invalid input,
.wcr-submit-field.is-invalid textarea,
.wcr-submit-field.is-invalid select {
	border-color: var(--wcr-danger);
	box-shadow: 0 0 0 3px rgba(212, 50, 28, 0.12);
}

.wcr-submit-hint {
	display: flex; gap: 6px; align-items: flex-start;
	margin: 8px 0 0; padding: 0;
	font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); line-height: 1.4;
}
.wcr-submit-hint svg { color: var(--wcr-text-muted); flex-shrink: 0; margin-top: 2px; }

.wcr-submit-agree {
	display: flex; gap: 10px; align-items: flex-start;
	padding: var(--wcr-s-3); margin: 0 0 var(--wcr-s-4);
	background: var(--wcr-bg-soft);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	font-size: var(--wcr-fs-14);
}
.wcr-submit-agree input { margin-top: 3px; }
.wcr-submit-agree.is-invalid { border-color: var(--wcr-danger); background: rgba(212, 50, 28, 0.05); }

.wcr-submit-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.wcr-btn--lg { padding: 0.95rem 1.6rem; font-size: var(--wcr-fs-15); }
.wcr-submit-actions__note { font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); margin: 0; }

/* ===== 3 options card on /adauga-camera/ ===== */
.wcr-add-options { margin-bottom: var(--wcr-s-8); }
.wcr-add-options__head { text-align: center; max-width: 640px; margin: 0 auto var(--wcr-s-5); }
.wcr-add-options__head h2 { font-size: var(--wcr-fs-24); margin: 0 0 var(--wcr-s-2); }
.wcr-add-options__head p { color: var(--wcr-text-muted); margin: 0; }
.wcr-add-options__grid {
	display: grid; gap: var(--wcr-s-4);
	grid-template-columns: 1fr;
}
@media (min-width: 700px) { .wcr-add-options__grid { grid-template-columns: repeat(3, 1fr); } }

.wcr-add-option {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	overflow: hidden;
	transition: transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease);
}
.wcr-add-option:hover { transform: translateY(-3px); box-shadow: var(--wcr-sh-md); }
.wcr-add-option__bar { height: 4px; }
.wcr-add-option header { font-size: var(--wcr-fs-16); font-weight: var(--wcr-fw-bold); color: var(--wcr-text); padding: var(--wcr-s-4) var(--wcr-s-4) 0; text-transform: uppercase; letter-spacing: 0.04em; }
.wcr-add-option p { padding: var(--wcr-s-2) var(--wcr-s-4); margin: 0; color: var(--wcr-text-soft); font-size: var(--wcr-fs-14); line-height: 1.5; }
.wcr-add-option .wcr-btn { margin: var(--wcr-s-3) var(--wcr-s-4) var(--wcr-s-4); }

.wcr-add-options__db {
	display: flex; align-items: center; gap: 6px; justify-content: center;
	margin: var(--wcr-s-5) 0 0;
	font-size: var(--wcr-fs-13); color: var(--wcr-text-muted);
}
.wcr-add-options__db svg { color: var(--wcr-brand-500); }
.wcr-add-options__db a { color: var(--wcr-brand-500); font-weight: var(--wcr-fw-semi); }

/* Stream tester */
.wcr-stream-tester {
	margin-bottom: var(--wcr-s-8);
	padding: var(--wcr-s-5);
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.04), rgba(255, 91, 58, 0.03));
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
}
.wcr-stream-tester header h2 { display: inline-flex; align-items: center; gap: 8px; font-size: var(--wcr-fs-18); margin: 0 0 var(--wcr-s-2); }
.wcr-stream-tester header h2 svg { color: var(--wcr-brand-500); }
.wcr-stream-tester header p { color: var(--wcr-text-soft); font-size: var(--wcr-fs-14); margin: 0 0 var(--wcr-s-3); }
.wcr-stream-tester__form { display: flex; flex-direction: column; gap: var(--wcr-s-2); }
@media (min-width: 600px) { .wcr-stream-tester__form { flex-direction: row; } }
.wcr-stream-tester__form input {
	flex: 1; min-width: 0;
	padding: 0.7rem 0.9rem;
	background: var(--wcr-bg); color: var(--wcr-text);
	border: 1px solid var(--wcr-border); border-radius: var(--wcr-r-md);
	font: inherit;
}
.wcr-stream-tester__form input:focus { outline: none; border-color: var(--wcr-brand-400); box-shadow: var(--wcr-sh-focus); }
.wcr-stream-tester__preview { margin-top: var(--wcr-s-4); }

/* ===== Brand database ===== */
.wcr-brands-grid {
	display: grid; gap: var(--wcr-s-4);
	grid-template-columns: 1fr;
	margin-bottom: var(--wcr-s-6);
}
@media (min-width: 600px)  { .wcr-brands-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .wcr-brands-grid { grid-template-columns: repeat(4, 1fr); } }

.wcr-brand-card {
	display: flex; flex-direction: column;
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	padding: var(--wcr-s-4);
	color: var(--wcr-text); text-decoration: none;
	transition: transform var(--wcr-dur-fast) var(--wcr-ease), box-shadow var(--wcr-dur) var(--wcr-ease), border-color var(--wcr-dur) var(--wcr-ease);
}
.wcr-brand-card:hover { transform: translateY(-3px); box-shadow: var(--wcr-sh-md); border-color: var(--brand-c); text-decoration: none; }
.wcr-brand-card__head { display: flex; align-items: center; gap: 8px; margin-bottom: var(--wcr-s-2); }
.wcr-brand-card__bar { width: 4px; height: 22px; background: var(--brand-c); border-radius: 2px; flex-shrink: 0; }
.wcr-brand-card__head h3 { margin: 0; font-size: var(--wcr-fs-16); color: var(--wcr-text); }
.wcr-brand-card p { color: var(--wcr-text-muted); font-size: var(--wcr-fs-13); line-height: 1.5; margin: 0 0 var(--wcr-s-3); flex: 1; }
.wcr-brand-card__stats { display: flex; gap: var(--wcr-s-3); font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); border-top: 1px solid var(--wcr-border-soft); padding-top: var(--wcr-s-3); }
.wcr-brand-card__stats strong { color: var(--brand-c); font-weight: var(--wcr-fw-bold); font-size: var(--wcr-fs-13); }

/* Search bar for models */
.wcr-models-search {
	display: flex; align-items: center; gap: var(--wcr-s-2);
	margin: var(--wcr-s-6) 0 var(--wcr-s-5);
	padding: var(--wcr-s-3) var(--wcr-s-4);
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border);
	border-radius: var(--wcr-r-pill);
	box-shadow: var(--wcr-sh-sm);
}
.wcr-models-search svg { color: var(--wcr-text-muted); flex-shrink: 0; }
.wcr-models-search input { flex: 1; min-width: 0; border: 0; background: transparent; outline: none; font: inherit; color: var(--wcr-text); padding: 4px 0; }
.wcr-models-search__count { color: var(--wcr-brand-500); font-size: var(--wcr-fs-13); font-weight: var(--wcr-fw-semi); flex-shrink: 0; }

/* Brand block (accordion of platforms) */
.wcr-brand-block { margin-bottom: var(--wcr-s-6); padding-top: var(--wcr-s-3); scroll-margin-top: calc(var(--wcr-header-h) + 20px); }
.wcr-brand-block__head { padding-left: var(--wcr-s-4); border-left: 4px solid var(--brand-c); margin-bottom: var(--wcr-s-4); }
.wcr-brand-block__head h2 { margin: 0; font-size: var(--wcr-fs-24); }
.wcr-brand-block__head p { margin: 4px 0 0; color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); }
.wcr-brand-block__platforms { display: flex; flex-direction: column; gap: var(--wcr-s-2); }

.wcr-platform {
	background: var(--wcr-surface);
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-md);
	overflow: hidden;
}
.wcr-platform[open] { border-color: var(--brand-c); }
.wcr-platform summary {
	display: flex; align-items: center; gap: var(--wcr-s-3);
	padding: var(--wcr-s-3) var(--wcr-s-4);
	cursor: pointer; list-style: none;
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-platform summary::-webkit-details-marker { display: none; }
.wcr-platform summary:hover { background: var(--wcr-bg-muted); }
.wcr-platform__name { font-weight: var(--wcr-fw-semi); color: var(--wcr-text); flex: 1; }
.wcr-platform__count { font-size: var(--wcr-fs-12); color: var(--wcr-text-muted); padding: 2px 8px; background: var(--wcr-bg-muted); border-radius: var(--wcr-r-pill); }
.wcr-platform__chevron { color: var(--wcr-text-muted); transition: transform var(--wcr-dur) var(--wcr-ease); }
.wcr-platform[open] .wcr-platform__chevron { transform: rotate(180deg); }
.wcr-platform__models {
	list-style: none; margin: 0; padding: var(--wcr-s-4);
	border-top: 1px solid var(--wcr-border-soft);
	display: grid; gap: 4px 12px;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.wcr-platform__models li {
	font-size: var(--wcr-fs-13); color: var(--wcr-text-soft);
	padding: 4px 8px; border-radius: var(--wcr-r-sm);
	transition: background var(--wcr-dur-fast) var(--wcr-ease);
}
.wcr-platform__models li:hover { background: var(--wcr-bg-muted); color: var(--wcr-text); }

.wcr-models-empty { padding: var(--wcr-s-6); text-align: center; color: var(--wcr-text-muted); background: var(--wcr-bg-soft); border-radius: var(--wcr-r-md); }

.wcr-camera-cta {
	margin-top: var(--wcr-s-8);
	padding: var(--wcr-s-5);
	background: linear-gradient(135deg, rgba(12, 122, 214, 0.06), rgba(255, 91, 58, 0.04));
	border: 1px solid var(--wcr-border-soft);
	border-radius: var(--wcr-r-lg);
	display: flex; flex-direction: column; gap: var(--wcr-s-3); align-items: center; text-align: center;
}
@media (min-width: 700px) { .wcr-camera-cta { flex-direction: row; text-align: left; } }
.wcr-camera-cta > svg { color: var(--wcr-brand-500); flex-shrink: 0; }
.wcr-camera-cta h3 { margin: 0 0 4px; font-size: var(--wcr-fs-18); }
.wcr-camera-cta p { margin: 0; color: var(--wcr-text-muted); font-size: var(--wcr-fs-14); }
.wcr-camera-cta div { flex: 1; }

/* ===== Empty states ===== */
.wcr-empty-state {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: var(--wcr-s-3); padding: clamp(3rem, 8vw, 6rem) var(--wcr-s-4);
	background: var(--wcr-bg-soft); border-radius: var(--wcr-r-lg);
	text-align: center;
}
.wcr-empty-state svg { color: var(--wcr-text-muted); opacity: 0.6; }
.wcr-empty-state__title { font-size: var(--wcr-fs-20); font-weight: var(--wcr-fw-semi); color: var(--wcr-text); margin: 0; }
.wcr-empty-state__desc { font-size: var(--wcr-fs-14); color: var(--wcr-text-muted); margin: 0 0 var(--wcr-s-2); max-width: 420px; }

/* ===== Utilities ===== */
[hidden] { display: none !important; }
.no-js .js-only { display: none !important; }
.js .no-js-only { display: none !important; }