/* Chai N°5 — Page « Le Chai N°5 à Saint-Quentin » (hub), posée sur la-cave.css */

/* Cartes entièrement cliquables */
.cave-page--lechai a.cave-card {
  color: inherit;
  text-decoration: none;
}

.cave-page--lechai a.cave-card .cave-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Les cartes variantes (vin, or) sont pleine largeur sur la page de la cave : ici toutes pareilles */
.cave-page--lechai .lc-event {
  grid-column: auto;
  flex-direction: column;
  align-items: stretch;
}

.cave-page--lechai .lc-event .cave-card__art {
  flex: none;
  display: block;
}

/* Photos : même format pour toutes les cartes */
.cave-page--lechai .cave-card__art--photo img {
  aspect-ratio: 16 / 10;
  min-height: 0;
}

/* Mêmes tailles de texte pour toutes les cartes d'événements, quelle que soit la couleur */
.cave-page--lechai .lc-event .cave-card__body {
  justify-content: flex-start;
  padding: 0 var(--space-md) var(--space-md);
}

.cave-page--lechai .lc-event .cave-card__title { font-size: 1.5rem; }

.cave-page--lechai .lc-event p { font-size: .97rem; }

.cave-page--lechai .lc-event .cave-card__cta { margin-top: auto; }

/* Palette du dessin « calendrier » (reprise de avent.css) */
.lc-event--avent {
  --d-box: var(--color-wine);
  --d-box-dark: #5A1F2B;
  --d-gold: #C8A24B;
  --d-cream: #F6F0E4;
  --d-num: #FAF7F2;
  --d-door-a: #8E3A4A;
  --d-door-b: #6B7F5E;
  --d-door-c: #A8544F;
  --d-door-d: #4F6144;
  --d-pine: var(--color-olive);
  --d-trunk: #7A5436;
  --d-shadow: rgba(44, 36, 32, .12);
}

/* En ce moment : 1 colonne sur mobile, 2 dès la tablette */
.lc-events {
  display: grid;
  gap: var(--space-md);
}

.lc-date {
  display: inline-block;
  margin-bottom: 6px;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--color-bg);
  color: var(--color-wine);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cave-card--wine .lc-date,
.cave-card--olive .lc-date {
  background: var(--cave-veil);
  color: #fff;
}

/* Sur place : une carte par univers */
.lc-lieu {
  display: grid;
  gap: var(--space-md);
  grid-template-columns: 1fr;
}

/* Tuiles de la boutique en ligne */
.lc-tiles {
  display: grid;
  gap: var(--space-sm);
}

.lc-tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-white);
  color: var(--color-dark);
  text-decoration: none;
  transition: transform var(--transition-slow), box-shadow var(--transition-slow);
}

.lc-tile:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
  color: var(--color-dark);
  text-decoration: none;
}

.lc-tile strong {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  color: var(--color-wine);
}

.lc-tile strong::after {
  content: " \2192";
}

.lc-tile span {
  color: var(--color-text-muted);
  font-size: .95rem;
}

.lc-hours-note {
  margin-top: var(--space-sm);
  color: var(--color-text-muted);
  font-size: .9rem;
}

.lc-legal {
  margin-top: var(--space-lg);
  color: var(--color-text-muted);
  font-size: .8rem;
  text-align: center;
}

@media (min-width: 700px) {
  .lc-events { grid-template-columns: repeat(2, 1fr); }
  .lc-lieu { grid-template-columns: repeat(2, 1fr); }
  .lc-tiles { grid-template-columns: repeat(2, 1fr); }
}

/* En ce moment : 3 cartes par ligne sur grand écran */
@media (min-width: 1000px) {
  .lc-events { grid-template-columns: repeat(3, 1fr); }
  .cave-page--lechai .lc-event .cave-card__title { font-size: 1.3rem; }
}

@media (min-width: 1000px) {
  .lc-tiles { grid-template-columns: repeat(4, 1fr); }
}