/**
 * WordPress-specific layout fixes.
 *
 * @package Buffalo_Toronto_Car_Service
 */

/* Logged-in admin bar pushes the transparent header down. */
body.admin-bar .site-header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

body.admin-bar .service-hero--with-booking .service-hero__inner,
body.admin-bar .service-hero--with-booking.services-hub-hero .service-hero__inner,
body.admin-bar .service-hero--with-booking.service-detail-hero .service-hero__inner,
body.admin-bar .service-hero--with-booking.location-hero .service-hero__inner,
body.admin-bar .service-hero--with-booking.areas-page-hero .service-hero__inner {
  padding-top: calc(var(--header-height) + 1.5rem + 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar .service-hero--with-booking .service-hero__inner,
  body.admin-bar .service-hero--with-booking.services-hub-hero .service-hero__inner,
  body.admin-bar .service-hero--with-booking.service-detail-hero .service-hero__inner,
  body.admin-bar .service-hero--with-booking.location-hero .service-hero__inner,
  body.admin-bar .service-hero--with-booking.areas-page-hero .service-hero__inner {
    padding-top: calc(var(--header-height) + 0.875rem + 46px);
  }
}

body.admin-bar .services-hub-hero:not(.service-hero--with-booking) .service-hero__inner {
  padding-top: calc(var(--header-height) + 2rem + 32px);
}

@media screen and (max-width: 782px) {
  body.admin-bar .services-hub-hero:not(.service-hero--with-booking) .service-hero__inner {
    padding-top: calc(var(--header-height) + 2rem + 46px);
  }
}