/* Identite 360sport.fr. Palette DA officielle violette, logo non redessine.
   Le lockup et les favicons viennent du paquet approuve, derives des masters. */
html body {
  --dn-accent: #544394 !important;
  --dn-accent-2: #7c6bc4 !important;
  --dn-360-ink: #544394;
  --dn-360-paper: #ffffff;
  --dn-360-text: #16161d;
  --dn-360-rule: color-mix(in srgb, #544394 18%, transparent);
}

html body .dn-360foot {
  background: var(--dn-360-paper);
  color: var(--dn-360-text);
  border-top: 3px solid var(--dn-360-ink);
  padding: 30px 0 18px;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

html body .dn-360foot .dn-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html body .dn-360foot__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 32px;
}

html body .dn-360foot__brand {
  display: inline-flex;
  align-items: center;
}

html body .dn-360foot__brand img {
  display: block;
  width: auto;
  height: auto;
  max-height: 52px;
  min-width: 180px;
  max-width: min(300px, 72vw);
}

html body .dn-360foot__competitions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, max-content));
  gap: 6px 26px;
}

html body .dn-360foot__competitions a,
html body .dn-360foot__house a,
html body .dn-360foot__base a,
html body .dn-360foot__ads a {
  color: var(--dn-360-ink);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.92rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

html body .dn-360foot__competitions a:hover,
html body .dn-360foot__competitions a:focus-visible,
html body .dn-360foot__house a:hover,
html body .dn-360foot__house a:focus-visible,
html body .dn-360foot__base a:hover,
html body .dn-360foot__base a:focus-visible,
html body .dn-360foot__ads a:hover,
html body .dn-360foot__ads a:focus-visible {
  text-decoration: underline;
}

html body .dn-360foot__contacts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 32px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--dn-360-rule);
}

html body .dn-360foot__house {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

html body .dn-360foot__ads {
  margin: 0;
  max-width: 40rem;
  font-size: 0.9rem;
  line-height: 1.45;
}

html body .dn-360foot__ads strong {
  display: block;
  color: var(--dn-360-ink);
  font-weight: 700;
}

html body .dn-360foot__base {
  margin-top: 18px;
  font-size: 0.8rem;
}

html body .dn-360foot__base-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 20px;
}

html body .dn-360foot__base nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}

html body .dn-360foot__base button {
  background: none;
  border: 0;
  padding: 0;
  color: var(--dn-360-ink);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

html body .dn-360foot__base button:hover,
html body .dn-360foot__base button:focus-visible {
  text-decoration: underline;
}

@media (max-width: 680px) {
  html body .dn-360foot__top {
    justify-content: flex-start;
  }  html body .dn-360foot__brand img {
    max-height: 44px;
    min-width: 168px;
  }

  html body .dn-360foot__competitions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 6px 12px;
  }

  html body .dn-360foot__competitions a {
    font-size: 0.84rem;
  }

  html body .dn-360foot__contacts,
  html body .dn-360foot__base-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Header lisible : libelles entiers, retour a la ligne entre items, jamais en plein mot. */
html body #smart-head .navigation .menu,
html body #smart-head-mobile .navigation .menu,
html body .mobile-menu-container .navigation .menu {
  flex-wrap: wrap;
}
html body #smart-head .navigation a,
html body #smart-head-mobile .navigation a,
html body .mobile-menu-container .navigation a,
html body .navigation .menu > li > a {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  html body #smart-head .navigation-main {
    --nav-items-space: 10px;
  }
  html body #smart-head .navigation-main .menu > li > a {
    font-size: 14px;
  }
}

/* Etats d'interaction coherents sur les elements cliquables de contenu. */
html body .dn-breadcrumb a:hover,
html body .dn-article-author:hover,
html body .dn-archive-card a:hover,
html body .dn-pagination a:hover,
html body .dn-360foot a:hover,
html body .spc-social a:hover {
  color: var(--dn-360-ink) !important;
  text-decoration: underline;
}

html body .spc-social a:hover {
  background: color-mix(in srgb, var(--dn-360-ink) 12%, transparent) !important;
}

html body .spc-social a:hover i,
html body .spc-social a:hover .icon {
  color: var(--dn-360-ink) !important;
}

