/* Repair Depot header — match Fixturbo home-1 (incl. ≤1500 viewports) */
.header-navbar-logo img,
.header-logo img,
.mobile-logo img,
.footer-logo img {
  max-height: 52px;
  width: auto;
}
.rd-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  color: #111;
  line-height: 1;
}
.rd-lockup img {
  height: 40px;
  width: auto;
  display: block;
  max-height: 44px;
}
.rd-words {
  display: flex;
  flex-direction: column;
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0.01em;
  line-height: 0.95;
}
.rd-lockup-on-dark { color: #fff; }
.header-navbar-logo .rd-lockup,
.header-logo .rd-lockup,
.mobile-logo .rd-lockup {
  color: #fff;
}

/* Top strip stays transparent over hero (demo look) */
.header-layout1 .header-top {
  background: transparent !important;
}

/*
 * Theme collapses logo-bg at max-width:1500 (top:0). Demo screenshot
 * Jared wants keeps the tall red column into the top strip on normal
 * desktops — keep that geometry until the mobile logo swap at 1199.
 */
.header-layout1 .menu-area .logo-bg {
  top: -50px !important;
  height: calc(100% + 80px) !important;
}
@media (max-width: 1500px) {
  .header-layout1 .menu-area .logo-bg {
    top: -50px !important;
    height: calc(100% + 80px) !important;
  }
}
/* Keep theme indent so top-bar links clear the taller red column */
@media (max-width: 1500px) {
  .header-layout1 .header-top .header-links {
    padding-left: 170px !important;
  }
}
@media (max-width: 1199px) {
  .header-layout1 .header-top .header-links {
    padding-left: 0 !important;
  }
}

/* Interior pages without hero/breadcrumb (e.g. blog list) */
body.rd-no-banner .header-layout1 .header-top {
  background: #111 !important;
}
body.rd-no-banner .header-layout1 .header-links li,
body.rd-no-banner .header-layout1 .header-links a,
body.rd-no-banner .header-layout1 .header-links span {
  color: #fff !important;
}
body.rd-no-banner .header-layout1 .header-links i {
  color: var(--theme-color, #e83636) !important;
}
body.rd-no-banner .header-layout1 .menu-area .logo-bg {
  top: 0 !important;
  height: 100% !important;
  border-radius: 0;
}
body.rd-no-banner .header-layout1 .menu-area {
  background: #fff;
}
body.rd-no-banner .space-top,
body.rd-no-banner .blog-area.space-top {
  padding-top: 40px;
}