/* === Pied de page blanc + texte bleu DATAfutée === */
footer.site-footer,
#colophon,
.site-footer .ast-builder-grid-row-container {
  background-color: #ffffff !important;  /* fond blanc */
  color: #121935 !important;             /* texte bleu foncé */
}

/* Liens */
#colophon a {
  color: #121935 !important;
  text-decoration: none;
}

#colophon a:hover {
  color: #15acfd !important;             /* bleu néon au survol */
  text-decoration: underline;
}

/* Titres du footer */
#colophon h5,
#colophon h3 {
  color: #121935 !important;
  font-weight: 600;
}

/******************************************************
 * 0) VARIABLES DE COULEURS
 ******************************************************/
:root {
  --c-blue:       #121935;    /* Bleu foncé - DATAfutée */
  --c-blue2:      #15acfd;    /* Bleu néon - DATAfutée */
  --c-salmon:     #eabbfc;    /* Rose cyberpunk */
  --c-white:      #ffffff;    /* Blanc pur */
  --c-black:      #000000;    /* Noir pour contraste */
  --c-red:        #c62828;    /* Rouge d'erreur / hover */
  --c-orange:     #fc4c02;    /* Orange Strava */
  --c-footer:     #33346f;    /* Fond footer */
  --c-transparent-white: rgba(255,255,255,0.1); /* Fond léger table */
}

/******************************************************
 * 1) MESSAGES D’ERREUR
 ******************************************************/
.error,
.text-danger {
  color: var(--c-salmon) !important;
  background-color: var(--c-blue) !important;
}


/******************************************************
 * 2) FLUENTAUTH — Bouton Inscription
 ******************************************************/
.fls_registration_fields #fls_submit {
  background-color: var(--c-blue2) !important;
  border: 2px solid var(--c-blue2) !important;
  color: var(--c-white) !important;
}
.fls_registration_fields #fls_submit span,
.fls_registration_fields #fls_submit svg {
  color: var(--c-white) !important;
  fill: currentColor !important;
}
.fls_registration_fields #fls_submit:hover {
  background-color: var(--c-white) !important;
  border: 2px solid var(--c-white) !important;
  color: var(--c-blue2) !important;
}
.fls_registration_fields #fls_submit:hover span,
.fls_registration_fields #fls_submit:hover svg {
  color: var(--c-blue2) !important;
}


/******************************************************
 * 3) PAGE 404 — CENTRAGE ET STYLES
 ******************************************************/
.error-404-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
  color: var(--c-white);
}
body.error404 .entry-title,
body.error404 .page-title,
body.error404 h1.entry-title {
  display: none !important;
}


/******************************************************
 * 4) BOUTONS GÉNÉRIQUES — WP + FluentAuth
 ******************************************************/
button,
input[type="submit"],
#fls_submit,
#fls_reset_pass {
  background-color: var(--c-blue2) !important;
  border: 2px solid var(--c-blue2) !important;
  color: var(--c-white) !important;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
button:hover,
input[type="submit"]:hover,
#fls_submit:hover,
#fls_reset_pass:hover {
  background-color: var(--c-white) !important;
  color: var(--c-blue2) !important;
  border-color: var(--c-blue2) !important;
}
#fls_submit span,
#fls_reset_pass span,
#fls_submit svg,
#fls_reset_pass svg {
  color: var(--c-white) !important;
  fill: currentColor;
}
#fls_submit:hover span,
#fls_reset_pass:hover span,
#fls_submit:hover svg,
#fls_reset_pass:hover svg {
  color: var(--c-blue2) !important;
}


/******************************************************
 * 5) CHAMPS FORMULAIRES — WP & FluentAuth
 ******************************************************/
input[type="text"],
input[type="email"],
input[type="password"] {
  color: var(--c-blue) !important;
  background: var(--c-white) !important;
  border: 1px solid var(--c-white) !important;
  border-radius: 4px;
  padding: 8px;
}
input::placeholder {
  color: var(--c-blue) !important;
  opacity: 1 !important;
}
label,
.fls_field_label,
label[for^="fls_"] {
  color: var(--c-white) !important;
}


/******************************************************
 * 6) LIENS SPÉCIFIQUES
 ******************************************************/
a[href*="ici"] {
  color: var(--c-white) !important;
  text-decoration: none;
}
a[href*="ici"]:hover {
  color: var(--c-white) !important;
  text-decoration: none;
}
#fls_show_login,
#fls_show_signup,
#fls_show_reset_password {
  color: var(--c-white) !important;
  text-decoration: underline !important;
}
#fls_show_login:hover,
#fls_show_signup:hover,
#fls_show_reset_password:hover {
  color: var(--c-blue2) !important;
}