html body a:focus-visible,
html body button:focus-visible,
html body .dn-breadcrumb a:focus-visible,
html body .dn-article-author:focus-visible,
html body .dn-archive-card a:focus-visible,
html body .dn-pagination a:focus-visible,
html body .dn-360foot a:focus-visible,
html body .spc-social a:focus-visible,
html body .dn-share a:focus-visible,
html body .ts-button:focus-visible {
  outline: 3px solid var(--dn-360-ink) !important;
  outline-offset: 2px;
}

/* Bloc de partage d'article, requis par le contrat. */
html body .dn-share {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 30px 0 6px;
  padding-top: 16px;
  border-top: 1px solid var(--dn-360-rule);
  font: 600 0.92rem/1.35 Inter, ui-sans-serif, system-ui, sans-serif;
}

html body .dn-share a {
  color: var(--dn-360-ink);
  text-decoration: none;
}

html body .dn-share a:hover {
  color: var(--dn-360-ink) !important;
  text-decoration: underline;
}




/* P1 du 19 septembre 21h40 : palette commerciale violette, sans orange brun.
   Remplace les regles de contraste flotte #a83d0e par l identite violette. */
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a:link,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a:visited,
html body.diginov-media.diginov-brand-360sport-fr .dn-page-content a,
html body.diginov-media.diginov-brand-360sport-fr .dn-page-content a:link,
html body.diginov-media.diginov-brand-360sport-fr .dn-page-content a:visited {
  color: #544394 !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__kicker,
html body.diginov-media.diginov-brand-360sport-fr .dn-consent__eyebrow {
  color: #544394 !important;
}

html body.diginov-media.diginov-brand-360sport-fr span.dn-index,
html body.diginov-media.diginov-brand-360sport-fr .dn-arena-support span.dn-index,
html body.diginov-media.diginov-brand-360sport-fr .dn-arena-lead span.dn-index,
html body.diginov-media.diginov-brand-360sport-fr .dn-arena-radar span.dn-index {
  color: #544394 !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust a:hover,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a:focus-visible,
html body.diginov-media.diginov-brand-360sport-fr .dn-page-content a:hover,
html body.diginov-media.diginov-brand-360sport-fr .dn-page-content a:focus-visible {
  color: #3f3272 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* CTA violet/blanc, repos hover focus, contraste conforme. */
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button:link,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button:visited,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-form-submit {
  color: #ffffff !important;
  background: #544394 !important;
  border-color: #544394 !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button:hover,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button:focus-visible,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-form-submit:hover,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-form-submit:focus-visible {
  color: #ffffff !important;
  background: #3f3272 !important;
  border-color: #3f3272 !important;
  outline: 3px solid #544394 !important;
  outline-offset: 2px;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button--secondary,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button--secondary:link,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button--secondary:visited {
  color: #544394 !important;
  background: transparent !important;
  border-color: #544394 !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button--secondary:hover,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust a.dn-trust__button--secondary:focus-visible {
  color: #ffffff !important;
  background: #544394 !important;
  border-color: #544394 !important;
}

/* Recompose le bloc RankSource de Contact : plus de colonne morte de 210 px,
   le contenu occupe toute la largeur, le logo reste un element d appui. */
html body.diginov-media.diginov-brand-360sport-fr .dn-trust__contact-commercial {
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0 !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__contact-commercial .dn-trust__marketplace-logo {
  display: block;
  margin: 0 0 18px;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__contact-commercial .dn-trust__marketplace-logo img {
  width: 150px !important;
  max-width: 40% !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__contact-commercial > div {
  max-width: none !important;
  width: 100% !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__contact-actions {
  flex-wrap: wrap;
}

/* Toutes les occurrences RankSource : le marche publicitaire respire lui aussi. */
html body.diginov-media.diginov-brand-360sport-fr .dn-trust__marketplace {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 18px !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__marketplace .dn-trust__marketplace-logo img {
  width: 170px !important;
  max-width: 40% !important;
}

html body.diginov-media.diginov-brand-360sport-fr .dn-trust__marketplace > div {
  max-width: none !important;
  width: 100% !important;
}

/* P1 formulaire : jamais de largeur intermediaire collee a gauche. */
html body.diginov-media.diginov-brand-360sport-fr .dn-contact-form,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust form,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-form,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-form-wrap,
html body.diginov-media.diginov-brand-360sport-fr .dn-trust .dn-contact {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}