/* Gold + glassmorphism hybrid styles */

.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.glass-card:hover {
  transform: translateY(-4px);
  background: rgba(212, 175, 55, 0.08);
  border-color: rgba(212, 175, 55, 0.50);
}

.glass-nav {
  background: rgba(11, 11, 15, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(212, 175, 55, 0.30);
}

.glass-input {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(212, 175, 55, 0.30);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #F5F0E6;
}

.glass-input::placeholder {
  color: rgba(245, 240, 230, 0.40);
}

.glass-input:focus {
  border-color: #D4AF37;
  outline: none;
}

html.theme-inverted .glass-input {
  background: rgba(26, 23, 21, 0.05);
  border-color: rgba(26, 23, 21, 0.22);
}

/* Ambient gold glow blobs */
.ambient {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.ambient .b1,
.ambient .b2,
.ambient .b3 {
  position: absolute;
  border-radius: 9999px;
  filter: blur(90px);
  opacity: 0.35;
}

.ambient .b1 {
  width: 38vw;
  height: 38vw;
  top: -10vw;
  left: -8vw;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.55), transparent 70%);
}

.ambient .b2 {
  width: 30vw;
  height: 30vw;
  top: 30vw;
  right: -6vw;
  background: radial-gradient(circle, rgba(232, 204, 106, 0.40), transparent 70%);
}

.ambient .b3 {
  width: 26vw;
  height: 26vw;
  bottom: -8vw;
  left: 35vw;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.30), transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
  .ambient { display: none; }
}

/* Inverted (light) theme adjustments */
html.theme-inverted .glass-card {
  background: rgba(26, 23, 21, 0.05);
  border-color: rgba(26, 23, 21, 0.22);
  box-shadow: 0 8px 32px rgba(26, 23, 21, 0.10);
}

html.theme-inverted .glass-card:hover {
  background: rgba(212, 175, 55, 0.12);
}

html.theme-inverted .glass-nav {
  background: rgba(245, 240, 230, 0.80);
  border-bottom-color: rgba(26, 23, 21, 0.22);
}

html.theme-inverted .ambient .b1,
html.theme-inverted .ambient .b2,
html.theme-inverted .ambient .b3 {
  opacity: 0.18;
}

/* Хлебные крошки внутренних страниц */
.crumbs a { opacity: .85; }
.crumbs a:hover { opacity: 1; }
.hidden-intro { display: none; }

/* декор не должен давать горизонтальный скролл */
html, body { overflow-x: clip; }
.ambient { overflow: clip; }

/* Главная — компактнее: меньше отступов, обрезанные описания, невысокие афиши */
body[data-page="index"] section.py-24 { padding-top: 4.25rem; padding-bottom: 4.25rem; }
body[data-page="index"] section.py-28 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
body[data-page="index"] #top { min-height: 86vh; }
body[data-page="index"] .mb-14 { margin-bottom: 2.25rem; }
body[data-page="index"] #about [data-cms="index.about.text"],
body[data-page="index"] [data-compact] p,
body[data-page="index"] [data-events-list] article p.text-cream\/75 {
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;
}
body[data-page="index"] [data-compact] p { -webkit-line-clamp: 2; }
body[data-page="index"] [data-events-list] article img { height: 11rem !important; }
body[data-page="index"] [data-compact] a.glass-card, body[data-page="index"] [data-compact] .glass-card { padding: 1.5rem !important; }
body[data-page="index"] [data-compact] .glass-card h3 { margin-top: .75rem; }