/* Manual CSS Override for Brand Box Image Loading Issues */
/* This file fixes layout shift problems when brand images load */

.brand-logo-box .brand-box {
  text-align: center;
  padding: 15px;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.brand-logo-box .brand-box img {
  display: inline-block;
  max-width: 100% !important;
  max-height: 50px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Modern Language Switcher Styles */
.lang-translate-icon {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 3px !important;
  vertical-align: middle !important;
  opacity: 1 !important;
  filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);
  transition: filter 0.3s ease;
}

/* Language switcher hover effect - white icon on teal background */
.wsmenu ul li:hover .lang-translate-icon,
.wsmenu ul li a:hover .lang-translate-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) !important;
}

/* Default state - dark icon */
.wsmenu ul li a .lang-translate-icon {
  filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(95%);
}

/* Language badge styling - inspired by reference design */
.lang-badge {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: bold;
  margin-right: 8px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

/* Default badge styling */
.lang-badge:not(.active) {
  background-color: #f3f4f6;
  color: #6b7280;
}

/* Active badge styling */
.lang-badge.active {
  background-color: #fef3c7;
  color: #d97706;
}

/* EN badge specific styling */
.lang-badge-en:not(.active) {
  background-color: #fef3c7;
  color: #d97706;
}

/* BN badge specific styling */
.lang-badge-bn:not(.active) {
  background-color: #dcfce7;
  color: #16a34a;
}

/* Active state overrides */
.lang-badge-en.active {
  background-color: #fed7aa;
  color: #ea580c;
}

.lang-badge-bn.active {
  background-color: #bbf7d0;
  color: #15803d;
}

/* Clean up the language dropdown */
.wsmenu ul li .sub-menu li a {
  display: flex;
  align-items: center;
}

/* Remove the angle-right icon for language items with new design */
.wsmenu ul li .sub-menu li a:has(.lang-badge) .fas.fa-angle-right {
  display: none;
}

/* Improve dropdown item spacing */
.wsmenu ul li .sub-menu li a .lang-badge + * {
  flex: 1;
}