/* Header made identical to the pdsslab.com (Elementor) header. Loaded after style.css. */
.pdss-topbar .container, .pdss-navbar .container { max-width: 1170px; }

/* top bar: white social box, 18px orange brand glyphs */
.pdss-topbar-socials { padding: 0 25px; gap: 24px; }
.pdss-topbar-socials a svg { width: 18px; height: 18px; }

/* nav bar */
.pdss-navbar { box-shadow: none; border-bottom: 0; }
.pdss-brand-logo img { width: 106px !important; height: 106px !important; max-width: none; }
.pdss-nav-link { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: normal; color: #031B4E; }
.pdss-nav-link:hover, .pdss-nav-link.active, .pdss-nav-link.pdss-nav-home { color: #3368C6; }
.nav-chevron { width: 13px !important; height: 13px !important; fill: none !important; stroke: currentColor; margin-left: 5px; }
.btn-appointment { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 15px; font-weight: 400; min-height: 49px; padding: 0 32px; border-radius: 0; gap: 9px; }
.btn-appointment svg { width: 15px; height: 15px; }

.pdss-brand-txt { display: none; }
.pdss-menu-social { display: none; }

/* tablets & phones (hamburger layout): like pdsslab.com - no top bar, slim 76px bar, name + tagline, socials in the drawer */
@media screen and (max-width: 1024px) {
  .pdss-topbar { display: none !important; }
  .pdss-navbar-inner { height: 76px !important; padding: 0 16px !important; }
  .pdss-brand-logo { gap: 12px; }
  .pdss-brand-logo img { width: 60px !important; height: 60px !important; }
  .pdss-brand-txt { display: flex; flex-direction: column; justify-content: center; line-height: 1.15; text-decoration: none; }
  .pdss-brand-txt strong { color: #031B4E; font: 700 20px/1.15 'Roboto', sans-serif; letter-spacing: .01em; }
  .pdss-brand-txt small { margin-top: 3px; color: #EA803B; font: 500 12.5px/1.2 'Roboto', sans-serif; letter-spacing: .06em; white-space: nowrap; }
  .pdss-mobile-toggle { width: 18px !important; height: 16px !important; }
  .pdss-mobile-toggle .bar { height: 2.6px; background-color: #031B4E; }

  .pdss-menu-social { display: block; margin: 26px 22px 10px; padding-top: 18px; border-top: 1px solid #edf0f5; }
  .pdss-menu-social small { display: block; margin-bottom: 10px; color: #6b7689; font: 600 12px/1.2 'Roboto', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
  .pdss-menu-social-row { display: flex; flex-wrap: wrap; gap: 10px; }
  .pdss-menu-social a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: #fff4ec; border: 1px solid #f6d6c0; color: #EA803B; transition: background .2s, color .2s; }
  .pdss-menu-social a:hover { background: #EA803B; color: #fff; }
  .pdss-menu-social svg { width: 18px; height: 18px; fill: currentColor; }
}