/* ==========================================================
   lounge.css — Cedar Stone Bistro
   Lounge Bar page styles.
   ========================================================== */

/* ──────────────────────────────────────────
   COCKTAIL LIST
────────────────────────────────────────── */
.cocktail-list-section {
  padding-block: 6rem;
  background: var(--cs-bg-2);
}

.cocktail-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.cocktail-card {
  padding: 1.75rem;
  background: var(--cs-bg-3);
  border: 1px solid var(--cs-line);
  border-radius: var(--radius-md);
  transition: border-color var(--transition);
}

.cocktail-card:hover {
  border-color: var(--cs-line-gold);
}

.cocktail-card__name {
  font-size: 1.1875rem;
  font-weight: 700;
  font-style: italic;
  color: var(--cs-white);
  font-family: var(--font-display);
  margin-bottom: 0.25rem;
}

.cocktail-card__base {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--cs-gold);
  margin-bottom: 0.875rem;
}

.cocktail-card__desc {
  font-size: 1.1rem;
  color: var(--cs-muted);
  line-height: 1.65;
  margin-bottom: 1rem;
}

.cocktail-card__price {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--cs-gold);
  font-style: italic;
  font-family: var(--font-display);
}

@media (max-width: 767px) {
  .cocktail-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cocktail-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ──────────────────────────────────────────
   VODKA FEATURE SECTION
────────────────────────────────────────── */
.vodka-section {
  position: relative;
  padding-block: 7rem;
  overflow: hidden;
  isolation: isolate;
}

.vodka-section__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.vodka-section__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vodka-section::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    90deg,
    rgba(5, 4, 7, 0.97) 0%,
    rgba(5, 4, 7, 0.88) 55%,
    rgba(5, 4, 7, 0.6) 100%
  );
}

.vodka-inner {
  max-width: 640px;
}

.vodka-inner h2 {
  color: var(--cs-white);
  margin-bottom: 0.875rem;
}

.vodka-intro {
  font-size: 1.2rem;
  color: var(--cs-muted);
  line-height: 1.75;
  margin-bottom: 2.5rem;
}

.vodka-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.875rem;
  margin-bottom: 2.5rem;
}

.vodka-item {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem 1rem;
  background: rgba(131, 28, 145, 0.1);
  border: 1px solid rgba(131, 28, 145, 0.25);
  border-radius: var(--radius-sm);
}

.vodka-item__name {
  font-size: 1.1375rem;
  font-weight: 700;
  color: var(--cs-white);
}

.vodka-item__origin {
  font-size: 0.9rem;
  color: var(--cs-muted);
  display: block;
}

.vodka-item__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cs-purple-soft);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .vodka-section::before {
    background: rgba(5, 4, 7, 0.93);
  }

  .vodka-list {
    grid-template-columns: 1fr;
  }
}

/* ──────────────────────────────────────────
   WINE SECTION
────────────────────────────────────────── */
.wine-section {
  padding-block: 6rem;
}

.wine-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

.wine-body h2 {
  margin-bottom: 1rem;
}

.wine-body p {
  font-size: 1.2rem;
  color: var(--cs-muted);
  line-height: 1.75;
  margin-bottom: 2rem;
}

.wine-categories {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.wine-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  background: var(--cs-bg-3);
  border: 1px solid var(--cs-line);
  border-radius: var(--radius-sm);
  transition: border-color var(--transition);
}

.wine-category:hover {
  border-color: var(--cs-line-gold);
}

.wine-category__name {
  font-size: 1.1375rem;
  font-weight: 700;
  color: var(--cs-white);
}

.wine-category__count {
  font-size: 1.1rem;
  color: var(--cs-gold);
  font-style: italic;
  font-family: var(--font-display);
}

.wine-visual {
  position: relative;
}

.wine-visual__frame {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.wine-visual__frame img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  display: block;
}

@media (max-width: 1023px) {
  .wine-layout {
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .wine-visual__frame img {
    aspect-ratio: 16/9;
  }
}

/* ──────────────────────────────────────────
   BAR AMBIANCE STRIP
────────────────────────────────────────── */
.bar-ambiance {
  padding-block: 5rem;
  background: var(--cs-bg-2);
}

.bar-ambiance__header {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 3rem;
}

.bar-ambiance__header p {
  font-size: 1.4rem;
  color: var(--cs-muted);
  margin-top: 0.75rem;
}