/* Fable LOCATIONS - izbirnik mesta (en vnos: mesto -> drzava samodejno)
   POZOR: pravila so utrjena z !important, ker fable tema globalno stilira
   label { float:left; width:100% }, button { float:left; background:# ... }
   in #sidebar button { width:100% } - brez tega se izbirnik sesuje. */

.floc-picker {
  position: relative; max-width: 100%;
  clear: both; /* tema plava oznake (label float:left) - brez clear se
                  flex vsebnik stisne ob plovko na sirino 0 */
}

.floc-input-wrap { position: relative; display: flex; align-items: center; width: 100%; }

.floc-picker .floc-city-input {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 10px 64px 10px 12px !important; /* desno: prostor za gumba */
  box-sizing: border-box !important;
  border: 1px solid #d4d4d7;
  border-radius: 8px;
  background: #fff;
  font-size: 15px;
  line-height: 1.4;
  color: #191919;
}

.floc-picker .floc-city-input:focus { border-color: #191919; outline: none; box-shadow: 0 0 0 3px rgba(25,25,25,.08); }

.floc-picker .floc-clear-btn,
.floc-picker .floc-geo-btn {
  position: absolute !important; top: 50% !important; transform: translateY(-50%);
  float: none !important;
  width: 28px !important; min-width: 0 !important; max-width: none !important;
  height: 28px !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 6px;
  background: none !important; box-shadow: none !important;
  cursor: pointer; color: #888 !important; line-height: 1 !important;
  display: inline-flex !important; align-items: center; justify-content: center;
}

.floc-picker .floc-geo-btn { right: 6px !important; }
.floc-picker .floc-clear-btn { right: 34px !important; font-size: 18px; }
.floc-picker .floc-clear-btn:hover { color: #333 !important; }
.floc-picker .floc-geo-btn:hover { color: #1d2327 !important; background: #f0f0f1 !important; }
.floc-picker .floc-geo-btn.floc-geo-busy { color: #1d2327 !important; animation: floc-pulse 1s infinite; }

@keyframes floc-pulse { 0%,100% { opacity: 1; } 50% { opacity: .35; } }

.floc-dropdown {
  position: absolute; z-index: 1200; left: 0; right: 0; top: calc(100% + 4px);
  background: #fff; border: 1px solid #d9dbdd; border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12); max-height: 320px; overflow-y: auto;
}

.floc-dropdown .floc-opt {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 9px 13px; cursor: pointer; font-size: 14px; color: #1d2327;
}

.floc-dropdown .floc-opt + .floc-opt { border-top: 1px solid #f2f3f4; }
.floc-dropdown .floc-opt:hover,
.floc-dropdown .floc-opt.floc-active { background: #f5f6f7; }
.floc-dropdown .floc-opt .floc-opt-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.floc-dropdown .floc-opt .floc-opt-name b { font-weight: 700; }
.floc-dropdown .floc-opt .floc-opt-name .floc-opt-region { color: #8a8f94; font-weight: 400; }
.floc-dropdown .floc-opt .floc-opt-country { font-size: 12px; color: #8a8f94; white-space: nowrap; flex: none; }

.floc-dropdown .floc-empty {
  padding: 10px 13px; font-size: 13px; color: #8a8f94;
}

.floc-msg {
  margin-top: 5px; font-size: 12px; color: #b3261e;
}

.floc-msg.floc-msg-info { color: #6b7075; }

.floc-hint {
  margin-top: 6px; font-size: 12px; color: #8a8f94; line-height: 1.5;
}

.floc-hint a { color: #555; text-decoration: underline; }

/* neurejljiv prikaz lokacije na obrazcu objave (prevzeta iz profila) */
.floc-readonly {
  display: inline-block; min-width: 220px; max-width: 100%;
  box-sizing: border-box; padding: 10px 12px;
  background: #f3f3f4; border: 1px solid #e1e1e3; border-radius: 8px;
  color: #555; font-size: 15px; line-height: 1.4; cursor: not-allowed;
}

/* znacka drzave na kartici oglasa (pod kratkim opisom)
   POZOR: tema plava opis (.listing-list .desc { float:left; width:100% }) -
   flex vsebnik brez clear se ob plovki stisne v neviden stolpec in
   karticam doda ogromen prazen prostor. */
.floc-country-badge {
  display: flex; align-items: center; gap: 6px;
  clear: both; float: none !important; width: auto !important;
  min-height: 0 !important;
  margin-top: 6px; font-size: 12.5px; color: #6b7075; line-height: 1.4;
}

.floc-country-badge .floc-flag { font-size: 15px; line-height: 1; }