/* Hello Abidjan — location de voiture : design editorial, photos partenaires seules. */
.ha-rental{box-sizing:border-box;max-width:760px;margin:0 auto;padding:18px 20px calc(105px + env(safe-area-inset-bottom,0px));color:#172b37;font-family:'DM Sans',Arial,sans-serif}
.ha-rental *{box-sizing:border-box}
.ha-rental-kicker{font-size:10px;font-weight:600;letter-spacing:.115em;color:#0873bd;margin:9px 0 13px}
.ha-rental-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}
.ha-rental h1{font-size:clamp(27px,7vw,34px);line-height:1.22;letter-spacing:-.7px;font-weight:550;margin:0}
.ha-rental-history-link{white-space:nowrap;text-decoration:none;font-size:12px;font-weight:550;color:#0873bd;padding-top:10px}
.ha-rental-intro{font-size:14px;line-height:1.6;color:#6c7981;margin:12px 0 24px}
.ha-rental-stepper{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:4px 0 25px}
.ha-rental-stepper span{font-size:10px;line-height:1.3;color:#9aa3aa;flex:1;border-top:2px solid #e9eef1;padding:9px 2px 0;text-align:center}
.ha-rental-stepper span.active{border-color:#0873bd;color:#1a3342;font-weight:600}
.ha-rental-stepper span.done{border-color:#8fbad5;color:#557e98}
.ha-rental-form{display:grid;gap:15px}
.ha-rental-form>label,.ha-rental-two>label{display:grid;gap:7px;color:#2f414b;font-size:13px;font-weight:550;line-height:1.4}
.ha-rental-form input:not([type=radio]):not([type=checkbox]),.ha-rental-form select,.ha-rental-form textarea{display:block;width:100%;height:49px;min-height:49px;border:1px solid #d7e0e6;border-radius:9px;background:#fff;color:#213743;padding:12px 13px;font:400 15px/1.4 'DM Sans',Arial,sans-serif;outline:none;box-shadow:none}
.ha-rental-form textarea{height:auto;min-height:94px;resize:vertical}
.ha-rental-form input:focus-visible,.ha-rental-form textarea:focus-visible,.ha-rental-form select:focus-visible{border-color:#0873bd;box-shadow:0 0 0 2px rgba(8,115,189,.12)}
.ha-rental-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ha-rental-two input[type=date],.ha-rental-two input[type=time]{font-size:13px!important;padding:10px 9px!important;min-width:0}
.ha-rental-form fieldset{border:0;padding:0;margin:2px 0 1px;min-width:0}
.ha-rental-form legend{padding:0;margin-bottom:10px;font:550 13px/1.45 'DM Sans',Arial,sans-serif;color:#2f414b}
.ha-rental-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ha-rental-toggle label{display:flex;align-items:center;gap:7px;min-height:47px;padding:10px;border:1px solid #d7e0e6;border-radius:9px;color:#273e4e;font-size:13px;font-weight:450;cursor:pointer}
.ha-rental-toggle input{margin:0;accent-color:#0873bd;flex:none}
.ha-rental-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;width:100%;border:1px solid #0873bd;border-radius:9px;background:#0873bd;color:white;text-decoration:none;text-align:center;padding:12px 18px;font:600 14px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;margin:8px 0 0}
.ha-rental-button:disabled{opacity:.6;cursor:wait}
.ha-rental-small{font-size:12px!important;line-height:1.55!important;color:#75838b!important;margin:4px 0 0!important}
.ha-rental-inline{display:block;border:0;background:none;padding:12px 2px;margin:7px auto;color:#0873bd;font:550 13px/1.4 'DM Sans',Arial,sans-serif;cursor:pointer;text-align:center}
.ha-rental-notice{font-size:13px;line-height:1.5;padding:12px 14px;border:1px solid #bfd8e8;border-radius:9px;color:#204f6d;background:#f1f8fc;margin:0 0 18px}
.ha-rental h2{font:550 22px/1.25 'DM Sans',Arial,sans-serif;letter-spacing:-.35px;margin:18px 0 13px}
.ha-rental-results,.ha-rental-recap,.ha-rental-detail{display:block}
.ha-rental-mini-summary{font-size:12px;line-height:1.5;color:#4b6170;padding:12px;background:#f4f7f8;border-radius:8px}
.ha-rental-vehicle{border:1px solid #e3e9ed;border-radius:12px;margin:14px 0 18px;overflow:hidden;background:#fff}
.ha-rental-vehicle>img{display:block;width:100%;height:190px;object-fit:cover}
.ha-rental-vehicle-body{padding:15px}
.ha-rental-vehicle-body small,.ha-rental-detail>small{color:#647987;font-size:12px}
.ha-rental-vehicle-body h3{font:550 20px/1.3 'DM Sans',Arial,sans-serif;margin:5px 0 8px}
.ha-rental-vehicle-body p{margin:4px 0 9px;font-size:13px;color:#506574}
.ha-rental-outline{width:100%;min-height:43px;background:#fff;color:#0873bd;border:1px solid #aacddd;border-radius:8px;font:600 13px 'DM Sans',Arial,sans-serif;padding:10px;cursor:pointer}
.ha-rental-no-photo{display:grid;place-items:center;min-height:136px;background:#f2f6f8;color:#7b8b96;font-size:13px;text-align:center;padding:15px}
.ha-rental-detail-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:12px}
.ha-rental-detail>p{font-size:14px;line-height:1.6;color:#5b6975}
.ha-rental-detail dl,.ha-rental-recap dl{margin:16px 0 18px}
.ha-rental-detail dl>div,.ha-rental-recap dl>div{display:grid;grid-template-columns:32% 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f3;font-size:13px}
.ha-rental-detail dt,.ha-rental-recap dt{color:#71818b}
.ha-rental-detail dd,.ha-rental-recap dd{margin:0;color:#243b4a;font-weight:500;overflow-wrap:anywhere}
.ha-rental-checkbox{display:flex!important;align-items:start;gap:11px!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;color:#506574!important}
.ha-rental-checkbox input{margin-top:3px;accent-color:#0873bd}
.ha-rental-empty{border:1px solid #e5ecf0;border-radius:10px;padding:20px 17px;margin:16px 0;color:#354b58}
.ha-rental-empty strong{font-size:15px;font-weight:550}
.ha-rental-empty p{font-size:13px;line-height:1.6;color:#71808a;margin:9px 0 0}
.ha-rental-top-actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}
.ha-rental-top-actions a,.ha-rental-top-actions button{color:#0873bd;font:550 13px 'DM Sans',Arial,sans-serif;background:transparent;border:0;text-decoration:none;cursor:pointer}
.ha-rental-booking{border:1px solid #e0e8ec;border-radius:12px;padding:16px;margin:0 0 14px;background:#fff}
.ha-rental-booking-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.ha-rental-booking-top span{font-size:11px;background:#eaf2f7;color:#2f6889;padding:6px 8px;border-radius:6px}
.ha-rental-booking>p{margin:10px 0 0;color:#576c78;font-size:13px;line-height:1.5}
.ha-rental-offer{display:grid;gap:7px;margin-top:13px;padding:13px;border:1px solid #d7e6ed;border-radius:8px}
.ha-rental-offer strong{font-size:15px}
.ha-rental-offer span,.ha-rental-offer small,.ha-rental-offer p{font-size:12px;color:#566b78;line-height:1.5;margin:0}
.ha-rental-positive{color:#27644e!important}
.ha-rental-stay-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e7edf0;padding:15px 0;margin-top:9px}
.ha-rental-stay-link a{text-decoration:none;color:#0873bd;font:550 13px/1.4 'DM Sans',Arial,sans-serif}
@media(max-width:350px){.ha-rental{padding-left:15px;padding-right:15px}.ha-rental-title-row h1{font-size:24px}.ha-rental-history-link{font-size:11px}}