/******************************************************
 * 8) MENU ET FOOTER (Thème Astra)
 ******************************************************/
/* Menu principal */
.main-header-menu.ast-nav-menu a.menu-link {
  color: var(--c-black) !important;
}
/* Menu mobile/off-canvas */
.ast-mobile-header-wrap .main-header-menu a.menu-link,
.ast-off-canvas-sidebar .main-header-menu a.menu-link {
  color: var(--c-white) !important;
}
.main-header-menu.ast-nav-menu li,
.main-header-menu.ast-nav-menu .sub-menu a {
  color: var(--c-white) !important;
}
.main-header-menu.ast-nav-menu svg,
.main-header-menu.ast-nav-menu i {
  color: var(--c-white) !important;
  fill: var(--c-white) !important;
}
/* Footer */
.site-footer a,
.ast-footer-copyright a,
.ast-footer-widget a {
  color: var(--c-white) !important;
  text-decoration: none;
}
.site-footer a:hover,
.ast-footer-copyright a:hover,
.ast-footer-widget a:hover {
  text-decoration: underline;
}


/******************************************************
 * 9) STRAVA — Bloc & Boutons
 ******************************************************/
/* Textes & liens */
.strava_nmr,
.strava_nmr a {
  color: var(--c-white) !important;
}
.strava_nmr a:hover {
  text-decoration: underline;
}

/* Tableau */
.strava_nmr_table,
.strava_nmr_table th,
.strava_nmr_table td {
  text-align: center;
  color: var(--c-white) !important;
}
.strava_nmr_table th {
  border-top: 2px solid var(--c-white);
  border-bottom: 2px solid var(--c-white);
  background-color: var(--c-transparent-white);
  font-weight: bold;
  padding: 8px;
}
.strava_nmr_table td {
  padding: 8px;
}
.strava_nmr_table tr:last-child td {
  border-bottom: 2px solid var(--c-white);
}

/* Bouton OAuth */
a[href*="strava.com/oauth/authorize"] {
  background-color: var(--c-orange);
  color: var(--c-white) !important;
  border: 2px solid var(--c-white);
  padding: 8px 20px;
  border-radius: 80px;
  font-weight: bold;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

/* Bouton logout */
.btn-strava-logout {
  background-color: var(--c-red);
  color: var(--c-white);
  border: 2px solid var(--c-white);
  padding: 8px 20px;
  border-radius: 80px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}
.btn-strava-logout:hover {
  background-color: var(--c-white);
  color: var(--c-red);
  border-color: var(--c-red);
}
.btn-strava-logout,
.btn-strava-logout:hover,
.btn-strava-logout:focus,
.btn-strava-logout:active {
  text-decoration: none !important;
}


/******************************************************
 * 10) RESPONSIVE — Mobiles & tablettes
 ******************************************************/
/* Images fluides */
@media (max-width: 768px) {
  img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
  }
}

/* Footer mobile */
@media (max-width: 768px) {
  .site-footer,
  .ast-small-footer,
  .ast-footer-copyright,
  .ast-builder-grid-row-container .ast-container,
  .ast-footer-overlay .ast-container,
  .ast-footer-widget-area .ast-container {
    padding-left: 16px;
    padding-right: 16px;
    background-color: var(--c-footer);
    box-sizing: border-box;
  }
}

/* Masquer tableaux Strava sur mobile */
@media (max-width: 768px) {
  .strava_nmr_table,
  .strava_nmr_table .strava-scroll,
  .strava_nmr_table .strava-scroll-hint,
  #stravaTable {
    display: none !important;
  }
}

/* Espacements Gutenberg */
.wp-block-spacer { height: 60px !important; }
@media (max-width: 1024px) {
  .wp-block-spacer { height: 10px !important; }
}
@media (max-width: 720px) {
  .wp-block-spacer { height: 20px !important; }
}

/* Icônes spécifiques dans les  */
@media (max-width: 768px) {
  h3 img[src*="2354573.png"],
  h3 img[src*="248147.png"],
  h3 img[src*="calendar_2380358.png"],
  h3 img[src*="strava_icon_130820.png"] {
    height: 18px !important;
  }
}

/******************************************************
 * 11) MENU PRINCIPAL 
 ******************************************************/

/* Menu principal : en bleu basique */
.main-header-menu.ast-nav-menu a.menu-link {
  color: var(--c-blue) !important;
	font-weight: bold !important;
}

/* Menu principal : hover en bleu néon */
.main-header-menu.ast-nav-menu a.menu-link:hover {
  color: var(--c-blue2) !important;
	font-weight: bold !important;
  text-shadow:
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 10px var(--c-blue2);
}

