/**
 * ✦ Vini100 Motion — glass + motion skin (balanced).
 * v2.69.0 — editorial: неоново зелено #b7ff18, виолетово #7257ff, Oswald / Inter / DM Mono.
 * v2.93.0 — без чисто черен фон: графит (#15171d) с виолетови/зелени светлини и меки форми.
 *
 * Философия на баланса:
 *  - Базовият фон е CSS-only gradient (без JS, без battery drain) → винаги хубаво.
 *  - Тежките слоеве (particles, blobs, cursor glow) се инжектират от companion JS
 *    само на desktop и само ако НЕ е prefers-reduced-motion.
 *  - Всичко уважава @media (prefers-reduced-motion: reduce).
 *  - Scope: body.mega-skin-vini100-motion → нулево изтичане към други skinове.
 *
 * Companion JS: assets/js/skin-vini100-motion.js
 */

body.mega-skin-vini100-motion {
	/* ── Palette ─────────────────────────────────────────── */
	--v100-bg:        #15171d;
	--v100-bg-2:      #111319;
	--v100-surface:   rgba(30, 33, 42, .72);
	--v100-ink:       #f4f2ed;
	--v100-muted:     #9a9a9a;
	--v100-muted-2:   #6b6b6b;
	--v100-line:      rgba(255, 255, 255, .12);
	--v100-line-2:    rgba(255, 255, 255, .06);
	--v100-gold:      #b7ff18;
	--v100-gold-2:    #7257ff;
	--v100-cyan:      #7257ff;
	--v100-violet:    #7257ff;

	--v100-glass:        linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.018));
	--v100-glass-strong: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
	--v100-glass-border: rgba(255, 255, 255, .13);
	--v100-glass-blur:   blur(26px) saturate(130%);

	--v100-r-sm: 2px;
	--v100-r-md: 2px;
	--v100-r-lg: 3px;
	--v100-r-xl: 4px;

	--v100-ease: cubic-bezier(.19, 1, .22, 1);

	/* ── Пребоядисай ВСИЧКИ темени цветови променливи ──────
	   КРИТИЧНО: темата дефинира тези на :root (wp_head priority 5).
	   Дефинирайки ги тук на body.mega-skin (по-специфично + наследяват се
	   от всички деца) → цялата тема минава в тъмно, БЕЗ !important, без
	   да се бием с динамичния CSS. Пропуснеш ли дори един → онази зона
	   остава светла (точно това счупи v2.47.0). */
	--mega-primary:        #b7ff18;
	--mega-primary-2:      #7257ff;
	--mega-primary-3:      #ff6b6b;
	--mega-accent:         #7257ff;
	--mega-text:           #f4f2ed;
	--mega-muted:          #9a9a9a;
	--mega-radius:         2px;

	/* Фонове */
	--mega-bg:             #15171d;
	--mega-content-bg:     rgba(255, 255, 255, .035);
	--mega-panel:          rgba(255, 255, 255, .05);
	--mega-border:         rgba(255, 255, 255, .12);

	/* Header / top bar / sticky */
	--mega-header-bg:      rgba(24, 26, 34, .55);
	--mega-header-border:  rgba(255, 255, 255, .06);
	--mega-sticky-bg:      rgba(24, 26, 34, .85);
	--mega-topbar-bg:      rgba(20, 22, 29, .6);
	--mega-topbar-text:    #9a9a9a;
	--mega-menu-color:     #d0d0cc;

	/* Submenu */
	--mega-submenu-bg:        rgba(29, 31, 40, .97);
	--mega-submenu-text:      #d0d0cc;
	--mega-submenu-hover-bg:  rgba(255, 255, 255, .06);

	/* Sidebar */
	--mega-sidebar-bg:     rgba(255, 255, 255, .04);

	/* Footer */
	--mega-footer-bg:      rgba(20, 22, 29, .55);
	--mega-footer-text:    #9a9a9a;
	--mega-footer-heading: #f4f2ed;
	--mega-footer-link:    #d0d0cc;
	--mega-bottom-bg:      rgba(16, 18, 24, .8);
	--mega-bottom-text:    #9a9a9a;

	/* Полета / форми */
	--mega-field-bg:       rgba(0, 0, 0, .25);
	--mega-field-text:     #ffffff;
	--mega-field-border:   rgba(255, 255, 255, .11);
	--mega-field-focus:    #b7ff18;

	/* Бутони */
	--mega-btn-bg:         #b7ff18;
	--mega-btn-text:       #08090b;
	--mega-btn-border:     rgba(255, 255, 255, .18);
	--mega-btn-hover-bg:   #7257ff;
	--mega-btn-hover-text: #08090b;

	/* Selection */
	--mega-sel-bg:         rgba(183, 255, 24, .3);
	--mega-sel-text:       #ffffff;

	/* ── Craftivo canvas променливи (начална/resume/портфолио) ──
	   craftivo-main.css ползва СОБСТВЕНА var система (не --mega-*).
	   По подразбиране е тъмна, но с червен accent. Пребоядисваме към
	   нашата палитра: злато accent + нашето тъмно + светъл текст. */
	/* v2.47.4 — полупрозрачно: motion сцената просветва под секциите.
	   .66 alpha + section blur пази контраста на текста. */
	--background-color:              rgba(24, 26, 34, .55);
	--default-color:                 #d0d0cc;
	--heading-color:                 #ffffff;
	--accent-color:                  #b7ff18;
	--surface-color:                 rgba(255, 255, 255, .045);
	--contrast-color:                #08090b;
	--nav-color:                     #d0d0cc;
	--nav-hover-color:               #b7ff18;
	--nav-dropdown-color:            #d0d0cc;
	--nav-dropdown-hover-color:      #b7ff18;
	--nav-mobile-background-color:   rgba(24, 26, 34, .97);
	--nav-dropdown-background-color: rgba(29, 31, 40, .98);

	background: var(--v100-bg);
	color: var(--v100-ink);
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* ═══════════════════════════════════════════════════════════════════
   SAFETY NET — гарантирай че НИКОГА няма светъл фон под светъл текст.
   Главните wrapper-и стават прозрачни → тъмният body се вижда. Хирургично:
   НЕ пипа glass картите (те имат собствен .mega-post / .v100-glass стил).
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion {
	/* v2.93.0 — графитена основа с дълбочина (не чисто черно); светлините и формите са в ::before / ::after. */
	background:
		linear-gradient(165deg, #1a1c24 0%, #14161c 38%, #16141f 70%, #121419 100%) fixed !important;
	color: #f4f2ed !important;
}
body.mega-skin-vini100-motion main,
body.mega-skin-vini100-motion .mega-page-wrap,
body.mega-skin-vini100-motion .mega-main-content,
body.mega-skin-vini100-motion .mega-content-grid,
body.mega-skin-vini100-motion .mega-main,
body.mega-skin-vini100-motion .mega-canvas-content,
body.mega-skin-vini100-motion .entry-content,
body.mega-skin-vini100-motion .mega-single,
body.mega-skin-vini100-motion .mega-archive,
body.mega-skin-vini100-motion #content,
body.mega-skin-vini100-motion .site-content {
	background: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════════
   AMBIENT BACKGROUND — CSS-only (без JS). Fixed зад цялото съдържание.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	background:
		radial-gradient(60vw 50vw at 88% -8%, rgba(114, 87, 255, .26), transparent 62%),
		radial-gradient(45vw 40vw at -6% 34%, rgba(183, 255, 24, .07), transparent 64%),
		radial-gradient(70vw 55vw at 30% 112%, rgba(114, 87, 255, .17), transparent 60%),
		radial-gradient(28vw 28vw at 62% 46%, rgba(255, 255, 255, .025), transparent 70%);
}

/* Фин noise/vignette слой за дълбочина. */
body.mega-skin-vini100-motion::after {
	content: '';
	position: fixed;
	inset: 0;
	z-index: -2;
	pointer-events: none;
	/* меки форми: два тънки кръга и диагонална светла лента + лека винетка */
	background:
		radial-gradient(circle at 82% 22%, transparent 0 21vw, rgba(255, 255, 255, .055) calc(21vw + 1px), transparent calc(21vw + 2px)),
		radial-gradient(circle at 10% 86%, transparent 0 15vw, rgba(183, 255, 24, .07) calc(15vw + 1px), transparent calc(15vw + 2px)),
		linear-gradient(118deg, transparent 0 42%, rgba(114, 87, 255, .05) 50%, transparent 58%),
		radial-gradient(circle at 50% 50%, transparent 60%, rgba(10, 11, 16, .28));
}

/* ═══════════════════════════════════════════════════════════════════
   MOTION SCENE — многослоен parallax (JS строи DOM-а; parallax през vars).
   Всеки слой има --d (depth). JS пише --px/--py (cursor) и --sy (scroll)
   на .v100-scene; слоевете се транслират ∝ дълбочината си. Автономната
   анимация живее на ДЕЦАТА (композира се с parallax transform-а на слоя).
   Светлините са cyan/violet/бяло + леко злато (по спецификация).
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .v100-scene {
	position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
	perspective: 900px;
	--px: 0px; --py: 0px; --sy: 0px;
}
body.mega-skin-vini100-motion .v100-layer {
	position: absolute; inset: -12%;
	will-change: transform; /* transform-а се пише от JS (parallax) — по-надеждно от CSS calc. */
}

