/* Hello Abidjan — accès prioritaires à la location, v720.
   Conserve la navigation, les photos déjà sourcées, le bleu et la typographie éditoriale. */

/* Accueil : accès direct dans les envies + carte premium avant le carrousel. */
#main#main .horizon-home.ha-approved .story-first .ha-rental-home-shortcut{color:#153c54;font-weight:600}
#main#main .horizon-home.ha-approved .story-first .ha-rental-home-shortcut .mood-pic{border-color:#0873bd}
#main#main .horizon-home.ha-approved .ha-rental-home-feature{
 display:block;
 margin:4px 0 27px;
 padding:0;
 width:100%;
}
#main#main .horizon-home.ha-approved .ha-rental-home-card{
 display:block;
 position:relative;
 overflow:hidden;
 width:100%;
 min-height:228px;
 border-radius:11px;
 color:#fff;
 background:#263f51;
 text-decoration:none;
 isolation:isolate;
}
#main#main .ha-rental-home-card>img{
 display:block;
 position:absolute;
 inset:0;
 width:100%;height:100%;
 object-fit:cover;
 object-position:center 55%;
 filter:none;
}
#main#main .ha-rental-home-card-shade{
 position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(9,28,43,.92) 0%,rgba(12,31,45,.76) 45%,rgba(12,31,45,.22) 100%);
 pointer-events:none;
}
#main#main .ha-rental-home-copy{
 position:relative;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 gap:8px;
 max-width:320px;
 min-height:228px;
 padding:24px 21px;
}
#main#main .ha-rental-home-copy>small{
 color:#d5ebf7;
 letter-spacing:1.15px;
 font:600 10px/1.4 'DM Sans',Arial,sans-serif;
}
#main#main .ha-rental-home-copy>strong{
 display:block;
 color:#fff;
 font:550 clamp(21px,5.5vw,28px)/1.19 'DM Sans',Arial,sans-serif;
 letter-spacing:-.6px;
}
#main#main .ha-rental-home-copy>span{
 font:400 12.5px/1.45 'DM Sans',Arial,sans-serif;
 color:#f3f7fa;
 max-width:270px;
}
#main#main .ha-rental-home-copy>em{
 display:inline-flex;align-items:center;gap:9px;
 margin-top:4px;
 background:#fff;
 border-radius:6px;
 color:#075f99;
 padding:10px 12px;
 font:600 12px/1.4 'DM Sans',Arial,sans-serif;
 font-style:normal;
}
#main#main .ha-rental-home-card:focus-visible,
#main#main .ha-guide-rental-feature:focus-visible,
#main#main .ha-rental-stay-card:focus-visible{
 outline:3px solid #0873bd;
 outline-offset:3px;
}

/* Guide : une porte d'entrée visible sans descendre jusqu'à la fiche transport. */
#main#main .guide-editorial-home .ha-guide-rental-feature{
 display:grid;
 grid-template-columns:minmax(105px,34%) minmax(0,1fr);
 align-items:stretch;
 gap:0;
 overflow:hidden;
 border:1px solid #e1e8ed;
 border-radius:10px;
 background:#fff;
 text-decoration:none;
 margin:5px 0 26px;
 min-height:148px;
 color:#1c3345;
}
#main#main .ha-guide-rental-photo{display:block;overflow:hidden;min-height:148px;background:#e5ecf0}
#main#main .ha-guide-rental-photo img{width:100%;height:100%;object-fit:cover;display:block}
#main#main .ha-guide-rental-content{
 display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 gap:7px;min-width:0;padding:16px 16px 16px 17px;
}
#main#main .ha-guide-rental-content small{
 color:#0873bd;
 letter-spacing:.9px;
 font:600 10px/1.3 'DM Sans',Arial,sans-serif;
}
#main#main .ha-guide-rental-content strong{
 color:#152e40;
 font:550 18px/1.25 'DM Sans',Arial,sans-serif;
 letter-spacing:-.3px;
}
#main#main .ha-guide-rental-content>span{
 color:#687b86;
 font:400 12px/1.45 'DM Sans',Arial,sans-serif;
}
#main#main .ha-guide-rental-content em{
 color:#0873bd;
 font:600 12px/1.4 'DM Sans',Arial,sans-serif;
 font-style:normal;
 margin-top:2px;
}