/******************************************************
 * 12) Logo espace membre + déconnexion
 ******************************************************/

/*.avatar:hover {
  content: url('https://datafutee.fr/wp-content/uploads/2025/10/logo_de_base_hover_black.png') !important;
}*/

/* 1️⃣ — Cacher l’icône SVG */
.ast-header-account-link .account-icon,
.ast-header-account-link svg {
  display: none !important;
}

/* 2️⃣ — N'ajouter le texte "Connexion" QUE si aucun texte n’est déjà présent */
.ast-header-account-link.ast-account-action-link:not(:has(.ast-header-account-text))::after {
  content: "Connexion";
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: var(--c-white);
  text-transform: uppercase;
}

/* 3️⃣ — Style du bouton (identique à tes autres boutons) */
.ast-header-account-link.ast-account-action-link,
.ast-header-account-link.ast-account-logout-link,
.ast-custom-button {
  display: inline-block !important;
  background-color: var(--c-blue2) !important;
  border: 2px solid var(--c-blue2) !important;
  color: var(--c-white) !important;
  border-radius: 40px !important;
  padding: 8px 20px !important;
  font-size: 12px !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
  vertical-align: middle !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  text-decoration: none !important;
}

/* 4️⃣ — Hover identique */
.ast-header-account-link.ast-account-action-link:hover,
.ast-header-account-link.ast-account-logout-link:hover,
.ast-custom-button:hover {
  background-color: var(--c-blue) !important;
  border-color: var(--c-blue) !important;
  color: var(--c-white) !important;
  border-radius: 40px !important;
  padding: 8px 20px !important;
  font-size: 12px !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  line-height: 1.2 !important;
  vertical-align: middle !important;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  text-decoration: none !important;
}

/******************************************************
 * 13) Formulaire espace membre
 ******************************************************/

.mci-form label {
  display: block;
  color: var(--c-blue) !important;      /* bleu foncé */
  font-weight: bold !important;         /* texte en gras */
}

.mci-form input[type="text"],
.mci-form input[type="email"],
.mci-form input[type="password"],
.mci-form input[type="file"] {
  border: 1px solid var(--c-blue) !important; /* Contour bleu foncé */
  border-radius: 4px !important;             /* Coins légèrement arrondis */
  background-color: var(--c-white) !important;
  color: var(--c-blue) !important;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
}

.mci-form small a:hover {
  color: var(--c-blue2) !important;
}

/******************************************************
 * 14) Ici cliquable des pages 
 ******************************************************/
.page-id-16 a:not(.wp-block-button__link):hover {
  color: var(--c-blue2) !important;
  text-shadow:
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 10px var(--c-blue2);
}

.page-id-255 a:not(.wp-block-button__link):hover {
  color: var(--c-blue2) !important;
  text-shadow:
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 0px var(--c-blue2),
    0 0 10px var(--c-blue2);
}


/******************************************************
 * 15) Bouton date plot strava 
 ******************************************************/
#resetDates {
  padding: 4px 10px !important;
  background: var(--c-blue) !important;     /* #121935 */
  color: var(--c-white) !important;         /* #ffffff */
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: background 0.3s ease, color 0.3s ease !important;
}

#resetDates:hover {
  background: rgba(21, 172, 253, 0.1) !important;
  color: var(--c-blue2) !important;
}

/******************************************************
 * 16) Bas de page 
 ******************************************************/
