/* ==========================================================
   PFB PREMIUM SITE POLISH — v1.5.7 SIDR PREMIUM
   ----------------------------------------------------------
   IMPORTANT : cette version NE RESTYLE PLUS le drawer Rosie.
   On laisse intégralement au thème sa mécanique mobile/desktop.
   Le plugin ne fait plus que :
   1) corriger les bannières mobiles Staff / Story / Partenaires ;
   2) recolorer le vrai hamburger en rouge au hover/focus.
   ========================================================== */

:root{
  --pfb-premium-red:#df2631;
  --pfb-premium-red-dark:#a8131c;
}

/* ----------------------------------------------------------
   HAMBURGER : aucun changement de structure, aucun drawer custom.
   ---------------------------------------------------------- */
.pfb-premium-hamburger-trigger{
  transform-origin:center!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .16s ease,color .16s ease!important;
}

.pfb-premium-hamburger-trigger:hover,
.pfb-premium-hamburger-trigger:focus-visible{
  transform:scale(1.08)!important;
  color:var(--pfb-premium-red)!important;
  outline:none!important;
}

.pfb-premium-hamburger-trigger .pfb-premium-hamburger-bar{
  transition:background-color .16s ease,border-color .16s ease!important;
}

.pfb-premium-hamburger-trigger:hover .pfb-premium-hamburger-bar,
.pfb-premium-hamburger-trigger:focus-visible .pfb-premium-hamburger-bar{
  background:var(--pfb-premium-red)!important;
  background-color:var(--pfb-premium-red)!important;
  border-color:var(--pfb-premium-red)!important;
}

.pfb-premium-hamburger-trigger:hover svg,
.pfb-premium-hamburger-trigger:focus-visible svg,
.pfb-premium-hamburger-trigger:hover i,
.pfb-premium-hamburger-trigger:focus-visible i{
  color:var(--pfb-premium-red)!important;
  fill:var(--pfb-premium-red)!important;
  stroke:var(--pfb-premium-red)!important;
}

/* Secours non intrusif pour les noms de classes habituels. */
#header [class*="hamburger"]:hover,
#header [class*="menu-toggle"]:hover,
#header [class*="menu_toggle"]:hover,
#header [class*="nav-toggle"]:hover,
#header [class*="side-menu"]:hover,
.site-header [class*="hamburger"]:hover,
.site-header [class*="menu-toggle"]:hover,
.site-header [class*="menu_toggle"]:hover,
.site-header [class*="nav-toggle"]:hover,
.site-header [class*="side-menu"]:hover,
header [class*="hamburger"]:hover,
header [class*="menu-toggle"]:hover,
header [class*="menu_toggle"]:hover,
header [class*="nav-toggle"]:hover{
  color:var(--pfb-premium-red)!important;
}

/* ----------------------------------------------------------
   BANNIÈRES MOBILE — correction validée par les captures.
   Staff / Notre histoire / Partenaires uniquement via body class.
   ---------------------------------------------------------- */
@media (max-width:782px){
  body.pfb-mobile-banner-fix .pfb-mobile-page-banner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    transform:none!important;
  }

  body.pfb-mobile-banner-fix .pfb-mobile-page-banner-content{
    position:absolute!important;
    z-index:5!important;
    top:50%!important;
    left:18px!important;
    right:18px!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    text-align:center!important;
  }

  body.pfb-mobile-banner-fix .pfb-mobile-page-banner-content h1,
  body.pfb-mobile-banner-fix .pfb-mobile-page-banner-content h2,
  body.pfb-mobile-banner-fix .pfb-mobile-page-banner-content h3{
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
}

