/* Custom CSS overrides for trueimobiliare */

/* Top-level menu link color — match other items (Acasa, Proprietati, etc.) */
header.main-header .x-nav-menu > li > a,
header.main-header .x-nav-menu > li > a > .x-menu-text {
  color: var(--g5-navigation-text-color);
}
header.main-header .x-nav-menu > li > a:hover,
header.main-header .x-nav-menu > li > a:hover > .x-menu-text {
  color: var(--g5-navigation-text-color-hover);
}

/* Mobile hamburger toggle (< 992px). Hidden on desktop. */
.ti-hamburger {
  display: none;
  background: transparent;
  border: 0;
  padding: 8px 12px;
  cursor: pointer;
  color: var(--g5-color-accent);
  font-size: 28px;
  line-height: 1;
}

@media (max-width: 991px) {
  /* customize.css hides the desktop header below 992px (live site shows separate
     header.header-mobile there). We don't have that mobile header, so re-show this one. */
  header.main-header { display: block !important; }

  header.main-header .header-above-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 15px;
  }
  header.main-header .logo-header img { max-height: 50px; width: auto; }

  .ti-hamburger { display: inline-block; }

  /* Hide customize block (phone CTA shape) on mobile, the menu list will reveal phone link */
  header.main-header .header-customize-wrapper { display: none !important; }

  /* Collapsed nav: stacked vertical menu, hidden by default */
  header.main-header nav.primary-menu .x-nav-menu {
    display: none;
    flex-basis: 100%;
    flex-direction: column;
    background-color: var(--g5-header-background-color);
    padding: 10px 0;
    margin: 10px 0 0;
  }
  header.main-header nav.primary-menu.is-open .x-nav-menu { display: flex; }

  header.main-header .x-nav-menu > li {
    display: block;
    width: 100%;
    line-height: 1;
    margin: 0 !important;
    padding: 12px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }
  header.main-header .x-nav-menu > li > a { display: block; }
}