/* ============================================================
   HEADER ROW 1 - Logo and Social Icons
   Desktop layout: Logo (33%) | Empty (27%) | Social Icons (40%)
   ============================================================ */

.header-row1 {
  background: var(--k-0); /* White background */
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--k-10);
}

.header-row1 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo Column - 33% width, left-aligned */
.header-row1 .logo-column {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.header-row1 .logo-column a {
  display: inline-block;
}

.header-row1 .logo-column img {
  max-height: none; /* Allows logo to be any height set in settings */
  width: auto;
  display: block;
}

/* Empty Column - 27% width for future use */
.header-row1 .empty-column {
  width: 27%;
}

/* Social Icons Column - 40% width, right-aligned */
.header-row1 .social-column {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Responsive adjustments for tablets */
@media (max-width: 1199.98px) {
  .header-row1 .logo-column {
    width: 40%;
  }

  .header-row1 .empty-column {
    width: 20%;
  }

  .header-row1 .social-column {
    width: 40%;
  }
}

/* Hide Row 1 on mobile */
@media (max-width: 991.98px) {
  .header-row1 {
    display: none !important;
  }
}