@media (max-width:480px){
  body.pfb-mobile-banner-fix .pfb-mobile-page-banner{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
}


/* ==========================================================
   SIDR / ROSIE — REFONTE PREMIUM CIBLÉE v1.5.7
   ----------------------------------------------------------
   Structure réelle confirmée :
   #sidr > .sidr-desktop / .sidr-mobile
   Aucun déplacement de nœud, aucun clonage, aucun observer.
   La mécanique d'ouverture / fermeture reste 100 % native Rosie.
   ========================================================== */

#sidr.sidr{
  --pfb-sidr-bg:#04070b;
  --pfb-sidr-panel:#0a0f15;
  --pfb-sidr-panel-2:#0d131b;
  --pfb-sidr-line:rgba(255,255,255,.10);
  --pfb-sidr-text:#f7f8fa;
  --pfb-sidr-muted:#9aa5b2;
  --pfb-sidr-red:#df2631;
  --pfb-sidr-red-dark:#a8131c;
  --pfb-sidr-gold:#d9b65d;

  background:
    radial-gradient(circle at 100% 0,rgba(223,38,49,.12),transparent 32%),
    radial-gradient(circle at 0 70%,rgba(23,77,145,.10),transparent 34%),
    var(--pfb-sidr-bg)!important;
  color:var(--pfb-sidr-text)!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  box-shadow:-18px 0 55px rgba(0,0,0,.38)!important;
  scrollbar-width:thin;
  scrollbar-color:var(--pfb-sidr-red) #090d12;
}

#sidr.sidr::-webkit-scrollbar{width:7px}
#sidr.sidr::-webkit-scrollbar-track{background:#090d12}
#sidr.sidr::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pfb-sidr-red),var(--pfb-sidr-red-dark));border-radius:999px}

#sidr.sidr:before{
  content:"";
  display:block;
  height:3px;
  width:100%;
  background:linear-gradient(90deg,#174d91 0%,#fff 31%,#df2631 66%,#d9b65d 100%);
}

/* On habille les deux versions existantes sans jamais changer leur display. */
#sidr .sidr-desktop,
#sidr .sidr-mobile{
  color:var(--pfb-sidr-text)!important;
  background:transparent!important;
  padding:0 0 28px!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}

#sidr .widget-area{
  margin:0!important;
  padding:24px 20px!important;
  border:0!important;
  border-bottom:1px solid var(--pfb-sidr-line)!important;
  background:transparent!important;
}

#sidr .widget-area:first-child{
  padding-top:24px!important;
}

#sidr .widget-area:last-child{
  border-bottom:0!important;
}

#sidr .widget-area > ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

#sidr .widget-area > ul > h4{
  position:relative;
  margin:0 0 17px!important;
  padding:0 0 0 17px!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}

#sidr .widget-area > ul > h4:before{
  content:"";
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--pfb-sidr-red),var(--pfb-sidr-gold));
}

#sidr .widget-area:first-child > ul > h4{
  font-size:21px!important;
  font-weight:900!important;
}

/* ==========================================================
   MENU PRINCIPAL
   ========================================================== */
#sidr .menu-poker-belgique-container > ul.menu{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li{
  position:relative!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li > a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid transparent!important;
  border-radius:14px!important;
  background:transparent!important;
  color:rgba(255,255,255,.90)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.45px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li:not(:first-child) > a:hover,
#sidr .menu-poker-belgique-container > ul.menu > li:not(:first-child) > a:focus-visible{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(223,38,49,.17),rgba(223,38,49,.035))!important;
  border-color:rgba(223,38,49,.26)!important;
  transform:translateX(3px)!important;
  outline:none!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li.current-menu-item > a,
#sidr .menu-poker-belgique-container > ul.menu > li.current-menu-ancestor > a,
#sidr .menu-poker-belgique-container > ul.menu > li.current_page_item > a{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(223,38,49,.24),rgba(223,38,49,.055))!important;
  border-color:rgba(223,38,49,.38)!important;
  box-shadow:inset 3px 0 0 var(--pfb-sidr-red)!important;
}

