/* Header Styles */
.header-bg {
  background: linear-gradient(rgba(236, 240, 241, 0.95), rgba(236, 240, 241, 0.95)), 
              url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%23dfe6e9" x="0" y="0" width="100" height="100"/><path fill="%23bdc3c7" d="M0 0 L100 100 M100 0 L0 100" stroke-width="0.5"/></svg>');
  background-size: 120px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #dcdde1;
}

.navbar {
  padding: 0.5rem 0;
  transition: all 0.3s ease;
}

.navbar-brand img {
  transition: all 0.3s ease;
  filter: brightness(1.1);
  height: 50px;
}

.nav-link {
  font-weight: 500;
  position: relative;
  padding: 0.4rem 0.8rem !important;
  transition: all 0.3s ease;
  color: var(--dark-gray) !important;
  font-size: 0.95rem;
  white-space: nowrap;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background-color: var(--accent-orange);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 80%;
}

/* Footer Styles */
.footer-bg {
  background: linear-gradient(rgba(52, 73, 94, 0.95), rgba(52, 73, 94, 0.95)), 
              url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%232c3e50" x="0" y="0" width="100" height="100"/><circle fill="%2334495e" cx="50" cy="50" r="40"/></svg>');
  background-size: 120px;
  color: var(--text-light);
}

/* Language Switcher */
.lang-btn {
  background: none;
  border: 1px solid var(--secondary-blue);
  color: var(--primary-blue);
  font-weight: 500;
  padding: 4px 8px;
  transition: all 0.3s ease;
  border-radius: 4px;
  font-size: 0.9rem;
}

.lang-btn:hover, .lang-btn.active {
  color: white;
  background-color: var(--secondary-blue);
  cursor: pointer;
}