/* ESBP — Blank Layout Skin
 * Scopes all rules under body.esbp-blank-layout to avoid affecting other pages.
 */

body.esbp-blank-layout #wpadminbar {
  position: fixed;
}

/* Wrapper and card used by the blank template */
.esbp-blank-wrapper {
  width: 100%;
  max-width: var(--esbp-max-width, 100%);
  margin: 0 auto;
  padding: 24px 16px;
}

.esbp-blank-card {
  background: #fff;
  border: 1px solid #e5e7eb; /* slate-200 */
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  padding: 20px;
}

/* Hide typical theme chrome on blank layout pages */
body.esbp-blank-layout header,
body.esbp-blank-layout .site-header,
body.esbp-blank-layout #site-header,
body.esbp-blank-layout #masthead,
body.esbp-blank-layout .elementor-location-header,
body.esbp-blank-layout [data-elementor-type="header"],
body.esbp-blank-layout .navbar,
body.esbp-blank-layout .main-header,
body.esbp-blank-layout .topbar,
body.esbp-blank-layout .header,
body.esbp-blank-layout .menu--header,
body.esbp-blank-layout footer,
body.esbp-blank-layout .site-footer,
body.esbp-blank-layout #site-footer,
body.esbp-blank-layout #colophon,
body.esbp-blank-layout .elementor-location-footer,
body.esbp-blank-layout [data-elementor-type="footer"],
body.esbp-blank-layout .prefooter,
body.esbp-blank-layout .pre-footer,
body.esbp-blank-layout .footer-widgets,
body.esbp-blank-layout .subfooter,
body.esbp-blank-layout .copyright,
body.esbp-blank-layout #mobile-menu,
body.esbp-blank-layout .mobile-menu,
body.esbp-blank-layout .offcanvas,
body.esbp-blank-layout .off-canvas,
body.esbp-blank-layout .drawer,
body.esbp-blank-layout .primary-navigation,
body.esbp-blank-layout .secondary-navigation,
body.esbp-blank-layout nav[role="navigation"],
body.esbp-blank-layout .widget-area,
body.esbp-blank-layout .sidebar,
body.esbp-blank-layout #secondary,
body.esbp-blank-layout .site-sidebar,
body.esbp-blank-layout .right-sidebar,
body.esbp-blank-layout h1.entry-title,
body.esbp-blank-layout .entry-title,
body.esbp-blank-layout .page-title,
body.esbp-blank-layout .page-header {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Expand content containers to the configured max width */
body.esbp-blank-layout .site,
body.esbp-blank-layout #page,
body.esbp-blank-layout .container,
body.esbp-blank-layout .site-content,
body.esbp-blank-layout .content-area,
body.esbp-blank-layout main,
body.esbp-blank-layout #primary,
body.esbp-blank-layout #content,
body.esbp-blank-layout .elementor-section-wrap,
body.esbp-blank-layout .wrap,
body.esbp-blank-layout .container-fluid,
body.esbp-blank-layout .wp-site-blocks {
  width: 100% !important;
  max-width: var(--esbp-max-width, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove side paddings that often cause gutters */
body.esbp-blank-layout .site-content,
body.esbp-blank-layout .content-area,
body.esbp-blank-layout main,
body.esbp-blank-layout #primary,
body.esbp-blank-layout #content,
body.esbp-blank-layout .wp-site-blocks {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Avoid horizontal scrollbars on the page */
body.esbp-blank-layout {
  overflow-x: hidden;
  background: #f8fafc; /* subtle neutral background */
}