img[src*="logo-mehdi-zoghbi-3d-820"],
img[src*="logo-mehdi-zoghbi-3d-transparent-831"],
img[src*="site-current-logo-3d-820"] {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  object-fit: contain !important;
}

.topbar .mz-forced-brand img,
.topbar .logo img,
.topbar .brand img {
  width: min(166px, 100%) !important;
  max-width: 166px !important;
  height: auto !important;
  max-height: 52px !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

html body .topbar.is-scrolled .mz-forced-brand img,
html body .topbar.is-scrolled .logo img,
html body .topbar.is-scrolled .brand img,
html body header.is-scrolled .mz-forced-brand img,
html body header.is-scrolled .logo img,
html body header.is-scrolled .brand img {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  animation: mzBrandBlueFloat 4.8s ease-in-out infinite !important;
}

@keyframes mzBrandBlueFloat {
  0%, 100% { transform: translateY(0); filter: none; }
  50% { transform: translateY(-1px); filter: none; }
}

.site-footer .footer-brand img {
  width: 200px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 62px !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  animation: mzFooterBlueFloat 5.2s ease-in-out infinite !important;
}

@keyframes mzFooterBlueFloat {
  0%, 100% { transform: translateY(0); filter: none; }
  50% { transform: translateY(-1px); filter: none; }
}

/* Verrouillage absolu : aucune animation ne peut recolorer les logos du chrome du site. */
html body > header.topbar.mz-brand-3d-header .mz-forced-brand img,
html body > header.topbar.mz-brand-3d-header .logo img,
html body > header.topbar.mz-brand-3d-header .brand img,
html body > .topbar.mz-brand-3d-header .mz-forced-brand img,
html body > .topbar.mz-brand-3d-header .logo img,
html body > .topbar.mz-brand-3d-header .brand img,
html body > footer.site-footer.mz-brand-3d-footer .footer-brand img {
  filter: none !important;
  -webkit-filter: none !important;
  animation: none !important;
  transition-property: transform, opacity !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* Habillage du vrai direct Twitch : badge parfaitement centré sous le logo. */
html body #twitch-live .mz-twitch-live-brand {
  width: clamp(190px, 20vw, 300px) !important;
  align-items: center !important;
  text-align: center !important;
}

html body #twitch-live .mz-twitch-live-brand img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

html body #twitch-live .mz-twitch-live-brand > span {
  align-self: center !important;
  width: max-content !important;
  margin: 2px auto 0 !important;
  text-align: center !important;
}

@media (max-width: 700px) {
  html body #twitch-live .mz-twitch-live-brand {
    width: 155px !important;
  }
}

.mz-site-intro__logo {
  width: min(620px, 82vw) !important;
  max-height: 210px !important;
}

.radio-premium-cover-wrap,
.radio-logo,
.player-logo {
  background-image: url("logo-mehdi-zoghbi-signature-v1186.svg") !important;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

/* Le logo du lecteur conserve ses vraies couleurs bleues. */
html body #ecouter-radio .radio-premium-cover-wrap,
html body #ecouter-radio .mz-radio-brand-logo,
html body .mz-player-standalone .radio-premium-cover-wrap,
html body .mz-player-standalone .mz-radio-brand-logo {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  opacity: 1 !important;
}

/* Alignement vertical du logo avec le bloc titre / artiste du player. */
html body #ecouter-radio .radio-dock.compact-radio .radio-premium-cover-wrap,
html body .mz-player-standalone #ecouter-radio .radio-premium-cover-wrap {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 820px) {
  .topbar .mz-forced-brand img,
  .topbar .logo img,
  .topbar .brand img {
    width: min(154px, 46vw) !important;
    max-width: 154px !important;
    max-height: 46px !important;
  }

  .site-footer .footer-brand img {
    width: min(210px, 68vw) !important;
  }
}

/* Bandeau 3D premium */
.mz-brand-3d-header {
  isolation: isolate !important;
  overflow: visible !important;
  border: 1px solid rgba(240,166,111, .38) !important;
  border-radius: 25px !important;
  background:
    linear-gradient(112deg, rgba(34,22,33, .96), rgba(28,18,28, .98) 52%, rgba(25,17,26, .99)) !important;
  box-shadow:
    0 22px 65px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .1),
    inset 0 -1px 0 rgba(240,166,111, .12) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}

.mz-brand-3d-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px;
  border-radius: 23px;
  background: linear-gradient(90deg, rgba(240,166,111, .1), transparent 28%, transparent 72%, rgba(240,166,111, .06));
  pointer-events: none;
}

.mz-brand-3d-header .mz-forced-brand,
.mz-brand-3d-header > .logo,
.mz-brand-3d-header > .brand {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.mz-brand-3d-header .mz-forced-brand::after,
.mz-brand-3d-header > .logo::after,
.mz-brand-3d-header > .brand::after {
  content: "";
  position: absolute;
  top: 18%;
  right: -13px;
  width: 1px;
  height: 64%;
  background: linear-gradient(transparent, rgba(240,166,111, .34), transparent);
}

.mz-brand-3d-header .main-nav > a {
  position: relative !important;
  padding: 12px 0 !important;
  color: rgba(245,224,213, .83) !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
  transition: color .22s ease, transform .22s ease !important;
}

.mz-brand-3d-header .main-nav > a::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 5px;
  left: 50%;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #f0a66f, #f0a66f);
  box-shadow: 0 0 12px rgba(240,166,111, .62);
  transition: right .22s ease, left .22s ease;
}

