/* ============================================================
   Écran Accueil
   ============================================================ */
.cc-root{ padding: 36px 20px 28px; }

.cc-logo-wrap{ position: relative; z-index: 2; width: min(360px, 78%); filter: drop-shadow(0 10px 26px rgba(0,0,0,0.5)); margin-bottom: 2px; }
.cc-logo-wrap img{ width: 100%; display:block; }

.cc-mark{ margin: 4px 0 6px; }
.cc-mark .c{ font-size: clamp(30px, 6vw, 42px); }
.cc-bolt{ width: 20px; height: 34px; margin: 0 -2px; }

.cc-slogan{
  position: relative; z-index: 2; font-size: 14px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--gold-soft); margin-bottom: 28px; text-align: center; text-shadow: 0 1px 6px rgba(0,0,0,0.5);
}

.cc-choices{ position: relative; z-index: 2; width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 14px; margin-top: 4px; }

.cc-btn{
  position: relative; display: flex; align-items: center; gap: 14px;
  padding: 17px 18px; text-align: left; width: 100%;
}
.cc-btn-icon{
  width: 44px; height: 44px; flex: none; border-radius: 12px;
  display: flex; align-items:center; justify-content:center; font-size: 22px;
  background: rgba(255,255,255,0.28);
}
.cc-btn-title{ font-family: var(--font-display); font-weight: 700; font-size: 18px; letter-spacing: 0.01em; }
.cc-btn-sub{ font-size: 12.5px; opacity: 0.85; margin-top: 2px; }
.cc-btn-arrow{ margin-left: auto; font-size: 18px; opacity: 0.8; }

.cc-categories{ position: relative; z-index: 2; display: flex; gap: 8px; margin-top: 24px; flex-wrap: wrap; justify-content: center; max-width: 420px; }
.cc-chip{
  font-size: 11px; letter-spacing: 0.04em; padding: 5px 10px; border-radius: 999px;
  color: var(--ink); border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.08);
}

.cc-footer{ position: relative; z-index: 2; margin-top: auto; padding-top: 22px; font-size: 11px; color: var(--muted); text-align: center; opacity: 0.75; }