/* ===== Trigger inline para navbar ===== */
.sr-loc { max-width: 100%; }

.sr-loc__trigger{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-decoration:none !important;
  cursor:pointer;
  font-size: 12px;
}

.sr-loc__label::before{
  position: relative;
  bottom: -1px;
  content: "\f183";
  font-family: "woodmart-font";
  font-weight: 400;
  font-style: normal;
  font-size:14px;
  margin-right: 6px;
}
.sr-loc__label{ opacity:.85; }
.sr-loc__value{ overflow:hidden; text-overflow:ellipsis; }
.sr-loc__change{ font-size:.85em; opacity:.75; margin-left:6px; }

/* ===== Modal ===== */
.sr-loc-modal[hidden]{ display:none !important; }

.sr-loc-modal{
  position:fixed;
  inset:0;
  z-index:999999;
}

.sr-loc-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.45);
}

.sr-loc-modal__panel{
  position:relative;
  width:min(520px, calc(100% - 32px));
  margin:64px auto 0;
  background:#fff;
  border-radius:12px;
  padding:16px;
}

.sr-loc-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}

.sr-loc-modal__title{ font-size:16px; font-weight:600; }
.sr-loc-modal__x{ text-decoration:none !important; font-size:22px; line-height:1; }

.sr-loc__field-label{ display:block; margin-bottom:6px; }
.sr-loc__select, .sr-loc__input{ width:100%; }

.sr-loc__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  gap:12px;
}

.sr-loc__actions-right{ display:flex; gap:10px; align-items:center; }

.sr-loc__link{ text-decoration:none !important; opacity:.85; }

.sr-loc__btnlike{
  text-decoration:none !important;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.15);
}