/* Les marqueurs/flèches natifs restent fonctionnels, mais passent en blanc/rouge. */
#sidr .menu-poker-belgique-container li.menu-item-has-children > a:after,
#sidr .menu-poker-belgique-container li.menu-item-has-children > a:before{
  color:rgba(255,255,255,.82)!important;
  border-color:rgba(255,255,255,.82)!important;
}

#sidr .menu-poker-belgique-container li.menu-item-has-children.current-menu-ancestor > a:after,
#sidr .menu-poker-belgique-container li.menu-item-has-children.current-menu-ancestor > a:before{
  color:var(--pfb-sidr-red)!important;
  border-color:var(--pfb-sidr-red)!important;
}

/* ==========================================================
   SOUS-MENUS NATIFS — on respecte le display inline de Rosie.
   ========================================================== */
#sidr .menu-poker-belgique-container ul.sub-menu{
  margin:5px 0 10px 13px!important;
  padding:5px 0 5px 13px!important;
  border:0!important;
  border-left:1px solid rgba(223,38,49,.34)!important;
  background:transparent!important;
  box-shadow:none!important;
}

#sidr .menu-poker-belgique-container ul.sub-menu > li{
  margin:2px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#sidr .menu-poker-belgique-container ul.sub-menu > li > a{
  display:block!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:rgba(255,255,255,.64)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:650!important;
  letter-spacing:.1px!important;
  text-transform:none!important;
  text-decoration:none!important;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
}

#sidr .menu-poker-belgique-container ul.sub-menu > li > a:hover,
#sidr .menu-poker-belgique-container ul.sub-menu > li > a:focus-visible,
#sidr .menu-poker-belgique-container ul.sub-menu > li.current-menu-item > a{
  color:#fff!important;
  background:rgba(223,38,49,.10)!important;
  border-color:rgba(223,38,49,.20)!important;
  outline:none!important;
}

/* ==========================================================
   ESPACE MEMBRE — vrai markup Youzer/YZ fourni par le site.
   ========================================================== */
#sidr .menu-poker-belgique-container > ul.menu > li:first-child{
  margin-bottom:17px!important;
  padding-bottom:17px!important;
  border-bottom:1px solid var(--pfb-sidr-line)!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li:first-child > a{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-transform:none!important;
  transform:none!important;
}

#sidr .yz-primary-nav-area{
  position:relative!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(223,38,49,.26)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,rgba(223,38,49,.13),rgba(255,255,255,.025) 48%,rgba(23,77,145,.07))!important;
  box-shadow:0 13px 32px rgba(0,0,0,.20)!important;
}

#sidr .yz-primary-nav-area:before{
  content:"ESPACE MEMBRE";
  display:block!important;
  margin:0 0 9px!important;
  color:var(--pfb-sidr-gold)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:1.8px!important;
}

#sidr .yz-primary-nav-settings{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) 31px!important;
  align-items:center!important;
  gap:11px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  cursor:pointer!important;
}

#sidr .yz-primary-nav-img{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin:0!important;
  border:2px solid rgba(223,38,49,.88)!important;
  border-radius:50%!important;
  background-position:center!important;
  background-size:cover!important;
  box-shadow:0 0 0 4px rgba(223,38,49,.10)!important;
}

#sidr .yz-primary-nav-settings > span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.1px!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#sidr .yz-settings-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:31px!important;
  height:31px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  font-size:12px!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease!important;
}

#sidr .open-settings-menu .yz-settings-icon,
#sidr .yz-primary-nav-area.open-settings-menu .yz-settings-icon{
  transform:rotate(180deg)!important;
  background:rgba(223,38,49,.13)!important;
  border-color:rgba(223,38,49,.35)!important;
}

/* Actions du compte : compactes, sans casser le fadeToggle natif. */
#sidr .menu-poker-belgique-container > ul.menu > li:first-child > ul.sub-menu{
  margin-top:10px!important;
  margin-left:0!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.025)!important;
}

#sidr .menu-poker-belgique-container > ul.menu > li:first-child > ul.sub-menu > li > a{
  padding:8px 10px!important;
  font-size:11px!important;
}

