/**
 * 🎨 Mega Utilities — luxury glass/clay/serif/gradient utility classes.
 *
 * Работят на всеки блок (Group, Column, Cover, Custom HTML, Image).
 * Просто добави класа в "Advanced → Additional CSS class(es)" на блока.
 */

/* ═════════════════ LIQUID GLASS ═════════════════ */
.liquid-glass {
	background: rgba(239, 239, 239, .03) !important;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, .08);
}
.liquid-glass-light {
	background: rgba(255, 255, 255, .6) !important;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, .3);
}
.liquid-glass-strong {
	background: rgba(0, 0, 0, .25) !important;
	-webkit-backdrop-filter: blur(24px) saturate(150%);
	backdrop-filter: blur(24px) saturate(150%);
	border: 1px solid rgba(255, 255, 255, .1);
}

/* ═════════════════ CLAY / NEOMORPHISM ═════════════════ */
.clay-border {
	border-radius: 24px;
	box-shadow:
		inset 2px 2px 5px rgba(255, 255, 255, .1),
		inset -3px -3px 7px rgba(0, 0, 0, .5),
		0 15px 35px rgba(0, 0, 0, .4);
}
.chunky-clay {
	background: #424142;
	border-radius: 30px;
	box-shadow:
		10px 10px 20px rgba(10, 10, 10, .8),
		-5px -5px 15px rgba(90, 90, 90, .2),
		inset 2px 2px 4px rgba(255, 255, 255, .05);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .05);
}
.soft-clay {
	background: #efefef;
	border-radius: 24px;
	box-shadow:
		9px 9px 18px #d1d1d1,
		-9px -9px 18px #ffffff;
	color: #424142;
}

/* ═════════════════ LUXURY TYPOGRAPHY ═════════════════ */
.serif-em em {
	font-family: 'Playfair Display', Georgia, serif;
	font-style: italic;
	font-weight: 400;
}
.luxury-title {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.1;
}
.luxury-title em {
	font-family: 'Playfair Display', Georgia, serif;
	font-style: italic;
	font-weight: 400;
	color: var(--mega-accent, #a25f28);
}
.giant-bg-text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18vw;
	font-weight: 700;
	color: rgba(239, 239, 239, .04);
	letter-spacing: -.02em;
	z-index: 1;
	pointer-events: none;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
}