.site-above-footer-wrap {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ast-builder-footer-grid-columns {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.site-footer-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.site-above-footer-wrap {
  background-color: var(--c-footer) !important; /* ou var(--c-blue) */
}

/******************************************************
 * 17) Services
 ******************************************************/

/* Effet de brillance néon + réduction taille h2 */
.post-16 h5.wp-block-heading {
  color: var(--c-blue2) !important;   /* bleu néon */
  text-shadow:
    0 0 0px #15acfd,
    0 0 0px #15acfd,
    0 0 0px #15acfd,
    0 0 10px #15acfd;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.post-255 h5.wp-block-heading {
  color: var(--c-blue2) !important;   /* bleu néon */
  text-shadow:
    0 0 0px #15acfd,
    0 0 0px #15acfd,
    0 0 0px #15acfd,
    0 0 10px #15acfd;
  font-weight: bold;
  margin-bottom: 0.5em;
}

/******************************************************
 * 7) WPForms — CHAMPS & BOUTON ENVOYER
 ******************************************************/

.wpforms-submit {
  background-color: var(--c-blue2) !important;
  color: var(--c-white) !important;
  border: 2px solid var(--c-blue2) !important;
  border-radius: 80px !important;
}

.wpforms-submit:hover {
  background-color: var(--c-blue2) !important;
  color: var(--c-white) !important;
  border: 2px solid var(--c-blue2) !important;
  border-radius: 80px !important;
}

/******************************************************
 * 17) Formulaires
 ******************************************************/

.mci-form input[type="file"],
.mci-form input[type="file"]::file-selector-button {
  font-family: inherit; /* Hérite de la police du parent */
  font-size: 14px;      /* Tu peux adapter la taille */
  font-weight: normal;  /* Ou 'bold' selon le style voulu */
}

.fls_auth_wrapper {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;              /* centre horizontalement */
  padding: 20px;
  box-sizing: border-box;
  text-align: left;            /* ou center si tu veux centrer les labels aussi */
}

/******************************************************
 * 🍪 CookieYes — Style sobre et moderne
 ******************************************************/

/* === Boutons (sans background) === */
.cky-btn {
  background: var(--c-blue) !important;
  color: var(--c-white) !important;
  border: 1px var(--c-blue) !important;
}

/* Hover : teinte légère sur fond blanc */
.cky-btn:hover {
  background: var(--c-white) !important;
  color: var(--c-blue) !important;
  border: 1px var(--c-blue) !important;
}

/* === Boutons (sans background) === */
.cky-accordion-btn {
  border-radius: none;
  background: none !important;
  border: none !important;
  color: var(--c-blue) !important;
}

/* Hover : teinte légère sur fond blanc */
.cky-accordion-btn:hover {
  border-radius: none;
  background: none !important;
  border: none !important;
  color: var(--c-blue2) !important;
}

/* === Boutons (sans background) === */
.cky-show-desc-btn {
  border-radius: none;
  background: none !important;
  border: none !important;
  color: var(--c-blue) !important;
}

/* Hover : teinte légère sur fond blanc */
.cky-show-desc-btn:hover {
  border-radius: none;
  background: none !important;
  border: none !important;
  color: var(--c-blue2) !important;
}

/* Interrupteurs CookieYes : couleur personnalisée */
.cky-switch input[type="checkbox"]:checked {
  background-color: var(--c-blue2) !important; /* Remplace ici par ta couleur */
}

/* === Boutons (sans background) === */
.cky-btn-close {
  background: var(--c-white) !important;
  color: var(--c-blue) !important;
  border: var(--c-white) !important;
}

/* Hover : teinte légère sur fond blanc */
.cky-btn-close:hover {
  background: var(--c-white) !important;
  color: var(--c-blue) !important;
  border: var(--c-white) !important;
}

/* Cache le SVG d’origine */
.cky-btn-revisit img {
  display: none;
}

/* Recrée un bouton rond coloré uniformément */
.cky-btn-revisit {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #121935; /* 💙 couleur uniforme */
  mask: url("https://cdn-cookieyes.com/assets/images/revisit.svg") no-repeat center;
  mask-size: 50%;
  -webkit-mask: url("https://cdn-cookieyes.com/assets/images/revisit.svg") no-repeat center;
  -webkit-mask-size: 50%;
  transition: transform 0.2s ease, background-color 0.3s ease;
  cursor: pointer;
}

/* Effet au survol (même couleur plus claire si tu veux une réaction) */
.cky-btn-revisit:hover {
  background-color: #15acfd; /* 💡 Variante plus claire */
  transform: scale(1.1);
}


/******************************************************
 * Beta
 ******************************************************/
.beta-alert {
  display: inline-block;
  position: relative;
  padding: 6px 14px;
  border: 2px solid #eabbfc;
  border-radius: 30px;
  background: rgba(234, 187, 252, 0.05);
  color: #eabbfc;
  font-weight: 500;
  font-size: 0.75em;
  letter-spacing: 0.3px;
  text-shadow:
    0 0 0px rgba(234, 187, 252, 0.25),
    0 0 10px rgba(234, 187, 252, 0.15);
  box-shadow:
    0 0 8px rgba(234, 187, 252, 0.15),
    inset 0 0 8px rgba(234, 187, 252, 0.1);
  animation: pulseGlow 1.8s ease-in-out infinite alternate;
  backdrop-filter: blur(5px);
  text-align: left;
  margin: 0;
}

@keyframes pulseGlow {
  0% {
    box-shadow:
      0 0 10px rgba(234, 187, 252, 0.15),
      inset 0 0 20px rgba(234, 187, 252, 0.1);
    background: rgba(234, 187, 252, 0.05);
  }
  100% {
    box-shadow:
      0 0 30px rgba(234, 187, 252, 0.5),
      inset 0 0 40px rgba(234, 187, 252, 0.3);
    background: rgba(234, 187, 252, 0.08);
  }
}




/******************************************************
 * Liens outils
 ******************************************************/

/* 🎨 Couleur des liens uniquement pour cette page (#post-390) */
#post-390 a {
  color: var(--c-white) !important; /* couleur normale du lien */
  text-decoration: underline;
}

#post-390 a:hover {
  color: var(--c-blue2) !important; /* couleur au survol */
}