.mz-brand-3d-header .main-nav > a:hover,
.mz-brand-3d-header .main-nav > a.active,
.mz-brand-3d-header .main-nav > a[aria-current="page"] {
  color: #fff !important;
  transform: translateY(-1px);
}

.mz-brand-3d-header .main-nav > a:hover::after,
.mz-brand-3d-header .main-nav > a.active::after,
.mz-brand-3d-header .main-nav > a[aria-current="page"]::after {
  right: 0;
  left: 0;
}

.mz-brand-3d-header .mz-menu-socials {
  border-left: 1px solid rgba(240,166,111, .2) !important;
  padding-left: 16px !important;
}

.mz-brand-3d-header .mz-menu-socials a {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(240,166,111, .25) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(34,22,33, .85), rgba(26,17,27, .9)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .06) !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease !important;
}

.mz-brand-3d-header .mz-menu-socials a:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(240,166,111, .7) !important;
  background: rgba(240,166,111, .28) !important;
}

/* Pied de page assorti */
.mz-brand-3d-footer {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: 1px solid rgba(240,166,111, .34) !important;
  background:
    radial-gradient(circle at 8% 50%, rgba(240,166,111, .19), transparent 28%),
    linear-gradient(112deg, rgba(31,20,31, .98), rgba(26,17,27, .99) 58%, rgba(24,16,26, .99)) !important;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, .5),
    inset 0 1px rgba(255, 255, 255, .08) !important;
}

/* Pied de page horizontal : logo, mentions puis réseaux sur une seule ligne. */
html body .mz-brand-3d-footer .site-footer-inner {
  display: grid !important;
  grid-template-columns: minmax(150px, 220px) minmax(310px, 1fr) auto !important;
  grid-template-areas: "brand copyright socials" !important;
  align-items: center !important;
  gap: clamp(18px, 3vw, 48px) !important;
  width: min(1480px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
}

html body .mz-brand-3d-footer .footer-brand {
  grid-area: brand !important;
  min-width: 0 !important;
}

html body .mz-brand-3d-footer .footer-copyright {
  grid-area: copyright !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body .mz-brand-3d-footer .footer-copyright > * {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html body .mz-brand-3d-footer .footer-socials {
  grid-area: socials !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: max-content !important;
}

.mz-brand-3d-footer::before {
  content: "";
  position: absolute;
  top: 0;
  right: 6%;
  left: 6%;
  height: 1px;
  background: linear-gradient(90deg, transparent, #f0a66f, transparent);
  box-shadow: 0 0 18px rgba(240,166,111, .55);
}

.mz-brand-3d-footer .footer-brand {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.mz-brand-3d-footer .footer-brand::after {
  content: "";
  position: absolute;
  top: 14%;
  right: -15px;
  width: 1px;
  height: 72%;
  background: linear-gradient(transparent, rgba(240,166,111, .3), transparent);
}

.mz-brand-3d-footer .footer-copyright {
  color: rgba(245,224,213, .72) !important;
  font-size: 12px !important;
  letter-spacing: .015em !important;
}

.mz-brand-3d-footer .footer-copyright a {
  color: #fff !important;
  text-decoration: none !important;
}

.mz-brand-3d-footer .footer-copyright a:hover {
  color: #f0a66f !important;
}

.mz-brand-3d-footer .footer-socials a {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(240,166,111, .28) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(35,22,33, .86), rgba(25,17,27, .94)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 9px 22px rgba(0, 0, 0, .2) !important;
  transition: transform .22s ease, border-color .22s ease !important;
}

.mz-brand-3d-footer .footer-socials a:hover {
  transform: translateY(-4px) scale(1.04) !important;
  border-color: rgba(240,166,111, .75) !important;
}

@media (max-width: 820px) {
  .mz-brand-3d-header {
    border-radius: 20px !important;
  }

  .mz-brand-3d-header::before {
    border-radius: 18px;
  }

  .mz-brand-3d-header .mz-forced-brand::after,
  .mz-brand-3d-header > .logo::after,
  .mz-brand-3d-header > .brand::after,
  .mz-brand-3d-footer .footer-brand::after {
    display: none;
  }

  .mz-brand-3d-header .menu-btn {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid rgba(240,166,111, .36) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, rgba(36,23,34, .95), rgba(27,18,28, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08), 0 8px 24px rgba(0, 0, 0, .24) !important;
  }

  .mz-brand-3d-footer .site-footer-inner {
    display: flex !important;
    flex-direction: column !important;
    width: min(100% - 24px, 620px) !important;
    gap: 15px !important;
    text-align: center !important;
  }

  .mz-brand-3d-footer .footer-brand,
  .mz-brand-3d-footer .footer-socials {
    justify-content: center !important;
  }

  .mz-brand-3d-footer .footer-copyright {
    white-space: normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mz-brand-3d-header *,
  .mz-brand-3d-footer * {
    transition: none !important;
  }
}