/* ==========================================================================
   Baku Cigar Club — glass panels and buttons
   Loaded after style.css. Keep glass sparing: premium, not cluttered.
   ========================================================================== */

.glass {
  position: relative;
  overflow: hidden;
  background: rgba(28, 23, 20, 0.52);           /* Smoke Charcoal */
  border: 1px solid var(--line);
  -webkit-backdrop-filter: blur(22px) saturate(1.1);
  backdrop-filter: blur(22px) saturate(1.1);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
}
.glass::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(var(--accent-rgb), 0.08), transparent 45%);
  pointer-events: none;
}
.glass::after {                                /* hairline gold top edge */
  content: "";
  position: absolute;
  top: 0; left: 1.9rem;
  width: 2.4rem;
  height: 1px;
  background: var(--accent);
  opacity: .8;
}
.glass > * { position: relative; z-index: 2; }

/* keep absolutely positioned gallery cards absolute (more specific than .glass) */
#meetings .meeting-card.glass { position: absolute; }
@media (max-width: 768px) {
  #meetings .meeting-card.glass { position: relative; }
}

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .85rem 1.9rem;
  font-family: var(--font);
  font-size: .74rem;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  transition: background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease);
}
.btn--sm { min-height: 40px; padding: .6rem 1.2rem; font-size: .68rem; }

.btn--primary {
  color: var(--accent);
  background: transparent;
  border: 1px solid var(--accent);
}
.btn--primary:hover,
.btn--primary:focus-visible {
  background: var(--accent);
  color: var(--bg);
}

.btn--ghost {
  color: var(--text);
  background: transparent;
  border: 1px solid rgba(237, 230, 216, 0.22);
}
.btn--ghost:hover,
.btn--ghost:focus-visible {
  border-color: var(--accent-2);
  color: var(--accent-2);
}

/* the one burgundy moment besides the logo: age-gate confirm */
.age-gate .btn--primary {
  background: var(--burgundy);
  border-color: var(--burgundy);
  color: var(--text);
}
.age-gate .btn--primary:hover,
.age-gate .btn--primary:focus-visible {
  background: #8e1a27;
  border-color: var(--accent);
}