/* Cute language selector styles */
.lang-selector-item{display:flex;align-items:center;margin-left:10px}
#lang-selector{display:flex;flex-direction:column;align-items:center;padding:0;margin:0;border:0;background:transparent}
/* Fix navbar positioning */
.navbar-nav > li.lang-selector-item{float:right;margin-top:0;margin-bottom:0}
.lang-btn{background:#fff;border:1px solid #eee;border-radius:24px;padding:6px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;margin:3px;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:transform .12s ease,box-shadow .12s;min-width:110px}
.lang-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,0.12)}
.lang-flag{width:22px;height:14px;display:block}
.lang-name{font-size:14px;color:#333;font-weight:500}
/* Active language appears on top by JS ordering; remove focus outline */
.lang-btn:focus{outline:none}
/* Hide default list bullets if any */
.navbar-nav .lang-selector-item{margin-left:10px}

/* Mobile tweak: show horizontally on small screens */
@media(max-width:767px){
  #lang-selector{flex-direction:row}
  .lang-btn{margin-left:6px;margin-right:6px}
}