/* Hello Abidjan — Bons plans : mini-stories de sorties (v681).
   Trois stories visibles, défilement horizontal, portrait plein cadre.
   Affichage statique : aucune expiration ni lecture automatique. */
#main .bonplan-editorial-page .community-stories .community-story-actions {
  display:none !important;
}
#main .bonplan-editorial-page .community-stories .community-heading {
  margin-bottom:11px !important;
}
#main .bonplan-editorial-page .community-stories #community-stories-content .ha-story-rail {
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:2px 0 9px !important;
  margin:0 !important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:1px;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail::-webkit-scrollbar {
  display:none;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-item {
  position:relative !important;
  display:block !important;
  flex:0 0 calc((100% - 20px) / 3) !important;
  width:calc((100% - 20px) / 3) !important;
  min-width:0 !important;
  max-width:none !important;
  height:clamp(160px,48vw,198px) !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:1px solid #dce4eb !important;
  border-radius:13px !important;
  overflow:hidden !important;
  background:#e8eff4 !important;
  color:#fff !important;
  text-decoration:none !important;
  scroll-snap-align:start;
  isolation:isolate;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-image {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  background:#e8eff4;
  transform:translateZ(0);
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-person .ha-story-image {
  object-position:center 27% !important;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-shade {
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to bottom,rgba(4,18,31,.12) 0%,transparent 37%,rgba(4,18,31,.23) 54%,rgba(4,18,31,.89) 100%);
  pointer-events:none;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-details {
  position:absolute;
  z-index:2;
  left:8px;
  right:8px;
  bottom:10px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:0;
  text-align:left;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.2);
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-place {
  display:block;
  max-width:100%;
  font:600 10px/1.16 'DM Sans',sans-serif;
  color:rgba(255,255,255,.9);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-title {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  width:100%;
  font:700 11.8px/1.22 'Manrope','DM Sans',sans-serif !important;
  letter-spacing:-.15px;
  color:#fff !important;
  overflow-wrap:anywhere;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-name {
  display:block;
  max-width:100%;
  font:500 10px/1.18 'DM Sans',sans-serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.93);
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-example {
  position:absolute;
  z-index:2;
  top:8px;
  left:7px;
  max-width:calc(100% - 14px);
  padding:4px 6px;
  border-radius:6px;
  background:rgba(255,255,255,.93);
  color:#1c506f;
  font:650 9px/1 'DM Sans',sans-serif;
}
#main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-item:focus-visible {
  outline:3px solid #0873bd !important;
  outline-offset:2px !important;
}
/* Lien éditorial de navigation : aucun faux bouton encadré ni pavé gris.
   En continuité avec les liens discrets des cartes « On sort ensemble ». */
#main .bonplan-editorial-page .community-stories .ha-share-all {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:44px !important;
  margin:3px 0 1px auto !important;
  padding:9px 2px 9px 12px !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0873bd !important;
  font:650 13.5px/1.4 'DM Sans',sans-serif !important;
  letter-spacing:-.1px !important;
  text-decoration:none !important;
  text-align:right !important;
  -webkit-tap-highlight-color:transparent;
}
#main .bonplan-editorial-page .community-stories .ha-share-all>span {
  display:inline-block;
  font:400 19px/1 'DM Sans',sans-serif;
  color:#0873bd;
  transition:transform .15s ease;
}
@media (hover:hover) {
  #main .bonplan-editorial-page .community-stories .ha-share-all:hover {
    text-decoration:underline !important;
    text-underline-offset:4px;
  }
  #main .bonplan-editorial-page .community-stories .ha-share-all:hover>span {
    transform:translateX(2px);
  }
}
#main .bonplan-editorial-page .community-stories .ha-share-all:focus-visible {
  outline:2px solid #0873bd !important;
  outline-offset:3px !important;
}
@media (prefers-reduced-motion:reduce) {
  #main .bonplan-editorial-page .community-stories .ha-share-all>span {transition:none;}
}
@media (max-width:350px) {
 #main .bonplan-editorial-page .community-stories #community-stories-content .ha-story-rail {gap:8px !important;}
 #main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-item {
   flex-basis:calc((100% - 16px) / 3) !important;
   width:calc((100% - 16px) / 3) !important;
 }
 #main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-details {left:6px;right:6px;bottom:8px;}
 #main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-title {font-size:11px !important;}
}
@media (min-width:600px) {
 #main .bonplan-editorial-page .community-stories .ha-story-rail .ha-story-item {
   flex-basis:136px !important;
   width:136px !important;
   height:208px !important;
 }
}
@media (prefers-reduced-motion:reduce) {
 #main .bonplan-editorial-page .community-stories .ha-story-rail {scroll-behavior:auto !important;}
}