/* Hello Abidjan — Bons plans, cartes événements v683.
   Un événement sur toute la largeur, affiche intacte, contenus condensés.
   Scoped au listing Bons plans : filtres, favoris et fiches restent fonctionnels. */

#main .bonplan-editorial-page #event-results .event-upcoming-grid {
 display:grid !important;
 grid-template-columns:minmax(0,1fr) !important;
 gap:17px !important;
}

#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact {
 display:block !important;
 width:100% !important;
 min-width:0 !important;
 height:auto !important;
 margin:0 !important;
 padding:0 !important;
 background:#fff !important;
 border:1px solid #e3e7eb !important;
 border-radius:12px !important;
 overflow:hidden !important;
 box-shadow:none !important;
 color:#191919 !important;
}

#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-poster {
 position:relative !important;
 display:block !important;
 width:100% !important;
 height:clamp(235px,70vw,315px) !important;
 min-height:0 !important;
 max-height:none !important;
 margin:0 !important;
 padding:0 !important;
 overflow:hidden !important;
 background:#f3f4f5 !important;
 border:0 !important;
 border-radius:0 !important;
 box-shadow:none !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-poster>a {
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 width:100% !important;
 height:100% !important;
 margin:0 !important;
 padding:8px !important;
 box-sizing:border-box !important;
 text-decoration:none !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-poster img {
 display:block !important;
 position:static !important;
 width:auto !important;
 height:auto !important;
 max-width:100% !important;
 max-height:100% !important;
 margin:0 !important;
 padding:0 !important;
 object-fit:contain !important;
 object-position:center !important;
 border-radius:0 !important;
 filter:none !important;
 transform:none !important;
}

#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-content {
 display:block !important;
 width:100% !important;
 box-sizing:border-box !important;
 padding:13px 14px 14px !important;
 margin:0 !important;
 background:#fff !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-meta {
 display:flex !important;
 align-items:center !important;
 flex-wrap:wrap !important;
 gap:7px 8px !important;
 width:100% !important;
 min-width:0 !important;
 margin:0 0 9px !important;
 padding:0 !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-date-inline {
 flex:1 1 120px;
 min-width:0;
 display:block !important;
 font:750 10.5px/1.35 'DM Sans',sans-serif !important;
 text-transform:uppercase !important;
 letter-spacing:.35px !important;
 color:#0873bd !important;
 background:none !important;
 border:0 !important;
 white-space:normal !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-category {
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 max-width:100% !important;
 padding:5px 8px !important;
 border-radius:5px !important;
 background:#f2f4f6 !important;
 color:#555a61 !important;
 font:600 10.5px/1.3 'DM Sans',sans-serif !important;
 white-space:normal !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .upcoming-save {
 position:static !important;
 flex:0 0 36px !important;
 display:grid !important;
 place-items:center !important;
 width:36px !important;
 height:36px !important;
 min-width:36px !important;
 min-height:36px !important;
 max-width:36px !important;
 margin:0 0 0 auto !important;
 padding:0 !important;
 border:1px solid #e0e4e8 !important;
 border-radius:50% !important;
 background:#fff !important;
 color:#3a4249 !important;
 box-shadow:none !important;
 cursor:pointer !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .upcoming-save svg {
 width:18px !important;
 height:18px !important;
 stroke:currentColor !important;
 stroke-width:1.7 !important;
 fill:none !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .upcoming-save.is-saved {
 border-color:#bfdcf0 !important;
 color:#0873bd !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .upcoming-save.is-saved svg {
 fill:#0873bd !important;
 stroke:#0873bd !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-title-link {
 display:block !important;
 margin:0 0 8px !important;
 text-decoration:none !important;
 color:#171717 !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-title-link h3 {
 margin:0 !important;
 padding:0 !important;
 font:700 18px/1.28 'Manrope','DM Sans',sans-serif !important;
 letter-spacing:-.35px !important;
 color:#171717 !important;
 overflow-wrap:anywhere !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-place {
 display:flex !important;
 align-items:flex-start !important;
 gap:7px !important;
 padding:0 !important;
 margin:0 0 12px !important;
 color:#676e73 !important;
 font:450 12px/1.4 'DM Sans',sans-serif !important;
 text-decoration:none !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-place svg {
 display:block !important;
 width:15px !important;
 height:15px !important;
 flex:0 0 15px !important;
 margin:1px 0 0 !important;
 color:#0873bd !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-place>span {
 display:block !important;
 min-width:0 !important;
 overflow-wrap:anywhere !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-footer {
 display:flex !important;
 align-items:center !important;
 justify-content:space-between !important;
 flex-wrap:wrap !important;
 gap:10px !important;
 width:100% !important;
 padding:12px 0 0 !important;
 margin:0 !important;
 border-top:1px solid #edf0f2 !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-footer>strong {
 color:#202225 !important;
 font:750 13px/1.4 'DM Sans',sans-serif !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-discover {
 display:inline-flex !important;
 align-items:center !important;
 justify-content:center !important;
 gap:6px !important;
 min-height:38px !important;
 padding:9px 13px !important;
 box-sizing:border-box !important;
 border-radius:8px !important;
 background:#0873bd !important;
 color:#fff !important;
 font:700 12px/1.3 'DM Sans',sans-serif !important;
 text-decoration:none !important;
 white-space:nowrap !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-discover>span {
 margin:0 !important;
 font-size:15px !important;
}
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact a:focus-visible,
#main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact button:focus-visible {
 outline:2px solid #0873bd !important;
 outline-offset:3px !important;
}

@media(min-width:700px){
 #main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-poster {
   height:360px !important;
 }
 #main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-content {
   padding:16px 18px 17px !important;
 }
}
@media(max-width:370px){
 #main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-poster {
   height:230px !important;
 }
 #main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-content {
   padding:12px !important;
 }
 #main .bonplan-editorial-page #event-results .ha-agenda-card.ha-agenda-compact .ha-agenda-title-link h3 {
   font-size:17px !important;
 }
}