/* ═══════════════════════════════════════════════════════════════
   intl.css — International visitor selector UI
═══════════════════════════════════════════════════════════════ */

.gs-intl-pill{
  position:fixed;
  top:14px;
  right:14px;
  z-index:9990;
  font-family:'Inter','DM Sans',sans-serif;
}

.gs-intl-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px 8px 12px;
  background:linear-gradient(135deg,rgba(13,29,58,.92),rgba(8,18,38,.92));
  border:1px solid rgba(240,165,0,.28);
  border-radius:30px;
  color:#fff;
  font-size:12px;
  font-weight:500;
  letter-spacing:.1px;
  cursor:pointer;
  transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.55);
}
.gs-intl-btn:hover{
  border-color:rgba(240,165,0,.55);
  transform:translateY(-1px);
  box-shadow:0 14px 30px -8px rgba(0,0,0,.65);
}
.gs-intl-flag{font-size:16px;line-height:1}
.gs-intl-label{white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.gs-intl-btn svg{opacity:.65;transition:transform .3s ease}
.gs-intl-btn[aria-expanded="true"] svg{transform:rotate(180deg)}

.gs-intl-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:340px;
  max-height:70vh;
  overflow-y:auto;
  background:linear-gradient(160deg,rgba(13,29,58,.98),rgba(8,18,38,.98));
  border:1px solid rgba(240,165,0,.28);
  border-radius:16px;
  box-shadow:0 32px 80px -20px rgba(0,0,0,.7);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  animation:gsIntlMenuIn .3s cubic-bezier(.34,1.36,.64,1);
}
@keyframes gsIntlMenuIn{
  from{opacity:0;transform:translateY(-8px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.gs-intl-menu-head{
  padding:16px 20px 12px;
  font-size:10.5px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#ffc94d;
  font-weight:700;
  border-bottom:1px solid rgba(240,165,0,.15);
}
.gs-intl-menu-body{padding:8px 0}

.gs-intl-group{padding:8px 0}
.gs-intl-group + .gs-intl-group{border-top:1px solid rgba(255,255,255,.05)}
.gs-intl-group-title{
  padding:8px 20px 6px;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  color:#8a9bbf;
  font-weight:600;
}
.gs-intl-group-list{display:flex;flex-direction:column;gap:1px}
.gs-intl-opt{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 20px;
  background:transparent;
  border:none;
  color:#c8d3e8;
  font-family:inherit;
  font-size:13px;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.gs-intl-opt:hover{background:rgba(240,165,0,.06);color:#fff}
.gs-intl-opt.active{background:rgba(240,165,0,.1);color:#ffc94d}
.gs-intl-opt-flag{font-size:18px;line-height:1;flex-shrink:0}
.gs-intl-opt-name{flex:1;font-weight:500}
.gs-intl-opt-cur{
  font-size:10.5px;
  letter-spacing:1px;
  color:#8a9bbf;
  font-family:'SF Mono',Monaco,monospace;
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:4px;
}
.gs-intl-opt.active .gs-intl-opt-cur{
  color:#ffc94d;
  border-color:rgba(240,165,0,.35);
}

/* Mobile: keep small + reposition */
@media (max-width:640px){
  .gs-intl-pill{
    top:auto;
    bottom:82px;
    right:12px;
  }
  .gs-intl-btn{padding:7px 12px 7px 10px;font-size:11px}
  .gs-intl-label{max-width:120px}
  .gs-intl-menu{
    width:calc(100vw - 24px);
    max-width:340px;
    right:0;
    max-height:60vh;
  }
}

/* When admin/dashboard, hide */
body.admin-page .gs-intl-pill,
body.dashboard-page .gs-intl-pill{display:none}