html.megamenu-added .site-header {
    background-image: url("/static/img/logo_header.png") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important; /* aligns logo nicely on the left */
    background-size: 160px auto !important; /* scales logo to a good size */
    background-color: #ffffff !important;
}

/* --- Twitter (X) icon custom style --- */
.twitter-icon {
  margin-left: -5px;        /* small shift to align visually */
  color: #333e63;      
  font-size: 18px;          /* adjust to match other icons */
  transition: color 0.3s ease, transform 0.3s ease;
  vertical-align: middle;
}

/* Hover color change */
.twitter-icon:hover {
  color: #333c5b;
}

/* Optional: make all social icons aligned properly */
footer .social-links ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 7px;
  justify-content: center;
  padding: 0;
}

footer .social-links ul li a {
  text-decoration: none;
}

footer .social-links i {
  font-size: 18px;
}



/* Responsive adjustment for smaller screens */
@media (max-width: 768px) {
    html.megamenu-added .site-header {
        background-position: center center !important;
        background-size: 120px auto !important;
    }
}