/* =====================================================
   SCM — Strava Branding CSS
   Conforme Strava Brand Guidelines + Neon Runner theme
   Responsive mobile + desktop
   ===================================================== */

/* === Couleur officielle Strava === */
:root {
  --strava-orange: #FC4C02;
  --strava-orange-soft: rgba(252, 76, 2, 0.12);
  --strava-orange-border: rgba(252, 76, 2, 0.35);
}

/* === Logo SVG === */
.scm-strava-logo {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}

/* =====================================================
   VARIANTE 1 : "Powered by Strava" — pied de page
   ===================================================== */
.scm-powered-by-strava {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  margin: 16px auto;
  font-family: var(--font-mono, "JetBrains Mono", "SF Mono", monospace);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-md, #9CA8AC);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 999px;
  transition: all 0.2s ease;
  user-select: none;
}

.scm-powered-by-strava:hover {
  background: var(--strava-orange-soft);
  border-color: var(--strava-orange-border);
  color: var(--text-hi, #E8F2EC);
}

.scm-powered-by-strava .scm-strava-logo {
  color: var(--strava-orange);
  width: 14px;
  height: 14px;
}

.scm-powered-by-strava__text {
  white-space: nowrap;
}

.scm-powered-by-strava__text strong {
  color: var(--strava-orange);
  font-weight: 700;
}

/* =====================================================
   VARIANTE 2 : Badge compact pour cartes d'activité
   (remplace l'ancien "● STRAVA")
   ===================================================== */
.scm-strava-badge--compact {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px 3px 7px;
  background: var(--strava-orange-soft);
  border: 1px solid var(--strava-orange-border);
  border-radius: 999px;
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 10px;
  font-weight: 700;
  color: var(--strava-orange);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}

.scm-strava-badge--compact .scm-strava-logo {
  width: 11px;
  height: 11px;
}

/* =====================================================
   VARIANTE 3 : Badge officiel "Powered by Strava"
   Pour la card Strava dans settings/sources
   ===================================================== */
.scm-strava-badge--official {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: var(--strava-orange);
  color: #FFFFFF;
  border-radius: 8px;
  font-family: var(--font-body, "Rubik", sans-serif);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(252, 76, 2, 0.25);
}

.scm-strava-badge--official .scm-strava-logo {
  color: #FFFFFF;
  width: 16px;
  height: 16px;
}

/* =====================================================
   RESPONSIVE — Mobile First
   ===================================================== */

/* Mobile : tablettes et téléphones */
@media (max-width: 768px) {
  .scm-powered-by-strava {
    font-size: 11px;
    padding: 7px 12px;
    gap: 6px;
  }

  .scm-powered-by-strava .scm-strava-logo {
    width: 12px;
    height: 12px;
  }

  .scm-strava-badge--compact {
    font-size: 9px;
    padding: 2px 7px 2px 5px;
  }

  .scm-strava-badge--official {
    font-size: 12px;
    padding: 7px 14px;
  }
}

/* Très petits écrans (iPhone SE etc.) */
@media (max-width: 380px) {
  .scm-powered-by-strava {
    font-size: 10px;
    padding: 6px 10px;
    margin: 12px auto;
  }

  .scm-strava-badge--official {
    font-size: 11px;
    padding: 6px 12px;
  }
}

/* === Wrapper centrant pour pied de carte === */
.scm-strava-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 8px 0;
}