/* =========================================================
   HEADER — OPTICAL VERTICAL ALIGNMENT
   Align navigation and actions with visible logo artwork
   ========================================================= */

@media (min-width: 901px) {

  /* Main header row */
  .site-header .shell,
  .site-header .header-inner,
  .site-header .header-shell {
    align-items: center !important;
  }


  /* Logo remains the visual reference point */
  .site-header .brand,
  .site-header .site-brand,
  .site-header .logo,
  .site-header .header-logo {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  /*
     Move desktop navigation and right controls together
     a few pixels downward to match the optical centre
     of the Sea Licensing logo.
  */
  .site-header nav,
  .site-header .desktop-nav,
  .site-header .main-nav,
  .site-header .nav-cluster {
    position: relative !important;
    top: 4px !important;
  }


  .site-header .header-actions,
  .site-header .nav-actions,
  .site-header .header-cta,
  .site-header .desktop-actions {
    position: relative !important;
    top: 4px !important;
  }


  /* Search should move with the buttons */
  .site-header button[aria-label*="Search"],
  .site-header .search-trigger,
  .site-header .header-search {
    position: relative !important;
    top: 4px !important;
  }

}


/* Do not alter mobile header */
@media (max-width: 900px) {

  .site-header nav,
  .site-header .desktop-nav,
  .site-header .main-nav,
  .site-header .nav-cluster,
  .site-header .header-actions,
  .site-header .nav-actions,
  .site-header .header-cta,
  .site-header .desktop-actions,
  .site-header .search-trigger,
  .site-header .header-search {
    top: auto !important;
  }

}