/* Déconnexion : signal clair mais sobre. */
#sidr .menu-poker-belgique-container li.bp-logout-nav > a{
  color:#ff7b82!important;
}

#sidr .menu-poker-belgique-container li.bp-logout-nav > a:hover{
  color:#fff!important;
  background:rgba(223,38,49,.16)!important;
}

/* ==========================================================
   MONSTER EXPERIENCE — CTA partenaire, sans supprimer son rendu natif.
   ========================================================== */
#sidr .menu-poker-belgique-container a[href*="monsterexperience.be"]{
  min-height:58px!important;
  margin-top:12px!important;
  border-color:rgba(255,255,255,.13)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  justify-content:center!important;
  text-align:center!important;
}

#sidr .menu-poker-belgique-container a[href*="monsterexperience.be"]:hover{
  border-color:rgba(223,38,49,.34)!important;
  background:linear-gradient(135deg,rgba(223,38,49,.12),rgba(255,255,255,.025))!important;
}

/* ==========================================================
   WIDGET « À VENIR » — conserve tout le contenu, mais en cartes compactes.
   ========================================================== */
#sidr .rhc-widget-upcoming-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  margin:0!important;
  padding:12px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
}

#sidr .rhc-widget-upcoming-item:last-child{
  border-bottom:0!important;
}

#sidr .rhc-widget-upcoming-featured-image{
  flex:0 0 52px!important;
  width:52px!important;
  margin:0!important;
}

#sidr .rhc-widget-upcoming-featured-image img{
  width:52px!important;
  height:52px!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:11px!important;
}

#sidr .rhc-widget-upcoming{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
}

#sidr .rhc-widget-upcoming-title{
  margin:0!important;
}

#sidr .rhc-widget-upcoming-title a,
#sidr .rhc-title-in-link{
  color:#f4f6f8!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:750!important;
  text-decoration:none!important;
}

#sidr .rhc-widget-date-time{
  margin-top:5px!important;
  color:var(--pfb-sidr-muted)!important;
  font-size:9px!important;
  line-height:1.35!important;
}

/* ==========================================================
   RÉSEAUX SOCIAUX
   ========================================================== */
#sidr #social-icons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin:4px 0 0!important;
  padding:0!important;
}

#sidr #social-icons > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:#0a1017!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease!important;
}

#sidr #social-icons > a:hover,
#sidr #social-icons > a:focus-visible{
  transform:translateY(-2px)!important;
  background:var(--pfb-sidr-red)!important;
  border-color:var(--pfb-sidr-red)!important;
  outline:none!important;
}

#sidr #social-icons .symbol{
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
}

/* ==========================================================
   MOBILE : on ne change PAS la largeur Sidr calculée par le plugin.
   On ajuste seulement les espacements internes.
   ========================================================== */
@media (max-width:782px){
  #sidr .widget-area{
    padding-left:17px!important;
    padding-right:17px!important;
  }

  #sidr .widget-area:first-child > ul > h4{
    font-size:19px!important;
  }

  #sidr .menu-poker-belgique-container > ul.menu > li > a{
    min-height:48px!important;
    padding-left:13px!important;
    padding-right:13px!important;
    font-size:12px!important;
  }

  #sidr .yz-primary-nav-settings{
    grid-template-columns:43px minmax(0,1fr) 29px!important;
  }

  #sidr .yz-primary-nav-img{
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
  }

  #sidr .rhc-widget-upcoming-featured-image,
  #sidr .rhc-widget-upcoming-featured-image img{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
}

/* Très petit écran : priorité à la lisibilité. */
@media (max-width:360px){
  #sidr .widget-area{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  #sidr .menu-poker-belgique-container ul.sub-menu{
    margin-left:8px!important;
    padding-left:9px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #sidr *,
  .pfb-premium-hamburger-trigger{
    transition:none!important;
    animation:none!important;
  }
}