/* Compact header overrides.
   Reduces the tall header spacing (~40%) without changing layout behavior. */

/* Topbar height */
.wpo-header-style-2 .topbar ul li {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 767px) {
  .wpo-header-style-2 .topbar,
  .wpo-header-style-3 .topbar {
    padding: 12px 0;
  }

  .wpo-header-style-2 .topbar ul li,
  .wpo-header-style-3 .topbar ul li {
    padding: 6px 20px;
  }
}

/* Navigation height (desktop) */
@media screen and (min-width: 992px) {
  .wpo-header-style-2 .navigation .navbar-brand {
    margin-top: 12px;
  }

  .wpo-header-style-2 #navbar > ul > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .wpo-header-style-2 #navbar > ul > li > a {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}