/* =========================================================
   HEADER – TOP BAR (BLUE BACKGROUND)
   - Corporate top header
   - Language switch + B2B portal
========================================================= */

.site-header {
  background: var(--blue);
  border-bottom: none;
}

.site-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

/* =========================================================
   HEADER ACTIONS CONTAINER
========================================================= */

.header-actions {
  position: relative;
  left: -80px;
}
/* =========================================================
   OFFSET BRAND RIGHT (DESKTOP)
========================================================= */

.site-header .brand {
  position: relative;
  left: 80px;
}

/* =========================================================
   MOBILE FIX – REMOVE OFFSET
========================================================= */

@media (max-width: 768px) {
  .header-actions {
    left: 0;
  }

  .site-header .brand {
    left: 0;
  }
}




/* =========================================================
   LANGUAGE SWITCH BUTTONS (BG / EN / RO)
   - Default: white text on blue background
   - Active: white box with blue text
========================================================= */

.header-actions a.lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 10px;
  min-width: 34px;

  font-size: 0.85rem; /* ~85% */
  font-weight: 700;
  line-height: 1;

  text-transform: uppercase;
  white-space: nowrap;

  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.35);

  background: transparent;
  color: #ffffff;

  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* active language (BG by default) */
.header-actions a.lang.active {
  background: #ffffff;
  color: var(--blue);
  border-color: #ffffff;
}

/* =========================================================
   B2B PORTAL BUTTON
   - Red background
   - White text
========================================================= */

.header-actions a.portal {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 6px 14px;

  font-size: 0.85rem; /* same scale as languages */
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;

  border-radius: 6px;
  border: none;

  background: var(--red);
  color: #ffffff;

  transition: background-color 0.15s ease, transform 0.12s ease;
}

.header-actions a.portal:hover {
  background: #a91c19;
  transform: translateY(-1px);
}

/* =========================================================
   RESPONSIVE – HEADER
========================================================= */

@media (max-width: 768px) {
  .site-header .header-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .header-actions {
    justify-content: flex-start;
  }