/* Sayyarati v8772 — richer fuel-station details card. */
body.fuel-stations-body .fuel-map-v8772-selected{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:11px!important;
  width:min(94vw,520px)!important;
  padding:18px 18px 16px!important;
  border-radius:25px!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 92px;
  align-items:center;
  gap:14px;
  direction:rtl;
}
body.fuel-stations-body .fuel-map-v8772-selected__icon{
  grid-column:2;
  grid-row:1;
  width:92px!important;
  height:92px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#edf5ff,#e3efff)!important;
  font-size:45px!important;
  border:1px solid #d6e6fa;
}
body.fuel-stations-body .fuel-map-v8772-selected__copy{
  grid-column:1;
  grid-row:1;
  display:grid!important;
  gap:3px!important;
  min-width:0;
  text-align:right;
}
body.fuel-stations-body .fuel-map-v8772-selected__copy>small{
  color:#1169df!important;
  font-size:13px!important;
  font-weight:1000!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__copy>strong{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#102a53!important;
  font-size:25px!important;
  line-height:1.35!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__type{
  justify-self:start;
  margin-top:3px;
  padding:5px 10px;
  border-radius:999px;
  background:#eaf3ff;
  color:#1267da;
  font-size:11px;
  font-weight:1000;
}
body.fuel-stations-body .fuel-map-v8772-selected__fuels{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  direction:rtl;
}
body.fuel-stations-body .fuel-map-v8772-selected__fuels[hidden]{display:none!important}
body.fuel-stations-body .fuel-map-v8772-selected__fuels span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  border:1px solid #cfe0f6;
  border-radius:999px;
  background:#f4f8ff;
  color:#174f95;
  font-size:11px;
  font-weight:950;
}
body.fuel-stations-body .fuel-map-v8772-selected__fuels span::before{
  content:'⛽';
  margin-left:5px;
  font-size:12px;
}
body.fuel-stations-body .fuel-map-v8772-selected__address{
  margin:0!important;
  padding:10px 12px;
  border-radius:14px;
  background:#f7f9fc;
  color:#6c7d94!important;
  font-size:12px!important;
  font-weight:800;
  line-height:1.7!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__hours{
  margin:0!important;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #d4e4f7;
  border-radius:14px;
  background:#f5f9ff;
  font-size:11px;
}
body.fuel-stations-body .fuel-map-v8772-selected__contact{
  margin:0!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__actions{
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:9px!important;
  width:100%!important;
}
body.fuel-stations-body .fuel-map-v8772-selected__actions>button{
  min-height:52px!important;
  justify-content:center!important;
  font-size:14px!important;
  border-radius:15px!important;
}
@media(max-width:560px){
  body.fuel-stations-body .fuel-map-v8772-selected{
    width:calc(100vw - 30px)!important;
    padding:16px 14px 14px!important;
    border-radius:23px!important;
  }
  body.fuel-stations-body .fuel-map-v8772-selected__head{grid-template-columns:minmax(0,1fr) 82px;gap:11px}
  body.fuel-stations-body .fuel-map-v8772-selected__icon{width:82px!important;height:82px!important;font-size:40px!important;border-radius:20px!important}
  body.fuel-stations-body .fuel-map-v8772-selected__copy>strong{font-size:22px!important}
  body.fuel-stations-body .fuel-map-v8772-selected__copy>small{font-size:12px!important}
  body.fuel-stations-body .fuel-map-v8772-selected__fuels span{min-height:32px;padding:5px 9px;font-size:10px}
  body.fuel-stations-body .fuel-map-v8772-selected__actions>button{min-height:49px!important;font-size:13px!important}
}

/* Sayyarati v8777 — fuel map governorate chooser + explicit station data */
body.fuel-stations-body .fuel-map-governorate-v8777{
  position:absolute;
  top:12px;
  right:12px;
  z-index:37;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:min(270px,calc(100% - 88px));
  padding:8px 11px;
  border:1px solid rgba(207,223,244,.96);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(17,48,86,.15);
  backdrop-filter:blur(8px);
  direction:rtl;
}
body.fuel-stations-body .fuel-map-governorate-v8777>i{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#eaf3ff;
  color:#1268e3;
  font-size:15px;
}
body.fuel-stations-body .fuel-map-governorate-v8777>span{
  display:grid;
  min-width:0;
  flex:1 1 auto;
}
body.fuel-stations-body .fuel-map-governorate-v8777 small{
  margin-bottom:1px;
  color:#74849a;
  font-size:9px;
  font-weight:900;
}
body.fuel-stations-body .fuel-map-governorate-v8777 select{
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 2px 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#17345d!important;
  -webkit-text-fill-color:#17345d!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:30px!important;
  direction:rtl!important;
  box-sizing:border-box!important;
}
body.fuel-stations-body .fuel-map-v8680-selected__close{
  z-index:9!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
}
body.fuel-stations-body .fuel-map-v8777-selected__products,
body.fuel-stations-body .fuel-map-v8777-selected__hours{
  display:grid;
  gap:8px;
  padding:11px 12px;
  border:1px solid #d5e3f4;
  border-radius:15px;
  background:#f8fbff;
  direction:rtl;
}
body.fuel-stations-body .fuel-map-v8777-selected__products[hidden],
body.fuel-stations-body .fuel-map-v8777-selected__hours[hidden]{display:none!important}
body.fuel-stations-body .fuel-map-v8777-selected__section-title{
  display:flex;
  align-items:center;
  gap:7px;
  color:#173c6b;
  font-size:11px;
  font-weight:1000;
}
body.fuel-stations-body .fuel-map-v8777-selected__section-title i{color:#1268e3;font-size:13px}
body.fuel-stations-body [data-fuel-map-selected-fuels-empty]{
  display:block;
  color:#7d8da1;
  font-size:10px;
  font-weight:800;
}
body.fuel-stations-body [data-fuel-map-selected-fuels-empty][hidden]{display:none!important}
body.fuel-stations-body .fuel-map-v8777-selected__hours-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
body.fuel-stations-body .fuel-map-v8777-selected__hours-grid>div{
  display:grid;
  gap:3px;
  min-height:53px;
  padding:8px 10px;
  border-radius:12px;
  background:#fff;
  border:1px solid #dfebf8;
}
body.fuel-stations-body .fuel-map-v8777-selected__hours-grid span{
  color:#7c8ca0;
  font-size:9px;
  font-weight:900;
}
body.fuel-stations-body .fuel-map-v8777-selected__hours-grid strong{
  color:#17345d;
  font-size:11px;
  font-weight:1000;
  line-height:1.55;
}
@media(max-width:560px){
  body.fuel-stations-body .fuel-map-governorate-v8777{
    top:10px;
    right:10px;
    min-width:min(235px,calc(100% - 82px));
    padding:6px 8px;
    border-radius:14px;
  }
  body.fuel-stations-body .fuel-map-governorate-v8777>i{width:30px;height:30px;font-size:13px}
  body.fuel-stations-body .fuel-map-governorate-v8777 select{height:28px!important;min-height:28px!important;line-height:28px!important;font-size:12px!important}
  body.fuel-stations-body .fuel-map-v8777-selected__hours-grid{grid-template-columns:1fr}
}

/* V87.79: station details are visually impossible to show unless a real user pin activation arms the card. */
body.fuel-stations-body [data-fuel-map-selected]:not(.is-user-open-v8779),
body.fuel-stations-body [data-fuel-map-selected-backdrop]:not(.is-user-open-v8779){display:none!important;}
body.fuel-stations-body [data-fuel-map-selected].is-user-open-v8779[hidden],
body.fuel-stations-body [data-fuel-map-selected-backdrop].is-user-open-v8779[hidden]{display:none!important;}