/* (далечен) 3D grid plane */
.v100-grid-plane {
	position: absolute; inset: -60% -25% -25%;
	background-image:
		linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	background-size: 82px 82px;
	transform: perspective(600px) rotateX(62deg) translateY(-10%);
	animation: v100-grid 22s linear infinite; opacity: .55;
}
@keyframes v100-grid { to { background-position: 0 820px; } }

/* движещи се светлини — различни durations (9/14/17/20s) */
.v100-light { position: absolute; border-radius: 50%; filter: blur(80px); mix-blend-mode: screen; }
.v100-light.cyan   { width: 460px; height: 460px; background: #4b37c9; left: -8%; top: 10%;   opacity: .30; animation: v100-l1 14s ease-in-out infinite alternate; }
.v100-light.violet { width: 420px; height: 420px; background: #5a43e0; right: -6%; top: 40%;  opacity: .26; animation: v100-l2 20s ease-in-out infinite alternate; }
.v100-light.white  { width: 300px; height: 300px; background: #cfe8ff; left: 42%; bottom: -14%; opacity: .14; animation: v100-l3 9s  ease-in-out infinite alternate; }
.v100-light.gold   { width: 250px; height: 250px; background: #9fe000; left: 10%; bottom: 8%;  opacity: .11; animation: v100-l4 17s ease-in-out infinite alternate; }
@keyframes v100-l1 { to { transform: translate(120px, 80px) scale(1.15); } }
@keyframes v100-l2 { to { transform: translate(-110px, -70px) scale(1.2); } }
@keyframes v100-l3 { to { transform: translate(60px, -90px) scale(1.1); } }
@keyframes v100-l4 { to { transform: translate(-70px, 40px) scale(1.12); } }

/* metallic / light ribbons */
.v100-ribbon { position: absolute; border-radius: 50%; border: 22px solid rgba(255,255,255,.035);
	box-shadow: inset 0 0 18px rgba(255,255,255,.07), 0 0 24px rgba(114, 87, 255,.05); }
.v100-ribbon::after { content:''; position:absolute; inset:-16px; border-radius:50%; border:2px solid rgba(114, 87, 255,.15); filter: blur(3px); }
.v100-ribbon.r1 { width: 1000px; height: 440px; left: 6%;  top: 8%;    transform: rotate(-22deg); animation: v100-rb1 19s ease-in-out infinite alternate; }
.v100-ribbon.r2 { width: 860px;  height: 360px; right: -4%; top: 34%;   transform: rotate(28deg); border-color: rgba(160,120,255,.05); animation: v100-rb2 24s ease-in-out infinite alternate; }
.v100-ribbon.r3 { width: 760px;  height: 320px; left: 20%; bottom: -6%; transform: rotate(-32deg); border-width: 16px; animation: v100-rb3 28s ease-in-out infinite alternate; }
@keyframes v100-rb1 { to { transform: rotate(-12deg) translate(90px,60px)  scale(1.12); } }
@keyframes v100-rb2 { to { transform: rotate(40deg)  translate(-110px,-80px) scale(1.16); } }
@keyframes v100-rb3 { to { transform: rotate(-22deg) translate(140px,-60px) scale(1.14); } }

/* орбитални пръстени (hero accent, вдясно) */
.v100-orbits { position: absolute; right: 7%; top: 16%; width: 420px; height: 420px; transform-style: preserve-3d; opacity: .5; }
.v100-orbits .ring { position: absolute; inset: 0; border: 1px solid rgba(114, 87, 255,.18); border-radius: 50%; }
.v100-orbits .ring:nth-child(2) { inset: 50px; border-color: rgba(160,120,255,.15); animation-direction: reverse !important; }
.v100-orbits .ring:nth-child(3) { inset: 100px; border-color: rgba(255,255,255,.12); }
.v100-orbits .ring:nth-child(1) { transform: rotateX(68deg) rotateZ(25deg);  animation: v100-orbit 16s linear infinite; }
.v100-orbits .ring:nth-child(2) { transform: rotateX(68deg) rotateZ(-35deg); animation: v100-orbit 12s linear infinite; }
.v100-orbits .ring:nth-child(3) { transform: rotateY(70deg) rotateZ(15deg);  animation: v100-orbit 9s  linear infinite; }
@keyframes v100-orbit { to { transform: rotateX(68deg) rotateZ(385deg); } }

/* particles */
.v100-scene .v100-particle { position:absolute; width:2px; height:2px; border-radius:50%; background:#fff; box-shadow:0 0 12px rgba(255,255,255,.8); animation: v100-float linear infinite; }
@keyframes v100-float { 0%{transform:translateY(110vh);opacity:0} 15%{opacity:.8} 85%{opacity:.5} 100%{transform:translateY(-10vh);opacity:0} }

.v100-cursor-glow {
	position: fixed; z-index: -1; width: 300px; height: 300px; border-radius: 50%;
	pointer-events: none; transform: translate(-50%, -50%);
	background: radial-gradient(circle, rgba(114, 87, 255, .08), transparent 65%);
	mix-blend-mode: screen; opacity: 0; transition: opacity .3s;
}

/* ═══════════════════════════════════════════════════════════════════
   TYPOGRAPHY
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion h1,
body.mega-skin-vini100-motion h2,
body.mega-skin-vini100-motion h3,
body.mega-skin-vini100-motion h4:not(.mve *) {
	color: var(--v100-ink);
	letter-spacing: -.035em;
	line-height: 1.05;
	font-weight: 700;
}
/* :not(.mve *) — патерните „✦ VINI100 Editorial“ носят собствена типография; skin-ът не я пипа. */
body.mega-skin-vini100-motion h1:not(.mve *) { letter-spacing: -.055em; }
body.mega-skin-vini100-motion p:not(.mve *) { color: var(--v100-muted); line-height: 1.7; }
body.mega-skin-vini100-motion a:not(.mve *) { color: #d8dee7; text-decoration: none; transition: color .25s; }
body.mega-skin-vini100-motion a:not(.mve *):hover { color: var(--v100-gold); }
body.mega-skin-vini100-motion ::selection { background: rgba(183, 255, 24, .3); color: #fff; }

/* ═══════════════════════════════════════════════════════════════════
   HEADER — glass, blur, sticky-friendly
   ═══════════════════════════════════════════════════════════════════ */
/* #header — Craftivo/canvas layout дава на header-а id="header".
   ID селектор (1,0,0) бие class-а ми → затова !important + #header изрично. */
body.mega-skin-vini100-motion .mega-header,
body.mega-skin-vini100-motion #header,
body.mega-skin-vini100-motion .mega-top-bar {
	background: var(--mega-header-bg) !important;
	backdrop-filter: var(--v100-glass-blur);
	-webkit-backdrop-filter: var(--v100-glass-blur);
	border-bottom: 1px solid var(--v100-line-2) !important;
}
body.mega-skin-vini100-motion .mega-site-title { color: var(--v100-ink); font-weight: 800; letter-spacing: .02em; }
body.mega-skin-vini100-motion .mega-tagline { color: var(--v100-muted); }
body.mega-skin-vini100-motion .mega-nav a,
body.mega-skin-vini100-motion .mega-menu a { color: #d0d0cc; }
body.mega-skin-vini100-motion .mega-nav a:hover,
body.mega-skin-vini100-motion .mega-menu a:hover { color: var(--v100-gold); }
body.mega-skin-vini100-motion.mega-scrolled .mega-header,
body.mega-skin-vini100-motion.mega-scrolled #header {
	background: rgba(24, 26, 34, .85) !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}

/* ═══════════════════════════════════════════════════════════════════
   CONTENT с ХАРДКОДНАТИ inline фонове — glass-ни ги.
   Ръчно построени pattern-и (contact, CTA и т.н.) имат inline
   style="background:#faf5ef" / white карти. Inline бие външен CSS, затова
   stylesheet !important. Таргетираме САМО solid-color inline фонове (не
   background:url(...) снимки). Светлият текст вътре става четим на тъмно.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-main-content [style*="background:#"],
body.mega-skin-vini100-motion .mega-main-content [style*="background: #"],
body.mega-skin-vini100-motion .mega-main-content [style*="background:rgb"],
body.mega-skin-vini100-motion .mega-main-content [style*="background: rgb"],
body.mega-skin-vini100-motion .mega-main-content [style*="background-color"],
body.mega-skin-vini100-motion .entry-content [style*="background:#"],
body.mega-skin-vini100-motion .entry-content [style*="background: #"],
body.mega-skin-vini100-motion .entry-content [style*="background:rgb"],
body.mega-skin-vini100-motion .entry-content [style*="background: rgb"],
body.mega-skin-vini100-motion .entry-content [style*="background-color"],
body.mega-skin-vini100-motion .mega-canvas-content [style*="background:#"],
body.mega-skin-vini100-motion .mega-canvas-content [style*="background: #"],
body.mega-skin-vini100-motion .mega-canvas-content [style*="background:rgb"],
body.mega-skin-vini100-motion .mega-canvas-content [style*="background: rgb"],
body.mega-skin-vini100-motion .mega-canvas-content [style*="background-color"] {
	background: var(--v100-glass) !important;
	backdrop-filter: var(--v100-glass-blur);
	-webkit-backdrop-filter: var(--v100-glass-blur);
	border: 1px solid var(--v100-glass-border) !important;
	border-radius: var(--v100-r-lg);
	/* v2.64.1 — светлият фон става тъмно стъкло → и собственият inline текст става светъл (бутони с background:#fff;color:#1f1a15) */
	color: var(--v100-ink) !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08);
}
/* Тъмни inline фонове в съдържанието ги остави (не ги светли) — само текста светъл. */
body.mega-skin-vini100-motion .mega-main-content [style*="background"] :is(h1,h2,h3,h4,h5,h6),
body.mega-skin-vini100-motion .entry-content [style*="background"] :is(h1,h2,h3,h4,h5,h6),
body.mega-skin-vini100-motion .mega-canvas-content [style*="background"] :is(h1,h2,h3,h4,h5,h6) {
	color: var(--v100-ink);
}

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS — gold gradient + glass secondary
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-btn,
body.mega-skin-vini100-motion .wp-block-button__link,
body.mega-skin-vini100-motion button.mega-btn,
body.mega-skin-vini100-motion .v100-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 24px;
	border-radius: var(--v100-r-sm);
	border: 1px solid rgba(255, 255, 255, .18);
	background: linear-gradient(110deg, var(--v100-gold), var(--v100-gold-2), var(--v100-gold));
	background-size: 200% 100%;
	color: #08090b;
	font-weight: 800;
	cursor: pointer;
	transition: transform .3s var(--v100-ease), box-shadow .3s var(--v100-ease);
	box-shadow: 0 12px 35px rgba(183, 255, 24, .18), inset 0 1px 0 rgba(255, 255, 255, .45);
}
body.mega-skin-vini100-motion .mega-btn:hover,
body.mega-skin-vini100-motion .wp-block-button__link:hover,
body.mega-skin-vini100-motion .v100-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 45px rgba(183, 255, 24, .3);
}
body.mega-skin-vini100-motion .v100-btn--ghost {
	background: rgba(255, 255, 255, .045);
	color: #dce1e7;
	box-shadow: none;
}
body.mega-skin-vini100-motion .v100-btn--ghost:hover { background: rgba(255, 255, 255, .09); }

/* ═══════════════════════════════════════════════════════════════════
   GLASS SURFACES — posts, cards, sidebar, widgets, forms
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-post,
body.mega-skin-vini100-motion .mega-sidebar-area,
body.mega-skin-vini100-motion .wp-block-group.has-background,
body.mega-skin-vini100-motion .v100-glass {
	background: var(--v100-glass);
	backdrop-filter: var(--v100-glass-blur);
	-webkit-backdrop-filter: var(--v100-glass-blur);
	border: 1px solid var(--v100-glass-border);
	border-radius: var(--v100-r-lg);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .09);
	color: var(--v100-ink);
}
body.mega-skin-vini100-motion .mega-post { transition: transform .4s var(--v100-ease), box-shadow .4s var(--v100-ease), border-color .4s; }
body.mega-skin-vini100-motion .mega-post:hover {
	transform: translateY(-6px);
	border-color: rgba(183, 255, 24, .3);
	box-shadow: 0 40px 100px rgba(0, 0, 0, .5), 0 0 50px rgba(183, 255, 24, .06);
}
body.mega-skin-vini100-motion .mega-post-title a,
body.mega-skin-vini100-motion .mega-entry-title { color: var(--v100-ink); }
body.mega-skin-vini100-motion .mega-excerpt,
body.mega-skin-vini100-motion .mega-post-meta { color: var(--v100-muted); }

/* ═══════════════════════════════════════════════════════════════════
   v2.47.5 — BLOG КАРТИ (grid + archive): glass, full-bleed thumb,
   default placeholder, clickable, hover zoom. Професионален вид.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-loop,
body.mega-skin-vini100-motion .mega-archive-grid {
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 30px;
}
body.mega-skin-vini100-motion .mega-post,
body.mega-skin-vini100-motion .mega-archive-card {
	background: var(--v100-glass);
	border: 1px solid var(--v100-glass-border);
	border-radius: var(--v100-r-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding: 0;                         /* media-та е full-bleed; отстъпът е в .body */
	color: var(--v100-ink);
}
/* Media зона — top rounded, full-bleed */
body.mega-skin-vini100-motion .mega-post-thumb,
body.mega-skin-vini100-motion .mega-archive-thumb {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	background: rgba(255, 255, 255, .03);
}
body.mega-skin-vini100-motion .mega-archive-thumb img,
body.mega-skin-vini100-motion .mega-post-thumb img {
	width: 100%; height: 100%; object-fit: cover; display: block;
	transition: transform .6s var(--v100-ease);
}
body.mega-skin-vini100-motion .mega-post:hover .mega-post-thumb img,
body.mega-skin-vini100-motion .mega-archive-card:hover .mega-archive-thumb img { transform: scale(1.06); }

/* Default placeholder — тъмна glass плочка + златна икона (вместо светло сиво) */
body.mega-skin-vini100-motion .mega-thumb-fallback {
	background:
		radial-gradient(130% 120% at 22% 0%, hsla(var(--mega-fb-hue,210), 80%, 60%, .16), transparent 60%),
		linear-gradient(140deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
		var(--v100-bg);
	color: var(--v100-gold);
}
body.mega-skin-vini100-motion .mega-thumb-fallback::after {
	content: ""; position: absolute; inset: 0;
	background: radial-gradient(80% 60% at 50% 120%, rgba(183, 255, 24,.10), transparent 60%);
}
body.mega-skin-vini100-motion .mega-thumb-fallback__icon { opacity: .75; }
body.mega-skin-vini100-motion .mega-thumb-fallback__ch { color: #fff; opacity: .12; }

/* Body + chips + meta + more */
body.mega-skin-vini100-motion .mega-post-body,
body.mega-skin-vini100-motion .mega-archive-body { padding: 22px; gap: 11px; }
body.mega-skin-vini100-motion .mega-post-title,
body.mega-skin-vini100-motion .mega-archive-title { font-size: 1.22rem; line-height: 1.3; margin: 0; }
body.mega-skin-vini100-motion .mega-post-title a,
body.mega-skin-vini100-motion .mega-archive-title a { color: var(--v100-ink); }
body.mega-skin-vini100-motion .mega-post:hover .mega-post-title a,
body.mega-skin-vini100-motion .mega-archive-card:hover .mega-archive-title a { color: var(--v100-gold); }
body.mega-skin-vini100-motion .mega-post-meta,
body.mega-skin-vini100-motion .mega-archive-meta { color: var(--v100-muted-2); font-size: .82rem; }
body.mega-skin-vini100-motion .mega-post-more,
body.mega-skin-vini100-motion .mega-archive-more {
	margin-top: auto; color: var(--v100-gold); font-weight: 700; font-size: .9rem; text-decoration: none;
}
/* Cat chips над stretched link-а */
body.mega-skin-vini100-motion .mega-cat-chip {
	position: relative; z-index: 2;
	background: rgba(183, 255, 24, .12);
	border: 1px solid rgba(183, 255, 24, .25);
	color: var(--v100-gold);
	border-radius: 100px; padding: 4px 11px; font-size: .72rem; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
}
body.mega-skin-vini100-motion .mega-cat-chip:hover { background: rgba(183, 255, 24, .2); }

/* ═══════════════════════════════════════════════════════════════════
   v2.47.5 — DARA page-builder съдържание в публикация/страница, когато
   собствените му assets НЕ са заредени (single post). Гарантира четимост
   на тъмната тема: hero с тъмна основа, бутони винаги контрастни.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .dara-hero {
	background:
		radial-gradient(120% 90% at 50% -10%, rgba(116,67,184,.22), transparent 60%),
		linear-gradient(135deg, #1d2030 0%, #171923 60%, #15171d 100%) !important;
	border-radius: var(--v100-r-lg);
	overflow: hidden;
}
body.mega-skin-vini100-motion .dara-hero__title,
body.mega-skin-vini100-motion .dara-hero__desc,
body.mega-skin-vini100-motion .dara-hero__eyebrow { color: #fff; }
body.mega-skin-vini100-motion .dara-hero__desc { color: #d0d0cc; }

/* Dara бутони — винаги контрастни (primary = gold, light/outline = четими) */
body.mega-skin-vini100-motion .dara-btn,
body.mega-skin-vini100-motion .dara-btn--dark {
	background: linear-gradient(110deg, var(--v100-gold), var(--v100-gold-2)) !important;
	color: #08090b !important;
	border: 0 !important;
	font-weight: 800;
	box-shadow: 0 12px 34px rgba(183, 255, 24,.18);
}
body.mega-skin-vini100-motion .dara-btn--light {
	background: rgba(255,255,255,.95) !important;
	color: #141414 !important;
	border: 0 !important;
}
body.mega-skin-vini100-motion .dara-btn--outline {
	background: rgba(255,255,255,.06) !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.6) !important;
}

/* Form fields */
body.mega-skin-vini100-motion input[type="text"],
body.mega-skin-vini100-motion input[type="email"],
body.mega-skin-vini100-motion input[type="url"],
body.mega-skin-vini100-motion input[type="search"],
body.mega-skin-vini100-motion input[type="password"],
body.mega-skin-vini100-motion input[type="number"],
body.mega-skin-vini100-motion textarea,
body.mega-skin-vini100-motion select {
	background: rgba(0, 0, 0, .25);
	border: 1px solid rgba(255, 255, 255, .11);
	border-radius: var(--v100-r-sm);
	color: #fff;
	padding: 13px 16px;
	transition: border-color .3s, box-shadow .3s, background .3s;
	color-scheme: dark; /* native dropdown list → тъмен, не светло-сив */
}
/* Отворен native <select> списък — тъмни опции (фикс на грозния светъл dropdown) */
body.mega-skin-vini100-motion select option,
body.mega-skin-vini100-motion select optgroup {
	background: #1d2029;
	color: #f4f2ed;
}
body.mega-skin-vini100-motion input::placeholder,
body.mega-skin-vini100-motion textarea::placeholder { color: #667180; }
body.mega-skin-vini100-motion input:focus,
body.mega-skin-vini100-motion textarea:focus,
body.mega-skin-vini100-motion select:focus {
	outline: 0;
	border-color: rgba(183, 255, 24, .65);
	box-shadow: 0 0 0 3px rgba(183, 255, 24, .08), 0 0 30px rgba(183, 255, 24, .07);
	background: rgba(0, 0, 0, .33);
}

/* ═══════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-footer,
body.mega-skin-vini100-motion .mega-footer-bottom {
	background: rgba(5, 7, 10, .6);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-top: 1px solid var(--v100-line-2);
	color: var(--v100-muted);
}
body.mega-skin-vini100-motion .mega-footer a { color: #d0d0cc; }
body.mega-skin-vini100-motion .mega-footer a:hover { color: var(--v100-gold); }

/* v2.56.0 — колоните на футъра са стъклени карти, като джаджите в сайдбара. */
body.mega-skin-vini100-motion .mega-footer .mega-footer-cols { align-items: start; }
body.mega-skin-vini100-motion .mega-footer .mega-footer-col:not(.mega-footer-col--empty) {
	background: var(--v100-glass);
	border: 1px solid var(--v100-glass-border);
	border-radius: var(--v100-r-lg);
	padding: 22px 22px 20px;
	backdrop-filter: var(--v100-glass-blur);
	-webkit-backdrop-filter: var(--v100-glass-blur);
	box-shadow: 0 30px 80px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
	transition: transform .4s var(--v100-ease), border-color .4s;
}
body.mega-skin-vini100-motion .mega-footer .mega-footer-col:not(.mega-footer-col--empty):hover {
	transform: translateY(-4px); border-color: rgba(183, 255, 24, .35);
}
body.mega-skin-vini100-motion .mega-footer .widget { margin: 0 0 16px; }
body.mega-skin-vini100-motion .mega-footer .widget:last-child { margin-bottom: 0; }
body.mega-skin-vini100-motion .mega-footer .widget-title,
body.mega-skin-vini100-motion .mega-footer .widgettitle,
body.mega-skin-vini100-motion .mega-footer .wp-block-heading,
body.mega-skin-vini100-motion .mega-footer .wp-block-site-title {
	display: flex; align-items: center; gap: 9px;
	font-size: 1.02rem; font-weight: 800; margin: 0 0 14px; color: var(--v100-ink);
}
body.mega-skin-vini100-motion .mega-footer .widget-title::before,
body.mega-skin-vini100-motion .mega-footer .widgettitle::before,
body.mega-skin-vini100-motion .mega-footer .wp-block-heading::before,
body.mega-skin-vini100-motion .mega-footer .wp-block-site-title::before {
	content: ""; width: 4px; height: 17px; border-radius: 3px; flex: 0 0 4px;
	background: linear-gradient(var(--v100-gold), var(--v100-gold-2));
}
body.mega-skin-vini100-motion .mega-footer .wp-block-site-title a { color: var(--v100-ink); text-decoration: none; }
body.mega-skin-vini100-motion .mega-footer p { color: var(--v100-muted); }
body.mega-skin-vini100-motion .mega-footer .widget ul { list-style: none; margin: 0; padding: 0; }
body.mega-skin-vini100-motion .mega-footer .widget li a,
body.mega-skin-vini100-motion .mega-footer .wp-block-navigation-item__content {
	display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 10px;
	color: #d0d0cc; text-decoration: none;
	transition: background .25s var(--v100-ease), color .25s, transform .25s var(--v100-ease);
}
body.mega-skin-vini100-motion .mega-footer .widget li a:hover,
body.mega-skin-vini100-motion .mega-footer .wp-block-navigation-item__content:hover {
	background: rgba(183, 255, 24, .1); color: var(--v100-ink); transform: translateX(4px);
}
body.mega-skin-vini100-motion .mega-footer .wp-block-navigation__container { gap: 4px 6px; }
@media (prefers-reduced-motion: reduce) {
	body.mega-skin-vini100-motion .mega-footer .mega-footer-col,
	body.mega-skin-vini100-motion .mega-footer .widget li a,
	body.mega-skin-vini100-motion .mega-footer .wp-block-navigation-item__content { transition: none !important; transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   UTILITY CLASSES за Gutenberg композиция (.v100-*)
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .v100-hero {
	position: relative;
	min-height: 78vh;
	display: grid;
	place-items: center;
	text-align: center;
	padding: 80px 20px;
}
body.mega-skin-vini100-motion .v100-hero h1 { font-size: clamp(48px, 9vw, 130px); margin: 0; }
body.mega-skin-vini100-motion .v100-stroke {
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .46);
}
body.mega-skin-vini100-motion .v100-kicker {
	display: inline-flex;
	gap: 9px;
	align-items: center;
	color: var(--v100-gold);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .22em;
}
body.mega-skin-vini100-motion .v100-grad-text {
	background: linear-gradient(135deg, #fff 0%, #b7ff18 55%, #7257ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
body.mega-skin-vini100-motion .v100-glass { padding: 28px; }
body.mega-skin-vini100-motion .v100-stat strong { font-size: clamp(32px, 4vw, 46px); letter-spacing: -.05em; display: block; }
body.mega-skin-vini100-motion .v100-stat small { color: var(--v100-muted-2); text-transform: uppercase; letter-spacing: .16em; font-size: 10px; }

/* Tilt карти (JS добавя .v100-tilt; CSS само transition) */
body.mega-skin-vini100-motion .v100-tilt { transition: transform .3s var(--v100-ease); transform-style: preserve-3d; will-change: transform; }

/* ═══════════════════════════════════════════════════════════════════
   SCROLL REVEAL (IntersectionObserver добавя .is-visible)
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .v100-reveal {
	opacity: 0;
	transform: translateY(46px) scale(.975) rotate(.4deg);
	filter: blur(7px);
	transition: opacity 1s var(--v100-ease), transform 1s var(--v100-ease), filter 1s var(--v100-ease);
}
body.mega-skin-vini100-motion .v100-reveal.is-visible {
	opacity: 1;
	transform: none;
	filter: none;
}

/* ═══════════════════════════════════════════════════════════════════
   CINEMATIC — полупрозрачни секции + section blur (motion просветва).
   Контрастът се пази от .66 alpha фон + blur-а.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-main-content > section,
body.mega-skin-vini100-motion .mega-canvas-content section:not(.mve),
body.mega-skin-vini100-motion .service-item,
body.mega-skin-vini100-motion .mega-post {
	backdrop-filter: blur(10px) saturate(118%);
	-webkit-backdrop-filter: blur(10px) saturate(118%);
}

/* ═══════════════════════════════════════════════════════════════════
   MICRO-INTERACTIONS — 3D hover на glass карти (JS tilt + CSS glow)
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .v100-tilt,
body.mega-skin-vini100-motion .mega-post,
body.mega-skin-vini100-motion .service-item {
	transition: transform .3s var(--v100-ease), box-shadow .3s var(--v100-ease), border-color .3s var(--v100-ease);
	transform-style: preserve-3d;
	will-change: transform;
}
body.mega-skin-vini100-motion .service-item:hover,
body.mega-skin-vini100-motion .mega-post:hover {
	border-color: rgba(114, 87, 255, .35);
	box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 44px rgba(114, 87, 255, .08);
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE — изрежи тежките слоеве (performance / battery / CWV)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	body.mega-skin-vini100-motion .v100-ribbon,
	body.mega-skin-vini100-motion .v100-orbits,
	body.mega-skin-vini100-motion .v100-scene .v100-particle,
	body.mega-skin-vini100-motion .v100-cursor-glow { display: none !important; }
	body.mega-skin-vini100-motion .v100-light { opacity: .16 !important; filter: blur(70px); }
	body.mega-skin-vini100-motion .mega-main-content > section,
	body.mega-skin-vini100-motion .service-item,
	body.mega-skin-vini100-motion .mega-post { backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* ═══════════════════════════════════════════════════════════════════
   REDUCED MOTION — спри всичко движещо се
   ═══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
	body.mega-skin-vini100-motion .v100-scene *,
	body.mega-skin-vini100-motion .v100-grid-plane { animation: none !important; }
	body.mega-skin-vini100-motion .v100-scene .v100-particle,
	body.mega-skin-vini100-motion .v100-cursor-glow { display: none !important; }
	body.mega-skin-vini100-motion .v100-layer { transform: none !important; }
	body.mega-skin-vini100-motion .v100-reveal {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
		transition: none !important;
	}
	body.mega-skin-vini100-motion .mega-btn,
	body.mega-skin-vini100-motion .v100-btn { animation: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   v2.48.0 — ФАЗА 1: главно меню (underline center-out) + модерен SIDEBAR
   ═══════════════════════════════════════════════════════════════════ */
/* ── Underline center-out на главното меню ───────────────────────── */
body.mega-skin-vini100-motion .mega-nav > ul > li > a{
	position: relative;
}
body.mega-skin-vini100-motion .mega-nav > ul > li > a::after{
	content: ""; position: absolute; left: 50%; right: 50%; bottom: 4px; height: 2px;
	background: linear-gradient(90deg, var(--v100-gold), var(--v100-gold-2));
	border-radius: 2px;
	transition: left .35s var(--v100-ease), right .35s var(--v100-ease);
}
body.mega-skin-vini100-motion .mega-nav > ul > li:hover > a::after,
body.mega-skin-vini100-motion .mega-nav > ul > li.current-menu-item > a::after,
body.mega-skin-vini100-motion .mega-nav > ul > li:focus-within > a::after{
	left: 12px; right: 12px;
}

/* ═══════════════════════════════════════════════════════════════════
   SIDEBAR — glass widgets + анимирани елементи (като HTML демото).
   Работи върху стандартните WordPress widget-и → всяка конфигурация
   изглежда модерно без да се пипа sidebar.php.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-sidebar .widget,
body.mega-skin-vini100-motion .mega-sidebar-area .widget{
	background: var(--v100-glass);
	border: 1px solid var(--v100-glass-border);
	border-radius: var(--v100-r-lg);
	padding: 18px 18px 20px;
	margin-bottom: 18px;
	backdrop-filter: var(--v100-glass-blur);
	-webkit-backdrop-filter: var(--v100-glass-blur);
}
/* заглавие на widget — с gold акцент-бар */
body.mega-skin-vini100-motion .mega-sidebar .widget-title,
body.mega-skin-vini100-motion .mega-sidebar .widgettitle,
body.mega-skin-vini100-motion .mega-sidebar-area .widget-title,
body.mega-skin-vini100-motion .mega-sidebar-area .widgettitle,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-heading{
	display: flex; align-items: center; gap: 9px;
	font-size: .98rem; font-weight: 800; margin: 0 0 14px; color: var(--v100-ink);
}
body.mega-skin-vini100-motion .mega-sidebar .widget-title::before,
body.mega-skin-vini100-motion .mega-sidebar-area .widget-title::before,
body.mega-skin-vini100-motion .mega-sidebar-area .widgettitle::before,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-heading::before{
	content: ""; width: 4px; height: 17px; border-radius: 3px;
	background: linear-gradient(var(--v100-gold), var(--v100-gold-2)); flex: 0 0 4px;
}
/* списъци (категории / архиви / последни) — hover slide */
body.mega-skin-vini100-motion .mega-sidebar-area .widget ul,
body.mega-skin-vini100-motion .mega-sidebar .widget ul{ list-style: none; margin: 0; padding: 0; }
body.mega-skin-vini100-motion .mega-sidebar-area .widget li,
body.mega-skin-vini100-motion .mega-sidebar .widget li{ margin: 0; border: 0; }
body.mega-skin-vini100-motion .mega-sidebar-area .widget li a,
body.mega-skin-vini100-motion .mega-sidebar .widget li a{
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	padding: 10px 12px; border-radius: 10px; color: var(--v100-muted); text-decoration: none;
	transition: background .25s var(--v100-ease), color .25s, padding-left .25s var(--v100-ease);
}
body.mega-skin-vini100-motion .mega-sidebar-area .widget li a:hover,
body.mega-skin-vini100-motion .mega-sidebar .widget li a:hover{
	background: rgba(183, 255, 24, .1); color: var(--v100-ink); padding-left: 18px;
}
/* брояч в скоби (categories count) → чип */
body.mega-skin-vini100-motion .mega-sidebar-area .widget_categories li,
body.mega-skin-vini100-motion .mega-sidebar-area .widget_archive li{ position: relative; }
/* търсачка — pill + focus glow */
body.mega-skin-vini100-motion .mega-sidebar-area .search-field,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-search__input,
body.mega-skin-vini100-motion .mega-sidebar .search-field{
	width: 100%; padding: 12px 16px; border-radius: 100px;
	background: rgba(0, 0, 0, .25); border: 1px solid var(--v100-line); color: #fff; outline: none;
	transition: border-color .3s, box-shadow .3s;
}
body.mega-skin-vini100-motion .mega-sidebar-area .search-field:focus,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-search__input:focus{
	border-color: var(--v100-gold); box-shadow: 0 0 0 4px rgba(183, 255, 24, .14);
}
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-search__button,
body.mega-skin-vini100-motion .mega-sidebar-area .search-submit{
	background: linear-gradient(135deg, var(--v100-gold), var(--v100-gold-2)); color: #08090b;
	border: 0; border-radius: 100px; font-weight: 700; padding: 10px 18px; cursor: pointer;
}
/* tag cloud — bounce chips */
body.mega-skin-vini100-motion .mega-sidebar-area .tagcloud a,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-tag-cloud a,
body.mega-skin-vini100-motion .mega-sidebar .tagcloud a{
	display: inline-block; margin: 0 5px 7px 0; padding: 6px 12px; border-radius: 100px;
	border: 1px solid var(--v100-line); color: var(--v100-muted); font-size: .78rem !important; text-decoration: none;
	transition: transform .3s var(--v100-ease), background .3s, color .3s, border-color .3s;
}
body.mega-skin-vini100-motion .mega-sidebar-area .tagcloud a:hover,
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-tag-cloud a:hover{
	background: var(--v100-gold); color: #08090b; border-color: transparent; transform: translateY(-3px);
}
/* последни публикации със снимки (ако widget-ът ги показва) */
body.mega-skin-vini100-motion .mega-sidebar-area .widget img{ border-radius: 10px; }
body.mega-skin-vini100-motion .mega-sidebar-area .wp-block-latest-posts.is-grid li{ margin-bottom: 12px; }

@media (prefers-reduced-motion: reduce){
	body.mega-skin-vini100-motion .mega-nav > ul > li > a::after,
	body.mega-skin-vini100-motion .mega-sidebar-area .widget li a,
	body.mega-skin-vini100-motion .mega-sidebar-area .tagcloud a{ transition: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════
   v2.69.0 — EDITORIAL LAYER (по макета vini100_photography):
   черно + неоново зелено (#b7ff18) + виолетово (#7257ff), Oswald заглавия
   с главни букви, DM Mono за етикети/меню/бутони, Inter за текст,
   фин шум (grain), остри ъгли, бутони-хапчета със зелено запълване при hover.
   Слага се последен → бие по-старите правила от този файл.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion {
	--v100-acid:   #b7ff18;
	--v100-violet: #7257ff;
	--v100-display: 'Oswald', 'Arial Narrow', sans-serif;
	--v100-mono:    'DM Mono', ui-monospace, monospace;
	--mega-font-heading: var(--v100-display);
	font-family: 'Inter', Arial, sans-serif;
}
/* Фон: виолетово сияние + шум */
/* v2.93.0 — без плътно черно: графитена основа + меки виолетови/зелени светлини, два тънки кръга и диагонална лента.
   (::after остава за шума отгоре.) */
body.mega-skin-vini100-motion::before {
	background:
		radial-gradient(circle at 84% 18%, transparent 0 19vw, rgba(255, 255, 255, .07) calc(19vw + 1px), transparent calc(19vw + 2px)),
		radial-gradient(circle at 8% 88%, transparent 0 13vw, rgba(183, 255, 24, .09) calc(13vw + 1px), transparent calc(13vw + 2px)),
		linear-gradient(118deg, transparent 0 40%, rgba(114, 87, 255, .07) 50%, transparent 60%),
		radial-gradient(60vw 50vw at 92% -10%, rgba(114, 87, 255, .30), transparent 62%),
		radial-gradient(45vw 40vw at -8% 38%, rgba(183, 255, 24, .08), transparent 64%),
		radial-gradient(70vw 55vw at 28% 115%, rgba(114, 87, 255, .20), transparent 60%),
		linear-gradient(165deg, #1c1e27 0%, #15171d 40%, #18151f 72%, #131519 100%) !important;
}
body.mega-skin-vini100-motion::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E") !important;
	opacity: .08;
	z-index: 9998;
}

/* Типография */
body.mega-skin-vini100-motion :is(h1, h2, h3, h4, .entry-title, .mega-post-title):not(.mve *) {
	font-family: var(--v100-display);
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: -.01em;
	line-height: .9;
}
body.mega-skin-vini100-motion h1:not(.mve *) { letter-spacing: -.03em; line-height: .82; }
body.mega-skin-vini100-motion :is(h5, h6):not(.mve *) { font-family: var(--v100-mono); font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
body.mega-skin-vini100-motion p:not(.mve *) { color: #aaaaaa; line-height: 1.75; }
body.mega-skin-vini100-motion :is(.entry-meta, .mega-post-meta, .wp-block-post-date, .mega-breadcrumbs, label, .mega-tag, .post-categories) {
	font-family: var(--v100-mono);
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: 11px;
}
body.mega-skin-vini100-motion a:not(.mve *):hover { color: var(--v100-acid); }

/* Хедър: тънка линия, blur, моно меню */
body.mega-skin-vini100-motion :is(.mega-header, #header) {
	background: rgba(24, 26, 34, .55) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}
body.mega-skin-vini100-motion .mega-site-title {
	font-family: var(--v100-display);
	font-weight: 400;
	font-size: 27px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
body.mega-skin-vini100-motion :is(.mega-nav, .mega-menu) a {
	font-family: var(--v100-mono);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #dddddd;
}

/* Бутони: хапче с тънка рамка, зелено запълване отляво при hover */
body.mega-skin-vini100-motion :is(.mega-btn, .wp-block-button__link, button.mega-btn, .v100-btn, input[type=submit], button[type=submit]) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: transparent !important;
	color: #ffffff !important;
	border: 1px solid #aaaaaa !important;
	border-radius: 40px !important;
	padding: 15px 22px;
	font-family: var(--v100-mono) !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: .1em;
	text-transform: uppercase;
	box-shadow: none !important;
	transition: color .4s, border-color .4s;
}
body.mega-skin-vini100-motion :is(.mega-btn, .wp-block-button__link, button.mega-btn, .v100-btn)::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--v100-acid);
	transform: translateX(-105%);
	transition: transform .5s cubic-bezier(.2, .8, .2, 1);
}
body.mega-skin-vini100-motion :is(.mega-btn, .wp-block-button__link, button.mega-btn, .v100-btn):hover { color: #08090b !important; border-color: var(--v100-acid) !important; }
body.mega-skin-vini100-motion :is(.mega-btn, .wp-block-button__link, button.mega-btn, .v100-btn):hover::after { transform: translateX(0); }
body.mega-skin-vini100-motion :is(input[type=submit], button[type=submit]):hover { background: var(--v100-acid) !important; color: #08090b !important; border-color: var(--v100-acid) !important; }

/* Карти и панели: плоски, тъмни, с тънка линия — без стъклен blur */
body.mega-skin-vini100-motion :is(.mega-post, .widget, .mega-card, .v100-glass) {
	background: linear-gradient(160deg, rgba(36, 39, 50, .78), rgba(25, 27, 35, .78)) !important;
	border: 1px solid rgba(255, 255, 255, .13) !important;
	border-radius: 2px !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
}
body.mega-skin-vini100-motion :is(.mega-post, .mega-card) img { transition: transform .9s cubic-bezier(.2, .7, .2, 1), filter .9s; }
body.mega-skin-vini100-motion :is(.mega-post, .mega-card):hover img { transform: scale(1.08); filter: saturate(1.1); }

/* Форми */
body.mega-skin-vini100-motion :is(input[type=text], input[type=email], input[type=tel], input[type=search], input[type=url], input[type=password], textarea, select) {
	border-radius: 2px !important;
	border-color: rgba(255, 255, 255, .16) !important;
	background: rgba(255, 255, 255, .03) !important;
}
body.mega-skin-vini100-motion :is(input, textarea, select):focus { border-color: var(--v100-acid) !important; outline: none; }

/* Футър */
body.mega-skin-vini100-motion :is(.mega-footer, #footer) {
	border-top: 1px solid rgba(255, 255, 255, .16);
	font-family: var(--v100-mono);
	font-size: 11px;
	letter-spacing: .08em;
}
body.mega-skin-vini100-motion :is(.mega-footer, #footer) :is(h2, h3, h4, .widget-title) { font-size: 22px; }

/* Scroll reveal — като в макета: изплуване отдолу */
body.mega-skin-vini100-motion .v100-reveal { opacity: 0; transform: translateY(40px); transition: opacity .85s cubic-bezier(.2, .7, .2, 1), transform .85s cubic-bezier(.2, .7, .2, 1); filter: none; }
body.mega-skin-vini100-motion .v100-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	body.mega-skin-vini100-motion .v100-reveal { opacity: 1; transform: none; transition: none; }
}
/* v2.69.0 — малки бутони (търсене, коментари в сайдбара) не се цепят на два реда */
body.mega-skin-vini100-motion :is(.search-submit, .wp-block-search__button, .widget_search button, .widget_search input[type=submit]) {
	padding: 10px 16px !important;
	white-space: nowrap;
	border-radius: 40px !important;
}

/* v2.71.0 — иконите в хедъра (вход, търсене, кошница): тънък кръг като бутоните в макета,
   зелено при hover — вместо лилавото стъкло с емоджи. */
body.mega-skin-vini100-motion .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist),
body.mega-skin-vini100-motion.mega-nav-liquid .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist) {
	display: grid !important;
	place-items: center;
	width: 42px !important;
	height: 42px !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, .32) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #f4f2ed !important;
	box-shadow: none !important;
	transition: color .3s, border-color .3s, background-color .3s !important;
}
body.mega-skin-vini100-motion .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist):hover,
body.mega-skin-vini100-motion.mega-nav-liquid .mega-header-tools :is(.mega-header-account, .mega-header-search, .mega-header-cart, .mega-header-wishlist):hover {
	transform: none !important;
	color: #08090b !important;
	border-color: var(--v100-acid) !important;
	background: var(--v100-acid) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   v2.74.0 — Мобилно меню (editorial): цял екран, големи Oswald връзки,
   тънки линии, кръгъл бутон × горе вдясно (над всичко — подменю бутонът
   на „Сватби“ беше върху него и × не работеше; лилавият фон идваше от
   общия стил на бутоните в skin-а).
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mega-mobile-panel {
	inset: 0 !important;
	width: 100% !important;
	max-width: none !important;
	padding: 92px 24px 40px !important;
	background: radial-gradient(80vw 60vh at 100% 0, rgba(114, 87, 255, .22), transparent 60%), linear-gradient(170deg, #1b1d26, #14161c) !important;
	color: #f4f2ed !important;
	box-shadow: none !important;
	overscroll-behavior: contain;
	animation: v100MenuIn .35s cubic-bezier(.2, .7, .2, 1);
}
body.admin-bar.mega-skin-vini100-motion .mega-mobile-panel { top: 46px !important; }
@keyframes v100MenuIn { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
body.mega-skin-vini100-motion .mega-mobile-panel .mega-mobile-close {
	position: absolute !important;
	top: 22px !important;
	right: 20px !important;
	z-index: 5;
	width: 48px !important;
	height: 48px !important;
	padding: 0 !important;
	display: grid !important;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .35) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #f4f2ed !important;
	font: 300 28px/1 Inter, Arial, sans-serif !important;
	box-shadow: none !important;
}
body.mega-skin-vini100-motion .mega-mobile-panel .mega-mobile-close:is(:hover, :focus-visible) {
	background: var(--v100-acid) !important;
	border-color: var(--v100-acid) !important;
	color: #08090b !important;
}
body.mega-skin-vini100-motion .mega-mobile-panel > ul > li { border-bottom: 1px solid rgba(255, 255, 255, .12) !important; }
body.mega-skin-vini100-motion .mega-mobile-panel > ul > li > a {
	padding: 18px 0 !important;
	font: 400 clamp(28px, 8vw, 40px)/1 var(--v100-display, Oswald), sans-serif !important;
	text-transform: uppercase;
	letter-spacing: -.01em;
	color: #f4f2ed !important;
}
body.mega-skin-vini100-motion .mega-mobile-panel :is(.current-menu-item, .current_page_item) > a,
body.mega-skin-vini100-motion .mega-mobile-panel a:hover { color: var(--v100-acid) !important; }
body.mega-skin-vini100-motion .mega-mobile-panel .sub-menu { border: 0 !important; padding: 0 0 12px 2px !important; }
body.mega-skin-vini100-motion .mega-mobile-panel .sub-menu li { border: 0 !important; }
body.mega-skin-vini100-motion .mega-mobile-panel .sub-menu a {
	padding: 9px 0 !important;
	font: 500 12px/1.4 var(--v100-mono, "DM Mono"), monospace !important;
	letter-spacing: .12em;
	text-transform: uppercase;
	opacity: .85;
}
body.mega-skin-vini100-motion .mega-mobile-panel .mega-sub-toggle {
	width: 44px !important;
	height: 44px !important;
	border: 1px solid rgba(255, 255, 255, .25) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #f4f2ed !important;
	padding: 0 !important;
	box-shadow: none !important;
}
body.mega-skin-vini100-motion .mega-mobile-panel .sub-menu .mega-sub-toggle { width: 36px !important; height: 36px !important; }

/* v2.87.2 — колоните на футъра от менюто: четим шрифт (Inter), не дребния моноширинен; без втора рамка вътре в картата. */
body.mega-skin-vini100-motion .mega-footer .mega-footer-cols--menu .widget { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0; }
body.mega-skin-vini100-motion .mega-footer .mega-footer-cols--menu .widget li a {
	font-family: 'Inter', Arial, sans-serif; font-size: 15px; letter-spacing: 0; line-height: 1.35; padding: 6px 10px;
}
body.mega-skin-vini100-motion .mega-footer .mega-footer-cols--menu .widget-title { font-size: 20px; letter-spacing: .02em; }
body.mega-skin-vini100-motion .mega-bottom-bar { font-family: 'Inter', Arial, sans-serif; font-size: 13px; letter-spacing: 0; }


/* ═══════════════════════════════════════════════════════════════════
   v2.93.0 — editorial секциите (SEO страници, патерни) са прозрачни, за да се вижда графитената
   основа със светлините; картите са полупрозрачни, а не черни. Всяка втора секция — лек тон.
   ═══════════════════════════════════════════════════════════════════ */
body.mega-skin-vini100-motion .mve { --mve-bg: transparent; }
body.mega-skin-vini100-motion .mve + .mve:nth-of-type(even) { background-image: linear-gradient(180deg, transparent, rgba(114, 87, 255, .045) 50%, transparent); }