/******************************************************
 * 📱 Boutons "Compte 👤" et "Déconnexion 👣" — version mobile unifiée
 ******************************************************/
@media (max-width: 768px) {

  /* === 1️⃣ Compte / Connexion === */
  .ast-header-account-link.ast-account-action-link,
  .ast-header-account-link.ast-account-action-link .ast-header-account-text {
    background: none !important;
    border: none !important;
    font-size: 0 !important; /* masque le texte */
    color: var(--c-blue2) !important;
    position: relative !important;
    margin: 0 !important;
  }

  .ast-header-account-link.ast-account-action-link::after {
    content: "👤";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--c-blue2) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.3px !important;
  }

  /* === 2️⃣ Déconnexion === */
  .ast-custom-button-link[aria-label="déconnexion"] .ast-custom-button,
  .ast-custom-button-link[href*="deconnexion"] .ast-custom-button,
  a.menu-link[href*="deconnexion"],
  a.menu-link[aria-label="déconnexion"] {
    background: none !important;
    border: none !important;
    font-size: 0 !important;
    color: var(--c-blue2) !important;
    position: relative !important;
    margin: 0 !important;
  }

  .ast-custom-button-link[aria-label="déconnexion"] .ast-custom-button::after,
  .ast-custom-button-link[href*="deconnexion"] .ast-custom-button::after,
  a.menu-link[href*="deconnexion"]::after,
  a.menu-link[aria-label="déconnexion"]::after {
    content: "👣";
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--c-blue2) !important;
    letter-spacing: 0.3px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* === Styles communs === */
  .ast-header-account-link.ast-account-action-link,
  .ast-custom-button,
  a.menu-link[href*="deconnexion"] {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 4px !important;
    text-align: center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
  }

  /* === Hover commun — identique pour les deux === */
  .ast-header-account-link.ast-account-action-link:hover,
  .ast-custom-button:hover,
  a.menu-link[href*="deconnexion"]:hover {
    background: rgba(21, 172, 253, 0.08) !important; /* halo bleu léger */
    border-radius: 50% !important;
    box-shadow:
      0 0 8px rgba(21, 172, 253, 0.2),
      0 0 16px rgba(21, 172, 253, 0.1);
  }

  .ast-header-account-link.ast-account-action-link:hover::after,
  .ast-custom-button:hover::after,
  a.menu-link[href*="deconnexion"]:hover::after {
    color: var(--c-blue2) !important;
    text-shadow:
      0 0 5px rgba(21, 172, 253, 0.4),
      0 0 10px rgba(21, 172, 253, 0.3);
  }
}

/* 🖥️ Par défaut (ordinateur) */
.strava-title {
  display: flex;
  align-items: center;
  gap: 8px; /* espace entre logo et texte */
  flex-wrap: nowrap; /* empêche le retour à la ligne */
}

.logo-strava {
  height: 24px;
  width: auto;
  vertical-align: middle;
}

/* 📱 Version mobile : logo plus petit mais toujours sur la même ligne */
@media (max-width: 768px) {
  .logo-strava {
    height: 16px !important;
    margin-right: 6px;
  }

  .strava-title {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
  }
}

/* ====== Strava : affichage horizontal et collé à gauche ====== */
.btn-strava {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  text-align: left !important;
  gap: 8px !important;
}

.btn-strava img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.btn-strava .strava-name {
  white-space: nowrap !important;
  margin-left: 6px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

/* 📱 Mobile : légèrement plus petit et plus serré */
@media (max-width: 768px) {
  .btn-strava {
    gap: 6px !important;
  }

  .btn-strava img {
    width: 24px !important;
    height: 24px !important;
  }

  .btn-strava .strava-name {
    font-size: 15px !important;
    margin-left: 4px !important;
  }
}

@media (max-width: 768px) {
  .df-strava-row img {
    display: inline-block !important;
    margin: 0 !important;
    max-width: none !important;
  }
}

@media (max-width:768px){
  .df-strava-row img{
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    height:26px !important;
    width:26px !important;
    vertical-align:middle !important;
  }
  .df-strava-row{
    justify-content:flex-start !important;
    align-items:center !important;
  }
}