/* Sada Rent — dropdown personalizat (înlocuiește <select>-ul nativ). Desktop: meniu sub câmp; mobil: bottom sheet. */
.mr-sel{ position:relative; display:block; width:100%; }
.mr-sel > select{ position:absolute !important; inset:auto 0 0 0; width:100%; height:1px; opacity:0; pointer-events:none; }
.mr-sel-btn{
  display:flex !important; align-items:center; justify-content:space-between; gap:10px; width:100%; text-align:left; cursor:pointer;
  -webkit-appearance:none; appearance:none; background-image:none !important;
}
.mr-sel-btn .mr-sel-txt{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mr-sel-btn .mr-sel-txt.is-ph{ color:#A39B8B; }
.mr-sel-btn .mr-sel-chev{ flex:none; width:16px; height:16px; color:#D9A441; transition:transform .2s ease; }
.mr-sel.is-open .mr-sel-btn{ border-color:#D9A441 !important; box-shadow:0 0 0 1px rgba(217,164,65,.5); }
.mr-sel.is-open .mr-sel-chev{ transform:rotate(180deg); }
.mr-sel-btn:disabled{ opacity:.55; cursor:not-allowed; }

.mr-sel-menu{
  position:absolute; z-index:60; left:0; right:0; top:calc(100% + 6px); max-height:280px; overflow-y:auto; overscroll-behavior:contain;
  padding:6px; background:#141418; border:1px solid rgba(217,164,65,.25); border-radius:16px;
  box-shadow:0 24px 50px -14px rgba(0,0,0,.95); opacity:0; visibility:hidden; transform:translateY(-6px) scale(.98); transform-origin:top;
  transition:opacity .15s ease, transform .15s ease, visibility .15s; font-family:Manrope,system-ui,sans-serif;
}
.mr-sel-menu.is-open{ opacity:1; visibility:visible; transform:none; }
.mr-sel-menu.is-up{ top:auto; bottom:calc(100% + 6px); transform-origin:bottom; }
.mr-sel-menu::-webkit-scrollbar{ width:6px; } .mr-sel-menu::-webkit-scrollbar-thumb{ background:#2A2A31; border-radius:3px; }
.mr-sel-opt{
  display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:10px 12px; border-radius:11px; border:0; background:none;
  color:#F4EFE6; font:600 14px/1.25 Manrope,system-ui,sans-serif; text-align:left; cursor:pointer; transition:background .12s, color .12s;
}
.mr-sel-opt span{ flex:1; min-width:0; }
.mr-sel-opt svg{ flex:none; width:16px; height:16px; color:#D9A441; opacity:0; }
.mr-sel-opt:hover,.mr-sel-opt.is-active{ background:rgba(217,164,65,.12); }
.mr-sel-opt[aria-selected=true]{ color:#F2C879; font-weight:800; }
.mr-sel-opt[aria-selected=true] svg{ opacity:1; }
.mr-sel-opt[aria-disabled=true]{ opacity:.35; cursor:not-allowed; }
.mr-sel-head{ display:none; }

.mr-sel-backdrop{ position:fixed; inset:0; z-index:9998; background:rgba(0,0,0,.6); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity .2s; }
.mr-sel-backdrop.show{ opacity:1; pointer-events:auto; }

@media (max-width:640px){
  .mr-sel-menu{
    position:fixed; z-index:9999; left:0; right:0; top:auto !important; bottom:0 !important; max-height:72dvh; border-radius:26px 26px 0 0; border-bottom:0;
    padding:0 12px calc(14px + env(safe-area-inset-bottom)); transform:translateY(100%); transition:transform .28s cubic-bezier(.2,.8,.2,1), visibility 0s linear .28s;
  }
  .mr-sel-menu.is-open{ transform:none; transition:transform .28s cubic-bezier(.2,.8,.2,1); }
  .mr-sel-head{ display:block; position:sticky; top:0; background:#141418; padding:10px 4px 8px; text-align:center; z-index:1; }
  .mr-sel-head:before{ content:''; display:block; width:40px; height:5px; border-radius:99px; background:#2A2A31; margin:0 auto 10px; }
  .mr-sel-head b{ font:800 15px Manrope,system-ui,sans-serif; color:#F4EFE6; }
  .mr-sel-opt{ min-height:52px; font-size:15px; }
}
@media (prefers-reduced-motion:reduce){ .mr-sel-menu,.mr-sel-chev{ transition:none; } }
