/*
 * Shared desktop header geometry.
 * This file is the single source of truth for the homepage, Cases and Articles.
 */
:root {
  --site-header-gap: 14px;
  --site-header-phone-size: 16px;
  --site-header-social-size: 43px;
  --site-header-social-icon-size: 23px;
}

@media (min-width: 981px) {
  #lisin-hero-layered .lhl-header,
  .cases-page .lhl-header {
    gap: var(--site-header-gap);
    grid-template-columns: minmax(230px, 1fr) auto auto;
  }

  #lisin-hero-layered .lhl-header .lhl-phone,
  .cases-page .lhl-header .lhl-phone {
    font-size: var(--site-header-phone-size) !important;
    font-weight: 600 !important;
    letter-spacing: -.02em;
    margin-right: 8px;
  }

  #lisin-hero-layered .lhl-header .lhl-social,
  #lisin-hero-layered .lhl-header.is-sticky .lhl-social,
  #lisin-hero-layered .lhl-sticky-clone .lhl-social,
  .cases-page .lhl-header .lhl-social {
    height: var(--site-header-social-size) !important;
    width: var(--site-header-social-size) !important;
  }

  #lisin-hero-layered .lhl-header .lhl-social img,
  #lisin-hero-layered .lhl-header.is-sticky .lhl-social img,
  #lisin-hero-layered .lhl-sticky-clone .lhl-social img,
  .cases-page .lhl-header .lhl-social img {
    height: var(--site-header-social-icon-size) !important;
    width: var(--site-header-social-icon-size) !important;
  }
}
