/* ============================================================
   PATTES & PRESTIGE — seasons.css v2
   Thème saisonnier accentué — changements vraiment visibles
   ============================================================ */

/* ══════════════════════════════════════════════════
   TRANSITIONS GLOBALES
   ══════════════════════════════════════════════════ */

body,
.nav,
.hero__card,
.hero__floating-card,
.hero__ring,
.hero__season-label,
.glass-card,
.glass-btn,
.btn-primary,
.cat-card,
.section-tag,
.footer,
.newsletter__glass,
.season-tab,
.parade-item {
  transition:
    background 0.9s ease,
    background-color 0.9s ease,
    background-image 1.2s ease,
    border-color 0.7s ease,
    color 0.6s ease,
    box-shadow 0.9s ease;
}

/* ══════════════════════════════════════════════════
   ÉLÉMENTS COMMUNS
   ══════════════════════════════════════════════════ */

.nav__name em { color: var(--season-primary); }
.nav__links a::after { background: var(--season-primary); }

.section-tag {
  border-color: color-mix(in srgb, var(--season-primary) 35%, transparent);
  color: var(--season-text-accent);
  background: color-mix(in srgb, var(--season-primary) 8%, transparent);
}

.hero__season-label {
  color: var(--season-text-accent);
  background: color-mix(in srgb, var(--season-primary) 15%, transparent);
  border-color: color-mix(in srgb, var(--season-primary) 40%, transparent);
}

.hero__title em::after {
  background: linear-gradient(to right, var(--season-primary), var(--season-accent));
  height: 3px;
}

.hero__ring--outer {
  border-color: color-mix(in srgb, var(--season-primary) 35%, transparent);
  background: radial-gradient(circle, color-mix(in srgb, var(--season-primary) 8%, transparent) 0%, transparent 70%);
}
.hero__ring--mid {
  border-color: color-mix(in srgb, var(--season-accent) 45%, transparent);
}

.hero__card-badge  { background: var(--season-primary); }
.cart-badge        { background: var(--season-primary); }
.product-card__badge { background: var(--season-primary); }

.btn-primary {
  background: color-mix(in srgb, var(--season-primary) 18%, rgba(255,252,248,0.7));
  border-color: color-mix(in srgb, var(--season-primary) 40%, rgba(255,255,255,0.72));
}
.btn-primary:hover {
  background: color-mix(in srgb, var(--season-primary) 28%, rgba(255,252,248,0.85));
}

.season-tab.active {
  background: color-mix(in srgb, var(--season-primary) 15%, rgba(255,255,255,0.8));
  box-shadow: 0 4px 18px color-mix(in srgb, var(--season-primary) 25%, transparent),
              inset 0 1px 0 rgba(255,255,255,0.95);
  border: 1px solid color-mix(in srgb, var(--season-primary) 35%, transparent);
}

.cat--artisanat { border-top: 3px solid color-mix(in srgb, var(--season-primary) 70%, transparent); }
.cat--friandises { border-top: 3px solid color-mix(in srgb, var(--season-secondary) 70%, transparent); }
.cat--jouets     { border-top: 3px solid color-mix(in srgb, var(--season-warm) 70%, transparent); }
.cat--soin       { border-top: 3px solid color-mix(in srgb, var(--season-accent) 70%, transparent); }
.cat--formations { border-top: 3px solid color-mix(in srgb, var(--season-primary) 60%, transparent); }
.cat--habitat    { border-top: 3px solid color-mix(in srgb, var(--season-secondary) 60%, transparent); }

