/* SensuLibre v133 — profils visibles, Panneaux du site, mobile fidèle au PC. */

/* Garde-fou supplémentaire contre toute barre WordPress réinjectée. */
body.slm8-no-adminbar #wpadminbar{display:none!important}
body.slm8-no-adminbar{margin-top:0!important}
body.slm8-no-adminbar.admin-bar{margin-top:0!important}
body.slm8-no-adminbar .slm-site-header{top:0!important}

/* -------------------------------------------------------------------------
   Panneaux du site : petit format, pas d'espace vide si aucun panneau actif.
   ------------------------------------------------------------------------- */
.slm8-site-panel{position:relative;width:min(310px,100%);height:122px;overflow:hidden;border:1px solid rgba(123,47,76,.2);border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(45,25,34,.12);z-index:7}
.slm8-site-panel__badge{position:absolute;z-index:6;top:7px;left:7px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.94);color:#7b2f4c;font:850 7px/1 system-ui;letter-spacing:.09em}
.slm8-site-panel__viewport,.slm8-site-panel__slide,.slm8-site-panel__slide>a,.slm8-site-panel__nolink{display:block;width:100%;height:100%}
.slm8-site-panel__slide[hidden]{display:none!important}
.slm8-site-panel__slide{position:relative;animation:slm8PanelIn .28s ease both}
@keyframes slm8PanelIn{from{opacity:.25}to{opacity:1}}
.slm8-site-panel__slide>a,.slm8-site-panel__nolink{display:grid;grid-template-columns:46% minmax(0,1fr);text-decoration:none;color:inherit}
.slm8-site-panel__media{overflow:hidden;background:#eee5e8}
.slm8-site-panel__media img,.slm8-site-panel__media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0}
.slm8-site-panel__copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:22px 10px 12px;background:linear-gradient(145deg,#fff,#fbf5f7)}
.slm8-site-panel__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f2428;font:700 13px/1.15 Georgia,serif}
.slm8-site-panel__copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;color:#776a6f;font:500 9px/1.25 system-ui}
.slm8-site-panel__dots{position:absolute;right:7px;bottom:6px;z-index:6;display:flex;gap:3px;padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.94)}
.slm8-site-panel__dots button{width:5px;height:5px;padding:0;border:0;border-radius:50%;background:#c7b6bd;cursor:pointer}
.slm8-site-panel__dots button[aria-current="true"]{width:12px;border-radius:6px;background:#8b3154}

/* Même emplacement validé : petit panneau dans le hero et à côté des profils. */
.slm-pro-hero>.slm8-site-panel,.slm8-site-panel--home{position:absolute;right:clamp(18px,4vw,58px);bottom:18px;width:min(300px,27vw);height:112px;border-color:rgba(255,255,255,.5);box-shadow:0 14px 38px rgba(20,10,14,.24)}
.slm8-site-panel--profile{margin:8px 0 18px auto}
.slm8-site-panel--account{margin:8px 0 18px auto}

/* Cartes membres : éviter les cartes géantes quand la grille passe à deux colonnes. */
.slm3-member-card__photo{aspect-ratio:4/5;height:auto!important;min-height:0!important}

@media (max-width:720px){
  /* Accueil : la photo panoramique est affichée ENTIÈRE, sans crop.
     Sa hauteur suit exactement son ratio 1800x820, puis les contenus continuent dessous. */
  .slm-pro-hero{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    background-size:100% auto!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#21151a!important;
    padding:calc(45.56vw + 10px) 10px 18px!important;
    gap:10px!important;
  }
  .slm-pro-hero .slm-hero-shade{
    background:linear-gradient(180deg,rgba(20,13,16,.03) 0,rgba(20,13,16,.03) 43vw,rgba(20,13,16,.78) 47vw,rgba(20,13,16,.92) 100%)!important;
  }
  .slm-pro-hero .slm-hero-message{order:1!important;align-self:stretch!important;margin:0!important;padding:10px 8px 4px!important}
  .slm-pro-hero .slm-hero-message span{font-size:8px!important;letter-spacing:.13em!important}
  .slm-pro-hero .slm-hero-message h1{font-size:clamp(27px,8.6vw,42px)!important;line-height:.95!important;margin:6px 0!important}
  .slm-pro-hero .slm-hero-message p{font-size:11px!important;line-height:1.45!important;margin:0!important;max-width:36em}
  .slm-pro-hero .slm-hero-search-card{order:2!important;width:100%!important;max-width:none!important;padding:17px 15px!important;border-radius:18px!important}
  .slm-pro-hero .slm-card-brand{font-size:20px!important;margin-bottom:5px!important}
  .slm-pro-hero .slm-hero-search-card h2{font-size:17px!important;margin:4px 0 10px!important}
  .slm-pro-hero .slm-hero-search-card label>span{font-size:8px!important}
  .slm-pro-hero .slm-hero-search-card select,.slm-pro-hero .slm-hero-search-card input{min-height:40px!important;font-size:14px!important}
  .slm-pro-hero .slm-hero-search-card .slm-btn{min-height:42px!important;font-size:12px!important}

  /* Le panneau du site reste petit, mais ne masque jamais la photo d'accueil sur mobile. */
  .slm-pro-hero>.slm8-site-panel,.slm8-site-panel--home{position:relative!important;right:auto!important;bottom:auto!important;order:3!important;align-self:flex-end!important;width:min(230px,72vw)!important;height:84px!important;margin:0!important;border-radius:12px!important}
  .slm8-site-panel--profile,.slm8-site-panel--account{width:min(230px,72vw)!important;height:84px!important;margin:6px 0 10px auto!important;border-radius:12px!important}
  .slm8-site-panel__badge{top:4px;left:4px;font-size:6px;padding:3px 5px}
  .slm8-site-panel__copy{padding:17px 7px 8px}.slm8-site-panel__copy strong{font-size:10px}.slm8-site-panel__copy small{font-size:7px}
  .slm8-site-panel__dots{right:4px;bottom:4px;padding:2px 4px}

  /* Fiche membre : la même présentation PC en miniature, photo réduite à gauche. */
  .slm3-profile-view{padding-top:6px!important}
  .slm3-profile-hero{grid-template-columns:minmax(108px,35vw) minmax(0,1fr)!important;gap:0!important;border-radius:17px!important;margin-top:10px!important;box-shadow:0 12px 32px rgba(57,38,45,.08)!important}
  .slm3-profile-photo{min-height:0!important;height:auto!important;aspect-ratio:3/4!important;background-position:center top!important}
  .slm3-profile-photo.is-empty span{font-size:52px!important}
  .slm3-profile-photo i{right:7px!important;bottom:7px!important;width:10px!important;height:10px!important;border-width:2px!important}
  .slm3-profile-copy{padding:11px!important;justify-content:flex-start!important}
  .slm3-profile-copy .slm-kicker{font-size:7px!important;letter-spacing:.1em!important}
  .slm3-profile-copy h1{font-size:clamp(25px,7.2vw,34px)!important;line-height:.95!important;margin:4px 0 6px!important;overflow-wrap:anywhere}
  .slm3-profile-copy h1 small{display:inline!important;font-size:10px!important;margin-left:3px!important}
  .slm3-location{font-size:9px!important;margin:0 0 5px!important}.slm3-location b{font-size:7px!important;padding:3px 4px!important;margin-left:2px!important}
  .slm3-searching{margin:5px 0!important;padding:6px!important;border-radius:9px!important;font-size:9px!important}
  .slm3-profile-chips{gap:3px!important;max-height:38px;overflow:hidden}.slm3-profile-chips span{padding:3px 5px!important;font-size:7px!important}
  .slm3-profile-bio{margin-top:6px!important;font-size:9px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .slm3-actionbar{margin:-1px 6px 10px!important;padding:6px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;border-radius:0 0 14px 14px!important}
  .slm3-actionbar a,.slm3-actionbar button{min-width:0!important;padding:7px 3px!important;border-radius:9px!important;font-size:8px!important;gap:3px!important;white-space:normal!important;text-align:center!important}
  .slm3-profile-layout{grid-template-columns:1fr!important;gap:10px!important}.slm3-profile-layout main,.slm3-profile-layout aside{gap:10px!important}.slm3-profile-layout aside{position:static!important}
  .slm3-detail-card,.slm3-side-card,.slm3-files{padding:12px!important;border-radius:15px!important}
  .slm3-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .slm3-public-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .slm3-album-cover>img,.slm3-album-cover>div{height:auto!important;aspect-ratio:1/1!important}.slm3-album-cover strong{font-size:13px!important}.slm3-album-cover small,.slm3-album-cover em{font-size:8px!important}
  .slm3-album-panel{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}

  /* Listes de profils : deux cartes compactes comme une miniature de la version PC. */
  .slm3-member-grid,.slm5-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .slm3-member-card__photo{height:auto!important;aspect-ratio:4/5!important}
  .slm3-member-card__body{padding:9px!important}.slm3-member-card__body h3,.slm3-member-card__body b{font-size:13px!important}.slm3-member-card__body p,.slm3-member-card__body small{font-size:9px!important}
}

@media(max-width:390px){
  .slm3-profile-hero{grid-template-columns:104px minmax(0,1fr)!important}
  .slm3-profile-copy h1{font-size:25px!important}
  .slm3-actionbar a,.slm3-actionbar button{font-size:7.5px!important}
}

@media(prefers-reduced-motion:reduce){.slm8-site-panel__slide{animation:none!important}}