/* Mon séjour : remplacer les deux petits liens par un vrai service avec photo. */
#main#main .ha-stay-home-v558 .ha-rental-stay-highlight{
 display:block;
 margin:3px 0 23px!important;
 padding:0!important;
}
#main#main .ha-stay-home-v558 .ha-rental-stay-card{
 display:grid;
 grid-template-columns:38% minmax(0,1fr);
 align-items:stretch;
 text-decoration:none;
 overflow:hidden;
 border:1px solid #e1e7eb;
 border-radius:10px;
 background:#fff;
 min-height:153px;
 color:#172d3c;
}
#main#main .ha-rental-stay-image{
 display:block;min-width:0;overflow:hidden;
 background:#e9eef2;
}
#main#main .ha-rental-stay-image img{
 display:block;width:100%;height:100%;
 object-fit:cover;
 object-position:50% 50%;
}
#main#main .ha-rental-stay-copy{
 display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
 min-width:0;
 gap:7px;
 padding:15px 14px 15px 16px;
}
#main#main .ha-rental-stay-copy small{
 color:#0873bd;letter-spacing:.75px;font:600 9px/1.3 'DM Sans',Arial,sans-serif;
}
#main#main .ha-rental-stay-copy strong{
 font:550 19px/1.25 'DM Sans',Arial,sans-serif;color:#132c3e;letter-spacing:-.4px;
}
#main#main .ha-rental-stay-copy>span{
 color:#687b86;font:400 12px/1.45 'DM Sans',Arial,sans-serif;
}
#main#main .ha-rental-stay-copy em{
 color:#0873bd;font:600 12px/1.4 'DM Sans',Arial,sans-serif;font-style:normal;margin-top:2px;
}
#main#main .ha-stay-home-v558 .ha-rental-stay-my{
 display:flex;align-items:center;justify-content:space-between;
 padding:11px 4px 0;
 font:550 12px/1.4 'DM Sans',Arial,sans-serif;
 color:#0873bd;
 text-decoration:none;
}

/* Se déplacer : carte de service éditoriale ; photo réelle et carte entière cliquable. */
#main#main .transport-landing .ha-rental-transport-link{
 display:grid;
 grid-template-columns:minmax(0,36%) minmax(0,1fr);
 align-items:stretch;
 gap:0;
 width:100%;
 min-height:164px;
 margin:19px 0 27px;
 padding:0;
 overflow:hidden;
 border:1px solid #e2e9ed;
 border-radius:11px;
 background:#fff;
 color:#152d3d;
 text-decoration:none;
 box-shadow:none;
 isolation:isolate;
}
#main#main .transport-landing .ha-rental-transport-link:focus-visible{
 outline:3px solid #0873bd;
 outline-offset:3px;
}
#main#main .transport-landing .ha-rental-transport-photo{
 display:block;
 min-width:0;
 min-height:164px;
 overflow:hidden;
 background:#edf2f5;
}
#main#main .transport-landing .ha-rental-transport-photo img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
 filter:none;
}
#main#main .transport-landing .ha-rental-transport-content{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:center;
 gap:7px;
 min-width:0;
 padding:17px 16px 18px;
 font-family:'DM Sans',Arial,sans-serif;
}
#main#main .transport-landing .ha-rental-transport-content>small{
 display:block;
 margin:0;
 font:600 9px/1.4 'DM Sans',Arial,sans-serif;
 letter-spacing:1.05px;
 color:#0873bd;
}
#main#main .transport-landing .ha-rental-transport-content>strong{
 display:block;
 margin:0;
 font:550 19px/1.24 'DM Sans',Arial,sans-serif;
 letter-spacing:-.35px;
 color:#182e3a;
}
#main#main .transport-landing .ha-rental-transport-content>span{
 display:block;
 margin:0;
 font:400 12px/1.42 'DM Sans',Arial,sans-serif;
 color:#687986;
}
#main#main .transport-landing .ha-rental-transport-content>em{
 display:inline-flex;
 align-items:center;
 gap:7px;
 margin-top:5px;
 color:#0873bd;
 font:600 12px/1.3 'DM Sans',Arial,sans-serif;
 font-style:normal;
}
#main#main .transport-landing .ha-rental-transport-content>em span{font-size:17px;line-height:12px}
@media(min-width:650px){
 #main#main .transport-landing .ha-rental-transport-link{grid-template-columns:34% 1fr;min-height:185px}
 #main#main .transport-landing .ha-rental-transport-photo{min-height:185px}
 #main#main .transport-landing .ha-rental-transport-content{padding:22px 27px}
 #main#main .transport-landing .ha-rental-transport-content>strong{font-size:22px}
}
@media(max-width:370px){
 #main#main .transport-landing .ha-rental-transport-link{grid-template-columns:32% 1fr;min-height:178px}
 #main#main .transport-landing .ha-rental-transport-photo{min-height:178px}
 #main#main .transport-landing .ha-rental-transport-content{gap:6px;padding:14px 11px}
 #main#main .transport-landing .ha-rental-transport-content>strong{font-size:17px}
 #main#main .transport-landing .ha-rental-transport-content>span{font-size:11.5px}
}
@media(min-width:730px){
 #main#main .horizon-home.ha-approved .ha-rental-home-card{min-height:265px}
 #main#main .ha-rental-home-copy{min-height:265px;max-width:440px;padding:30px}
 #main#main .ha-rental-home-copy>strong{font-size:30px}
}
@media(max-width:370px){
 #main#main .ha-rental-home-copy{padding:18px 16px;min-height:212px}
 #main#main .horizon-home.ha-approved .ha-rental-home-card{min-height:212px}
 #main#main .ha-rental-home-copy>strong{font-size:20px}
 #main#main .ha-rental-home-copy>span{font-size:12px}
 #main#main .guide-editorial-home .ha-guide-rental-feature{grid-template-columns:31% minmax(0,1fr)}
 #main#main .ha-guide-rental-content{padding:12px}
 #main#main .ha-guide-rental-content strong{font-size:16px}
 #main#main .ha-rental-stay-copy{padding:12px}
 #main#main .ha-rental-stay-copy strong{font-size:17px}
 #main#main .transport-landing .ha-rental-transport-link{align-items:stretch}
}