/* ==========================================================================
   Jilong Inmobiliaria - Language Switcher v3 standalone stylesheet
   深蓝 + 金色星空风格，自包含，所有选择器均带 .jl- 前缀，避免污染宿主页面。
   同时被主站（jilong-es-starry.css）与 forocasas 旧模板页加载。
   ========================================================================== */

.jl-lang-switcher{
  position:fixed;
  top:12px;
  right:16px;
  z-index:999999;
  display:flex;
  gap:6px;
  align-items:center;
}

.jl-lang-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#0b1f3a;
  color:#e8c76a;
  border:1px solid #d4af37;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.04em;
  text-decoration:none;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
  box-shadow:0 2px 8px rgba(11,31,58,.35);
}
.jl-lang-btn:hover,
.jl-lang-btn:focus{
  background:linear-gradient(135deg,#d4af37,#e8c76a);
  color:#0b1f3a;
  outline:none;
  box-shadow:0 2px 12px rgba(212,175,55,.45);
}
.jl-lang-btn.active{
  background:linear-gradient(135deg,#d4af37,#e8c76a);
  color:#0b1f3a;
  border-color:#e8c76a;
  box-shadow:0 0 0 2px rgba(212,175,55,.35),0 2px 12px rgba(212,175,55,.4);
}
/* 保留 .is-disabled 定义（v3 脚本会移除该 class，此条仅作兜底） */
.jl-lang-btn.is-disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* 顶部提示条 */
.jl-lang-hint{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:999998;
  background:#0b1f3a;
  color:#e8c76a;
  border-bottom:1px solid rgba(212,175,55,.45);
  font-size:.88rem;
  text-align:center;
  padding:10px 40px 10px 16px;
  box-shadow:0 2px 10px rgba(10,24,48,.4);
}
.jl-lang-hint a{
  color:#fff3c4;
  font-weight:700;
  text-decoration:underline;
}
.jl-lang-hint a:hover{ color:#ffffff; }
.jl-lang-hint .jl-lang-hint-close{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  background:transparent;
  border:1px solid rgba(212,175,55,.5);
  color:#e8c76a;
  width:26px;
  height:26px;
  line-height:1;
  border-radius:50%;
  font-size:1rem;
  cursor:pointer;
  padding:0;
}
.jl-lang-hint .jl-lang-hint-close:hover{ background:rgba(212,175,55,.2); }

/* 国旗热区容器不额外造型，仅兜底 */
.jl-flag-wrap{ position:relative; display:inline-block; cursor:pointer; }

/* 响应式：触控目标 44px */
@media(max-width:768px){
  .jl-lang-switcher{ top:10px; right:10px; gap:6px; }
  .jl-lang-btn{ min-height:44px; min-width:44px; height:44px; padding:0 14px; font-size:.9rem; }
  .jl-lang-hint{ font-size:.82rem; padding:10px 40px 10px 12px; }
}
