/* ============================================================
   ete.css — Thème été : vert forêt, or, nature
   ============================================================ */

:root {
  --couleur-primaire:   #1e5c2f;   /* vert forêt */
  --couleur-secondaire: #2d8645;   /* vert vif */
  --couleur-accent:     #f59e0b;   /* or soleil */
  --couleur-clair:      #f0faf2;   /* vert très clair */
  --couleur-texte:      #1a2e1e;
  --bg-section-alt:     #f5fbf5;
}

/* ─── Navbar été ────────────────────────────────────────────*/
body.saison-ete .navbar-meygal {
  background: rgba(20, 60, 30, .97);
  backdrop-filter: blur(10px);
}

body.saison-ete .navbar-brand,
body.saison-ete .navbar-meygal .nav-link {
  color: rgba(255,255,255,.9) !important;
}

body.saison-ete .navbar-meygal .nav-link:hover,
body.saison-ete .navbar-meygal .nav-link.active {
  color: var(--couleur-accent) !important;
}

body.saison-ete .navbar-toggler { border-color: rgba(255,255,255,.3); }
body.saison-ete .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ─── Toggle saison ─────────────────────────────────────────*/
body.saison-ete .btn-saison {
  color: rgba(255,255,255,.65);
}

body.saison-ete .btn-saison.active,
body.saison-ete .btn-saison:hover {
  color: #fff;
  background: rgba(245,158,11,.2);
  border-color: var(--couleur-accent);
}

/* ─── Hero été ──────────────────────────────────────────────*/
body.saison-ete .hero-bg {
  background-image: url('/assets/img/ete/domaine-nordique-du-meygal-chalet.jpg');
  background-position: center 40%;
}

/* Lumière du soleil en overlay subtil */
body.saison-ete .hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 20%, rgba(245,200,50,.08) 0%, transparent 60%);
  pointer-events: none;
  z-index: 1;
}

/* ─── Section title ─────────────────────────────────────────*/
body.saison-ete .section-title::after {
  background: var(--couleur-accent);
}

/* ─── Section stats été ─────────────────────────────────────*/
body.saison-ete .stats-section {
  background: linear-gradient(135deg, var(--couleur-primaire) 0%, var(--couleur-secondaire) 100%);
  color: #fff;
}

body.saison-ete .stat-number { color: var(--couleur-accent); }
body.saison-ete .stat-label  { color: rgba(255,255,255,.7); }

/* ─── Boutons été ────────────────────────────────────────────*/
body.saison-ete .btn-meygal-primary {
  background: linear-gradient(135deg, var(--couleur-accent), #d97706);
  color: #fff;
}

body.saison-ete .btn-meygal-outline {
  background: transparent;
  border: 2px solid var(--couleur-secondaire) !important;
  color: var(--couleur-secondaire);
}

body.saison-ete .btn-meygal-outline:hover {
  background: var(--couleur-secondaire);
  color: #fff;
}

/* ─── Cards activités été ────────────────────────────────────*/
body.saison-ete .card-activite .card-header-bg {
  background: linear-gradient(135deg, var(--couleur-primaire), var(--couleur-secondaire));
  color: #fff;
}

/* ─── Sections alternées ─────────────────────────────────────*/
body.saison-ete .section-alt {
  background: var(--bg-section-alt);
}

/* ─── Service icons ─────────────────────────────────────────*/
body.saison-ete .service-icon {
  background: rgba(45, 134, 69, .12);
  color: var(--couleur-secondaire);
}

/* ─── Event date badge ──────────────────────────────────────*/
body.saison-ete .event-date-badge {
  background: linear-gradient(180deg, var(--couleur-secondaire), var(--couleur-primaire));
}

/* ─── Animations planning ───────────────────────────────────*/
body.saison-ete .planning-day {
  border-radius: var(--radius);
  overflow: hidden;
  border: none;
  box-shadow: var(--shadow);
}

body.saison-ete .planning-day-header {
  background: linear-gradient(135deg, var(--couleur-primaire), var(--couleur-secondaire));
  color: #fff;
  padding: .8rem 1.2rem;
  font-family: var(--font-title);
  font-weight: 700;
}

body.saison-ete .planning-day-header .emoji { font-size: 1.3rem; }

body.saison-ete .planning-item {
  display: flex;
  gap: .8rem;
  align-items: flex-start;
  padding: .7rem 1.2rem;
  border-bottom: 1px solid rgba(0,0,0,.05);
}

body.saison-ete .planning-item:last-child { border-bottom: none; }

/* ─── Horaires chalet ───────────────────────────────────────*/
body.saison-ete .horaires-box {
  background: var(--couleur-clair);
  border-left: 4px solid var(--couleur-secondaire);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1rem 1.25rem;
}

/* ─── Scroll top ─────────────────────────────────────────── */
body.saison-ete #scroll-top {
  background: var(--couleur-secondaire);
  color: #fff;
}