/* Diamond Hair booking page: only the page backdrop and logo. BarberBook Pro owns the form layout and design. */
body.dh-booking-theme {
  min-height: 100vh;
  margin: 0 !important;
  overflow-x: hidden;
  background-color: #121713 !important;
  background-image:
    radial-gradient(ellipse at 12% 5%, rgba(52, 75, 70, .70), transparent 42%),
    radial-gradient(ellipse at 88% 48%, rgba(197, 163, 106, .13), transparent 38%),
    repeating-linear-gradient(135deg, rgba(244, 240, 232, .018) 0, rgba(244, 240, 232, .018) 1px, transparent 1px, transparent 24px),
    linear-gradient(140deg, #101310 0%, #1c2821 48%, #111411 100%) !important;
  color: #20231f;
}
body.dh-booking-theme #masthead,
body.dh-booking-theme #colophon,
body.dh-booking-theme .ast-mobile-header-wrap,
body.dh-booking-theme .ast-above-header-wrap,
body.dh-booking-theme .ast-below-header-wrap,
body.dh-booking-theme .entry-header,
body.dh-booking-theme .ast-breadcrumbs-wrapper {
  display: none !important;
}
body.dh-booking-theme #page,
body.dh-booking-theme #content,
body.dh-booking-theme .site-content,
body.dh-booking-theme .site-content .ast-container,
body.dh-booking-theme #primary,
body.dh-booking-theme .content-area,
body.dh-booking-theme .site-main,
body.dh-booking-theme article.page,
body.dh-booking-theme .entry-content,
body.dh-booking-theme .entry-content > .elementor {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.dh-booking-theme .dh-booking-logo-wrap {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding: max(8px, env(safe-area-inset-top)) 16px 0;
  box-sizing: border-box;
}
body.dh-booking-theme .dh-booking-logo-link {
  display: block;
  width: 116px;
  height: 116px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
}
body.dh-booking-theme .dh-booking-logo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body.dh-booking-theme .site-content {
  min-height: calc(100vh - 124px);
  padding: 10px 16px 56px !important;
  box-sizing: border-box;
}
body.dh-booking-theme .site-content .ast-container { display: block !important; }
@media (max-width: 767px) {
  body.dh-booking-theme .dh-booking-logo-wrap { padding-left: 12px; padding-right: 12px; }
  body.dh-booking-theme .dh-booking-logo-link { width: 94px; height: 94px; }
  body.dh-booking-theme .site-content { min-height: calc(100vh - 102px); padding: 6px 10px 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.dh-booking-theme *, body.dh-booking-theme *::before, body.dh-booking-theme *::after { scroll-behavior: auto !important; }
}




/* 1.0.3: ensure Elementor booking page wrappers do not paint a white rectangle.
   Only outer Elementor/Astra containers are made transparent; booking form controls are untouched. */
body.dh-booking-theme #page,
body.dh-booking-theme #content,
body.dh-booking-theme .site-content,
body.dh-booking-theme .site-content .ast-container,
body.dh-booking-theme .ast-separate-container .ast-article-single,
body.dh-booking-theme article.page,
body.dh-booking-theme .entry-content,
body.dh-booking-theme .elementor.elementor-1302,
body.dh-booking-theme .elementor-1302,
body.dh-booking-theme .elementor-1302 > .elementor-section-wrap,
body.dh-booking-theme .elementor-1302 > .e-con,
body.dh-booking-theme .elementor-1302 .elementor-section,
body.dh-booking-theme .elementor-1302 .elementor-column,
body.dh-booking-theme .elementor-1302 .elementor-widget-wrap,
body.dh-booking-theme .elementor-1302 .elementor-widget-container,
body.dh-booking-theme .elementor-1302 .e-con,
body.dh-booking-theme .elementor-1302 .e-con-inner {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.dh-booking-theme #content,
body.dh-booking-theme .site-content,
body.dh-booking-theme .site-content .ast-container,
body.dh-booking-theme #primary,
body.dh-booking-theme .content-area,
body.dh-booking-theme .site-main,
body.dh-booking-theme article.page,
body.dh-booking-theme .entry-content,
body.dh-booking-theme .elementor.elementor-1302 {
  min-height: 100vh;
}