/* ═════════════════ BRONZE / GOLD ACCENTS ═════════════════ */
.text-bronze { color: #a25f28 !important; }
.bg-bronze { background-color: #a25f28 !important; }
.text-gold { color: #d4af37 !important; }

/* ═════════════════ GLASS PILL BUTTON ═════════════════ */
.mega-pill-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 28px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 600;
	transition: transform .2s, background .3s;
}
.mega-pill-btn:hover { transform: translateY(-2px); }

/* ═════════════════ FLOATING NAVBAR (Mega) ═════════════════ */
.mega-float-nav {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	max-width: 1400px;
	padding: 0 30px;
	border-radius: 50px;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 70px;
}

/* ═════════════════ GSAP ANIMATION MARKERS ═════════════════ */
/* Елементи с тези класове/атрибути се захващат от animations.js */
.gsap-reveal,
[data-gsap="reveal"] { opacity: 0; }

.gsap-fade,
[data-gsap="fade"] { opacity: 0; }

.gsap-stagger > *,
[data-gsap="stagger"] > * { opacity: 0; }

.gsap-parallax,
[data-gsap="parallax"] { will-change: transform; }

.gsap-scale,
[data-gsap="scale"] { opacity: 0; transform: scale(.85); }

/* Fallback (без GSAP) — покажи ги след 500ms за да не остане празно */
.no-gsap .gsap-reveal,
.no-gsap .gsap-fade,
.no-gsap [data-gsap] { opacity: 1 !important; transform: none !important; }
.no-gsap .gsap-stagger > *,
.no-gsap [data-gsap="stagger"] > * { opacity: 1 !important; }

/* ═════════════════ LUXURY DARK SKIN OVERRIDE ═════════════════ */
/* Активира се когато <body class="mega-luxury-dark"> */
body.mega-luxury-dark {
	background: linear-gradient(160deg,#1f2129,#16181e);
	color: #ffffff;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	--mega-primary: #a25f28;
	--mega-accent: #a25f28;
	--mega-bg: #0a0a0a;
	--mega-panel: #424142;
	--mega-text: #ffffff;
	--mega-muted: #efefef;
	-webkit-font-smoothing: antialiased;
}
body.mega-luxury-dark em {
	font-family: 'Playfair Display', Georgia, serif;
	font-style: italic;
	font-weight: 400;
	color: #a25f28;
}
body.mega-luxury-dark h1,
body.mega-luxury-dark h2,
body.mega-luxury-dark h3,
body.mega-luxury-dark h4 {
	font-weight: 600;
	letter-spacing: -.5px;
}
body.mega-luxury-dark a { color: #efefef; }
body.mega-luxury-dark a:hover { color: #fff; }

/* Auto liquid-glass за header и footer в luxury dark */
body.mega-luxury-dark .mega-header {
	background: rgba(10, 10, 10, .6) !important;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

/* ═══════════ MEGA SCROLL EFFECTS (universal, all skins) ═══════════ */
[data-mega-anim] { opacity: 0; transition: opacity .8s cubic-bezier(.19,1,.22,1), transform .8s cubic-bezier(.19,1,.22,1); }
[data-mega-anim="fade"] { }
[data-mega-anim="fade-up"] { transform: translateY(30px); }
[data-mega-anim="fade-down"] { transform: translateY(-30px); }
[data-mega-anim="fade-left"] { transform: translateX(-30px); }
[data-mega-anim="fade-right"] { transform: translateX(30px); }
[data-mega-anim="scale"] { transform: scale(.92); }
[data-mega-anim="stagger"] > * { opacity: 0; transform: translateY(20px); transition: opacity .6s cubic-bezier(.19,1,.22,1), transform .6s cubic-bezier(.19,1,.22,1); }
[data-mega-anim].is-inview { opacity: 1; transform: none; }
[data-mega-anim="stagger"].is-inview > * { opacity: 1; transform: none; }
[data-mega-anim="stagger"].is-inview > *:nth-child(1) { transition-delay: 0s; }
[data-mega-anim="stagger"].is-inview > *:nth-child(2) { transition-delay: .1s; }
[data-mega-anim="stagger"].is-inview > *:nth-child(3) { transition-delay: .2s; }
[data-mega-anim="stagger"].is-inview > *:nth-child(4) { transition-delay: .3s; }
[data-mega-anim="stagger"].is-inview > *:nth-child(5) { transition-delay: .4s; }
[data-mega-anim="stagger"].is-inview > *:nth-child(6) { transition-delay: .5s; }

/* Parallax elements */
[data-mega-parallax] { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
	[data-mega-anim], [data-mega-anim="stagger"] > * { opacity: 1 !important; transform: none !important; transition: none !important; }
	[data-mega-parallax] { transform: none !important; }
}

/* ═══════════ PATTERN TEXT ISOLATION — гарантирано четимо на всеки skin ═══════════ */
/* Патерните имат собствени background цветове (fafafa, fff, 0f0f0f) — трябва текстовете да ги matчват независимо от активния skin. */
.msv-step h3, .msv-card h3, .mab-body h3, .mph-work__card h3, .mph-tst blockquote, .mph-tst figcaption strong,
.mbg-post h3, .mbg-featured__text h2, .mct-form h2, .mab-story__title, .mab-hero__text h1 { color: #0f172a !important; }
.msv-step p, .msv-card ul, .msv-card li, .mab-body p, .mbg-post .mbg-meta, .mct-form label span { color: #475569 !important; }
.msv-hero, .msv-hero *, .msv-card--featured, .msv-card--featured *, .mph-hero, .mph-hero *, .mph-testimonials, .mph-testimonials *,
.mab-values, .mab-values *, .mct-hero, .mct-hero *, .mbg-newsletter, .mbg-newsletter * { color: inherit !important; }
/* Върни white за explicitly dark секции */
.msv-hero h1, .msv-hero p, .mph-hero h1, .mph-hero p, .mab-values h2, .mab-values h3, .mct-hero h1, .mbg-newsletter h2 { color: #fff !important; }
.msv-card--featured h3, .msv-card--featured .msv-desc { color: #fff !important; }

/* ═══════════ PATTERN BUTTON CONTRAST (WCAG AA) ═══════════ */
.mph-btn--dark, .mph-btn--white { background: #ffffff !important; color: #0f0f0f !important; }
.mph-btn--outline { background: transparent !important; color: #0f0f0f !important; border: 2px solid #0f0f0f !important; }
.mph-btn--outline:hover { background: linear-gradient(160deg,#1f2129,#16181e) !important; color: #ffffff !important; }
.mph-btn--ghost { background: rgba(255,255,255,.08) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,.3) !important; }
/* Кликаеми картички — задължителен фокус overlay за a11y */
.mph-work__card, .mpi-item, .mpg-cell { position: relative; }
.mph-work__card:focus-visible, .mpi-item:focus-visible, .mpg-cell:focus-visible {
	outline: 3px solid #6366f1; outline-offset: 3px;
}

/* ═══════════ SIDEBAR/WIDGET CONTRAST + MOBILE HAMBURGER (universal) ═══════════ */
.wp-block-search__label, .widget-title, .widgettitle, .search-form label {
	color: inherit !important;
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 8px;
	display: block;
}
.wp-block-search__input, .search-field {
	border: 1px solid rgba(128,128,128,.3) !important;
	padding: 10px 14px !important;
	border-radius: 8px !important;
	background: rgba(255,255,255,.05);
	color: inherit;
}
/* v2.57.0 — бутонът беше невидим (color: transparent + background: currentColor = прозрачен). */
.wp-block-search__button, .search-submit {
	background: var(--mega-primary, #6366f1);
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 10px 16px;
	font-weight: 600;
	cursor: pointer;
}
/* Mobile hamburger — гарантирано видим на всеки skin */
.mega-mobile-toggle { color: inherit !important; }
@media (max-width: 900px) {
	.mega-mobile-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
	.mega-nav:not(.is-open) { display: none !important; }
}

/* ═══════════ HOVER-REVEAL CARD (за team/portfolio) ═══════════ */
.mhr-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0; }
@media (max-width: 900px) { .mhr-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 500px) { .mhr-grid { grid-template-columns: 1fr; } }
.mhr-card {
	position: relative; border-radius: 20px; overflow: hidden; cursor: pointer;
	max-width: 340px; margin: 0 auto; aspect-ratio: 4/5;
	box-shadow: 0 10px 30px rgba(0,0,0,.15);
	transition: transform .4s cubic-bezier(.4,0,.2,1);
}
.mhr-card:hover { transform: translateY(-6px); }
.mhr-card__img { position: absolute; inset: 0; background-size: cover; background-position: center; }
.mhr-card__content {
	position: absolute; bottom: -60%; left: 0; right: 0;
	background: rgba(15,18,32,.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
	padding: 20px 16px; min-height: 40%; color: #fff; text-align: center;
	border-top: 1px solid rgba(255,255,255,.15);
	transition: bottom .5s cubic-bezier(.19,1,.22,1);
}
.mhr-card:hover .mhr-card__content { bottom: 0; }
.mhr-card__title { font-size: 1.1rem; text-transform: uppercase; letter-spacing: 3px; margin: 0 0 6px; font-weight: 600; color: #fff !important; opacity: 0; transform: translateY(-20px); transition: .6s .1s; }
.mhr-card__sub { font-size: .78rem; letter-spacing: 2px; font-weight: 300; margin: 0 0 12px; opacity: 0; transform: translateY(-20px); transition: .6s .2s; color: rgba(255,255,255,.8) !important; }
.mhr-card:hover .mhr-card__title, .mhr-card:hover .mhr-card__sub { opacity: 1; transform: translateY(0); }
.mhr-card__social { display: flex; gap: 14px; justify-content: center; list-style: none; padding: 0; margin: 0; }
.mhr-card__social li { transform: translateY(40px); opacity: 0; transition: .5s; }
.mhr-card:hover .mhr-card__social li { transform: translateY(0); opacity: 1; }
.mhr-card:hover .mhr-card__social li:nth-child(1) { transition-delay: .3s; }
.mhr-card:hover .mhr-card__social li:nth-child(2) { transition-delay: .4s; }
.mhr-card:hover .mhr-card__social li:nth-child(3) { transition-delay: .5s; }
.mhr-card__social a { color: #fff; text-decoration: none; font-size: 1.2rem; display: inline-block; padding: 4px; }
.mhr-card__social a:hover { transform: scale(1.2); }

/* ═══════════ COMPACT HOME PAGE — по-малко празно място ═══════════ */
.mph-hero { min-height: 70vh !important; padding: 60px 24px !important; }
.mph-work, .mph-about, .mph-testimonials, .mph-cta { padding: 80px 24px !important; }
.mph-work__grid { grid-auto-rows: 240px !important; }
.mph-about__inner { gap: 60px !important; }
@media (max-width: 900px) {
	.mph-hero { min-height: 60vh !important; padding: 40px 20px !important; }
	.mph-work, .mph-about, .mph-testimonials, .mph-cta { padding: 60px 20px !important; }
}

/* v2.87.3 — пункт от менюто с кръгла снимка (албуми в „Галерии“) */
.mega-menu-has-thumb > a { display: flex; align-items: center; }