/* Modifications de migration. Le thème et les classes exportés restent inchangés. */
:root {
  --font-permanent-marker: "Permanent Marker", sans-serif;
  --font-dm-sans: "DM Sans", sans-serif;
}

.embed-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  padding: 1.5rem;
  border: 1px dashed currentColor !important;
  border-radius: 8px;
  opacity: 0.85;
  text-align: center;
}

.embed-placeholder p { margin: 0; }
.embed-placeholder-title { font-weight: 600; }
.embed-placeholder-text { opacity: 0.8; }
.newsletter-status { margin: 1rem 0 0; text-align: center; }

.menu-toggle {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0.5rem;
  cursor: pointer;
}

.menu-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mobile-menu-list { margin: 0; list-style: none; }
[data-mobile-menu][hidden] { display: none !important; }

@media (max-width: 1199.98px) {
  .f6i3sow { display: none !important; }
  [data-mobile-menu]:not([hidden]) { display: flex; }
  [data-mobile-menu] { width: min(420px, calc(100vw - 40px)); }
}

@media (min-width: 1200px) {
  .f6i3sow {
    position: static !important;
    left: auto !important;
    top: auto !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  [data-menu-toggle], [data-mobile-menu] { display: none !important; }
  #Header .nav-link-list { flex-wrap: nowrap; }
}

.migration-notice {
  min-height: 55vh;
  padding: 5rem 1.5rem;
  text-align: center;
  background: #06334b;
  color: white;
}

.migration-notice h1 { color: white; margin-bottom: 1.5rem; }
.migration-notice .btn { margin-top: 1rem; background: #ff7076; border-color: #ff7076; color: black; }

/* Logos présents dans les données Solo, mais omis de son export HTML. */
.restored-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  list-style: none;
  padding: 0;
  max-width: 928px;
  margin: 0 auto 16px;
}

.restored-logos > li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 220px;
  width: 220px;
  max-width: 100%;
  aspect-ratio: 4 / 3;
  padding: 16px 24px;
  border-radius: 4px;
  background: #fff;
}

.restored-logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.restored-logos a:focus-visible {
  outline: 2px solid #ff7076;
  outline-offset: 6px;
}

.restored-logos--partners > li { filter: grayscale(1); }

.restored-logos img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

/* Le logo MGamingCo sert de référence visuelle aux six autres partenaires. */
.restored-logos--partners > li:not(:last-child) img {
  transform: scale(.85);
}

@media (max-width: 767.98px) {
  .restored-logos > li {
    flex-basis: calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
  }
  .restored-logos > li:nth-child(odd):last-child {
    flex-basis: 220px;
    width: 220px;
  }
}

/* Les régions dépliées restent naturelles, même après le chargement d’une image. */
.accordion-content.expanded { display: block; height: auto !important; flex-shrink: 0; }

/* Le footer exporté utilise des rangées Bootstrap sans gouttières extérieures. */
@media (max-width: 576px) {
  #Footer .row {
    --bs-gutter-x: 0;
    margin-inline: 0;
  }
  #Footer .f15mui7r {
    transform-origin: right center;
  }
  #Services > .container > .row {
    margin-inline: 0;
  }
}