
/* === TOP INFO ROW === */
.top-info-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:3px 8px;
  background:#ffffff;
  font-size:12.5px;
  line-height:1.4;
  color:#0f172a;

}

/* LEFT TITLE */
.top-info-title{
  flex:1;
  text-align:left;
  opacity:0.85;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* FORCE VISIBILITY FOR H1 TITLE – inherit text size */
h1.top-info-title{
  color:inherit !important;
  background:transparent !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  opacity:0.85 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  visibility:visible !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}



h3.top-info-title{
  color:inherit !important;
  background:transparent !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  opacity:0.85 !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  visibility:visible !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* LANGUAGE SWITCHER */
.lang-switcher{
  position:relative;
  margin-left:8px;
}

.lang-current{
  display:flex;
  align-items:center;
  gap:4px;
  background:none;
  border:none;
  padding:2px;
  font-size:12px;
  font-weight:500;
  cursor:pointer;
  color:#0f172a;
  outline: none;
}

.lang-current .label{
  opacity:0.8;
}

.lang-current .arrow{
  font-size:10px;
  opacity:0.7;
}

.lang-current img{
  width:16px;
  height:auto;
  margin-left:2px;
}

/* DROPDOWN */
.lang-menu{
  position:absolute;
  right:0;
  top:100%;
  margin-top:6px;
  background:#ffffff;
  border-radius:8px;
  box-shadow:0 6px 18px rgba(0,0,0,0.12);
  overflow:hidden;
  z-index:1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

.lang-menu.show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.lang-menu a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  font-size:13px;
  color:#0f172a;
  text-decoration:none;
  white-space:nowrap;
}

.lang-menu a:hover{
  background:#f1f5f9;
}

.lang-menu img{
  width:18px;
}