/* Header top-bar icons (phone / email / location) and social icons */

.img-icon-header {
  width: 22px;
  height: 22px;
  object-fit: cover;
  object-position: center;
}

.img-icon-header a:hover {
  color: var(--primary-color);
}

.icon-header {
  color: #000000 !important;
  font-size: 15px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 0px;
  padding: 0;
  transition: 0.5s ease-in-out;
}

.icon-header i {
  margin-right: 0 !important;
}

.text-icons-header {
  color: #000000;
  font-size: 14px;
}

.text-icons-header a {
  color: #000000 !important;
  text-decoration: none;
  font-weight: 500 !important;
  margin-left: 0px !important;
  font-size: 15px !important;
}

.text-icons-header span {
  font-weight: 600;
  font-size: 19px;
}

/* Top-bar social icons: override the generic (65px) main.css rule so
   every icon in this row — text-icons and brand images alike — matches
   size, alignment, and spacing. */
.header-top-bar ul.social-media {
  align-items: center;
  gap: 14px;
  margin-top: 0;
}

.header-top-bar ul.social-media li {
  display: flex;
  align-items: center;
}

.header-top-bar ul.social-media li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-top-bar ul.social-media li a i {
  background: var(--secondary-color);
  border: none;
  color: var(--primary-color) !important;
  font-size: 16px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  transition: 0.3s ease-in-out;
}

.header-top-bar ul.social-media li a i:hover {
  background: var(--primary-color);
  color: #ffffff !important;
}