/* SensuLibre v134 — panneau publicitaire compact, inspiré du système L'Univers Séloryn. */

/* Ne modifie pas les pages lorsqu'aucune publicité active n'existe : aucun espace réservé. */
.slm8-site-panel{
  width:min(258px,100%)!important;
  height:146px!important;
  border:1px solid rgba(123,47,76,.18)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#fffaf7!important;
  box-shadow:0 12px 30px rgba(48,30,37,.12)!important;
}
.slm8-site-panel__badge{
  top:7px!important;left:8px!important;
  padding:4px 8px!important;
  background:rgba(255,250,247,.96)!important;
  color:#8b3154!important;
  font:800 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.slm8-site-panel__slide>a,.slm8-site-panel__nolink{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:88px minmax(0,1fr)!important;
  width:100%!important;height:100%!important;
  color:inherit!important;text-decoration:none!important;
}
.slm8-site-panel__media{height:88px!important;background:#e9ded2!important;overflow:hidden!important}
.slm8-site-panel__media img,.slm8-site-panel__media video{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;object-position:center!important;
}
.slm8-site-panel__copy{
  min-height:0!important;
  padding:8px 42px 7px 10px!important;
  display:block!important;
  background:linear-gradient(180deg,#fffaf7,#fbf3ef)!important;
}
.slm8-site-panel__copy strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#30252a!important;
  font:700 14px/1.05 Georgia,"Times New Roman",serif!important;
}
.slm8-site-panel__copy small{
  display:block!important;
  margin-top:3px!important;
  max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#807278!important;
  font:500 8px/1.15 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.slm8-site-panel__dots{
  right:7px!important;bottom:7px!important;
  gap:3px!important;padding:3px 5px!important;
  background:rgba(255,250,247,.96)!important;
  border:1px solid rgba(123,47,76,.10)!important;
}
.slm8-site-panel__dots button{width:5px!important;height:5px!important;background:#cbb6bf!important}
.slm8-site-panel__dots button[aria-current="true"]{width:13px!important;background:#93405f!important}

/* Accueil : petit écran discret en bas à droite du grand visuel, sans changer le reste. */
.slm-pro-hero>.slm8-site-panel,.slm8-site-panel--home{
  width:min(258px,24vw)!important;
  height:146px!important;
  right:clamp(18px,3vw,44px)!important;
  bottom:18px!important;
  border-color:rgba(255,255,255,.55)!important;
}

/* Mon profil : utilise la zone vide à droite du titre sur PC. */
.slm3-account{position:relative!important}
.slm3-account>.slm-page-head{padding-right:300px!important;min-height:155px!important}
.slm3-account>.slm8-site-panel--account{
  position:absolute!important;
  top:24px!important;right:0!important;
  width:258px!important;height:146px!important;
  margin:0!important;
}

/* Fiche d'un membre : petit bloc à droite, jamais une grande bannière. */
.slm8-site-panel--profile,.slm8-site-panel--shortcode{
  width:258px!important;height:146px!important;margin:10px 0 18px auto!important;
}

@media(max-width:720px){
  /* Le panneau reste une miniature et ne masque jamais l'image d'accueil. */
  .slm-pro-hero>.slm8-site-panel,.slm8-site-panel--home,
  .slm8-site-panel--profile,.slm8-site-panel--account,.slm8-site-panel--shortcode{
    position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;
    width:min(196px,58vw)!important;height:112px!important;
    margin:7px 0 10px auto!important;border-radius:12px!important;
  }
  .slm-pro-hero>.slm8-site-panel,.slm8-site-panel--home{order:3!important;align-self:flex-end!important}
  .slm3-account>.slm-page-head{padding-right:0!important;min-height:0!important}
  .slm3-account>.slm8-site-panel--account{position:relative!important;top:auto!important;right:auto!important}
  .slm8-site-panel__slide>a,.slm8-site-panel__nolink{grid-template-rows:66px minmax(0,1fr)!important}
  .slm8-site-panel__media{height:66px!important}
  .slm8-site-panel__badge{top:4px!important;left:5px!important;padding:3px 5px!important;font-size:6px!important}
  .slm8-site-panel__copy{padding:6px 34px 5px 7px!important}
  .slm8-site-panel__copy strong{font-size:10px!important}
  .slm8-site-panel__copy small{font-size:6.5px!important}
  .slm8-site-panel__dots{right:4px!important;bottom:4px!important;padding:2px 4px!important}
}