.glass-card:hover {
  box-shadow:
    0 20px 50px color-mix(in srgb, var(--season-primary) 14%, rgba(160,130,100,0.12)),
    0 0 0 1px color-mix(in srgb, var(--season-primary) 20%, rgba(255,255,255,0.72)),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.featured-formation {
  background: color-mix(in srgb, var(--season-primary) 14%, var(--glass-bg));
  border-color: color-mix(in srgb, var(--season-primary) 45%, transparent);
}

.testi-stars { color: var(--season-warm, #e8d48a); }
.footer__name em { color: var(--season-primary); }

.glass-input:focus {
  border-color: var(--season-primary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--season-primary) 20%, transparent),
              inset 0 2px 8px rgba(160,130,100,0.06);
}

.categories::before { content: var(--season-separator, '🌸 ✦ 🌿 ✦ 🌷 ✦ 🌼 ✦ 🌸'); }
.testimonials::before { color: var(--season-primary); }

.newsletter__glass {
  border-color: color-mix(in srgb, var(--season-primary) 30%, rgba(255,255,255,0.72));
  background: color-mix(in srgb, var(--season-primary) 6%, rgba(255,252,248,0.55));
}

.section-title em {
  color: var(--season-text-accent);
}

.filter-pill.active {
  background: color-mix(in srgb, var(--season-primary) 15%, rgba(255,255,255,0.8));
  border-color: color-mix(in srgb, var(--season-primary) 50%, transparent);
  box-shadow: 0 3px 12px color-mix(in srgb, var(--season-primary) 18%, transparent);
}

.size-btn.active {
  border-color: var(--season-primary);
  background: color-mix(in srgb, var(--season-primary) 12%, rgba(255,255,255,0.8));
}

.gallery-dot.active { background: var(--season-primary); }

.free-shipping-bar__fill {
  background: linear-gradient(to right, var(--season-primary), var(--season-secondary));
}

/* Bande colorée animée en haut de page */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(to right,
    var(--season-primary),
    var(--season-accent),
    var(--season-secondary),
    var(--season-warm),
    var(--season-primary));
  background-size: 300% 100%;
  animation: seasonBand 5s linear infinite;
  z-index: 9999;
  pointer-events: none;
}

@keyframes seasonBand {
  0%   { background-position: 0% 0%; }
  100% { background-position: 300% 0%; }
}

/* ══════════════════════════════════════════════════
   🌸 PRINTEMPS
   ══════════════════════════════════════════════════ */

body[data-season="printemps"] {
  background-color: #f5ede8;
  background-image:
    radial-gradient(ellipse at 12% 5%,  rgba(232,164,184,0.38) 0%, transparent 42%),
    radial-gradient(ellipse at 88% 95%, rgba(196,181,212,0.32) 0%, transparent 42%),
    radial-gradient(ellipse at 50% 50%, rgba(154,187,154,0.18) 0%, transparent 38%),
    radial-gradient(ellipse at 78% 18%, rgba(240,196,160,0.15) 0%, transparent 32%);
}

body[data-season="printemps"] .glass-card {
  background: rgba(255,246,250,0.52);
  border-color: rgba(232,164,184,0.38);
}

body[data-season="printemps"] .nav.glass-nav {
  background: rgba(252,238,244,0.85);
  border-bottom-color: rgba(232,164,184,0.30);
}

body[data-season="printemps"] .hero__title em { color: #c4748a; }

body[data-season="printemps"] .artisanat__placeholder {
  background: linear-gradient(135deg, rgba(232,164,184,0.38), rgba(196,181,212,0.30), rgba(154,187,154,0.22));
}

/* ══════════════════════════════════════════════════
   🌻 ÉTÉ
   ══════════════════════════════════════════════════ */

body[data-season="ete"] {
  background-color: #f6f0dc;
  background-image:
    radial-gradient(ellipse at 18% 6%,  rgba(245,200,66,0.35)  0%, transparent 42%),
    radial-gradient(ellipse at 82% 94%, rgba(240,144,96,0.28)  0%, transparent 42%),
    radial-gradient(ellipse at 55% 55%, rgba(126,184,208,0.18) 0%, transparent 38%),
    radial-gradient(ellipse at 82% 18%, rgba(196,168,212,0.14) 0%, transparent 32%);
}

body[data-season="ete"] .glass-card {
  background: rgba(255,252,236,0.55);
  border-color: rgba(245,200,66,0.32);
}

body[data-season="ete"] .nav.glass-nav {
  background: rgba(252,248,228,0.87);
  border-bottom-color: rgba(245,200,66,0.28);
}

body[data-season="ete"] .hero__title em { color: #b88820; }

body[data-season="ete"] .artisanat__placeholder {
  background: linear-gradient(135deg, rgba(245,200,66,0.35), rgba(126,184,208,0.25), rgba(240,144,96,0.20));
}

/* ══════════════════════════════════════════════════
   🍂 AUTOMNE
   ══════════════════════════════════════════════════ */

body[data-season="automne"] {
  background-color: #f2e8d8;
  background-image:
    radial-gradient(ellipse at 15% 7%,  rgba(192,112,58,0.35)  0%, transparent 42%),
    radial-gradient(ellipse at 85% 93%, rgba(212,168,64,0.30)  0%, transparent 42%),
    radial-gradient(ellipse at 55% 45%, rgba(184,64,64,0.14)   0%, transparent 38%),
    radial-gradient(ellipse at 80% 20%, rgba(139,107,74,0.18)  0%, transparent 32%);
}

body[data-season="automne"] .glass-card {
  background: rgba(255,246,232,0.55);
  border-color: rgba(192,112,58,0.32);
}

body[data-season="automne"] .nav.glass-nav {
  background: rgba(250,238,220,0.87);
  border-bottom-color: rgba(192,112,58,0.28);
}

body[data-season="automne"] .hero__title em { color: #a05828; }

body[data-season="automne"] .glass-btn {
  background: rgba(255,246,232,0.70);
}

body[data-season="automne"] .artisanat__placeholder {
  background: linear-gradient(135deg, rgba(192,112,58,0.35), rgba(212,168,64,0.28), rgba(139,107,74,0.20));
}

/* ══════════════════════════════════════════════════
   ❄️ HIVER
   ══════════════════════════════════════════════════ */

body[data-season="hiver"] {
  background-color: #edf2f6;
  background-image:
    radial-gradient(ellipse at 12% 6%,  rgba(168,196,212,0.40) 0%, transparent 42%),
    radial-gradient(ellipse at 88% 94%, rgba(212,184,200,0.32) 0%, transparent 42%),
    radial-gradient(ellipse at 50% 50%, rgba(184,212,184,0.18) 0%, transparent 38%),
    radial-gradient(ellipse at 82% 18%, rgba(232,224,208,0.22) 0%, transparent 32%);
}

body[data-season="hiver"] .glass-card {
  background: rgba(244,250,255,0.58);
  border-color: rgba(168,196,212,0.42);
  box-shadow:
    0 8px 32px rgba(100,140,180,0.14),
    inset 0 1px 0 rgba(255,255,255,0.94),
    inset 0 -1px 0 rgba(200,220,240,0.22);
}

body[data-season="hiver"] .nav.glass-nav {
  background: rgba(238,246,252,0.88);
  border-bottom-color: rgba(168,196,212,0.38);
}

body[data-season="hiver"] .hero__title em { color: #4a7890; }

body[data-season="hiver"] .glass-btn {
  background: rgba(242,248,255,0.72);
  border-color: rgba(168,196,212,0.55);
}

body[data-season="hiver"] .artisanat__placeholder {
  background: linear-gradient(135deg, rgba(168,196,212,0.38), rgba(232,224,208,0.30), rgba(212,184,200,0.24));
}

/* Effet givre subtil */
body[data-season="hiver"] .hero__ring--outer {
  box-shadow: 0 0 40px rgba(168,196,212,0.20);
}