/* ENUMARA P18 — exact home width + panel-identical mobile purchase drawer
   Scope: body.enumara-public-preview-home for home width/gutter/hide-inline
   Drawer geometry: all guest preview (panel purchase.css is source of truth)
*/

/* ---------- Desktop: home shell == panel container-enumara ---------- */
/* home.php wraps grid in .container-enumara; cancel P17 calc/padding on the grid */
body.enumara-public-preview-home main.enumara-preview-guest-main > .container-enumara,
body.enumara-public-preview-home #preview-main-content > .container-enumara.container-xl {
  /* inherit P13/P16 container-enumara rules — do not add extra */
}

body.enumara-public-preview-home .container-enumara > .enumara-preview-home-grid.enumara-home-marketplace,
body.enumara-public-preview-home .container-enumara > .enumara-home-marketplace.enumara-dashboard-grid,
body.enumara-public-preview-home .container-enumara > .enumara-dashboard-grid.enumara-home-marketplace {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1rem !important;
  box-sizing: border-box !important;
}

@media (min-width: 992px) {
  body.enumara-public-preview-home .container-enumara > .enumara-home-marketplace.enumara-dashboard-grid {
    grid-template-columns: minmax(340px, var(--enumara-workspace-w, 360px)) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.enumara-public-preview-home .container-enumara > .enumara-home-marketplace.enumara-dashboard-grid {
    grid-template-columns: minmax(320px, 340px) minmax(0, 1fr) !important;
  }
}

/* ---------- Mobile home: hide inline purchase column (panel T29 behavior) ---------- */
@media (max-width: 991.98px) {
  /* Override P13 force-show — restore panel purchase.css hide for HOME only */
  body.enumara-public-preview.enumara-public-preview-home .enumara-dashboard-grid .enumara-home-purchase-col,
  body.enumara-public-preview.enumara-public-preview-home .enumara-dashboard-grid > #enumaraPurchaseWorkspace,
  body.enumara-public-preview.enumara-public-preview-home #servis-kesfi.enumara-home-purchase-col,
  body.enumara-public-preview.enumara-public-preview-home .enumara-home-marketplace .enumara-home-purchase-col,
  body.enumara-public-preview.enumara-public-preview-home .enumara-home-marketplace .enumara-home-purchase-col #enumaraPurchaseWorkspace,
  body.enumara-public-preview.enumara-public-preview-home #servis-kesfi #enumaraPurchaseWorkspace {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    order: 0 !important;
  }

  /* Single-column home content — no reserved purchase track */
  body.enumara-public-preview.enumara-public-preview-home .enumara-home-marketplace.enumara-dashboard-grid,
  body.enumara-public-preview.enumara-public-preview-home .container-enumara > .enumara-home-marketplace {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-inline: 0 !important;
    gap: 0 !important;
  }

  /* One gutter only: container-enumara / panel-main — cancel P17 grid padding + P13 double pad */
  body.enumara-public-preview.enumara-public-preview-home main.enumara-preview-guest-main,
  body.enumara-public-preview.enumara-public-preview-home main.enumara-panel-main.enumara-preview-guest-main,
  body.enumara-public-preview.enumara-public-preview-home #preview-main-content.enumara-panel-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.enumara-public-preview.enumara-public-preview-home main > .container-enumara,
  body.enumara-public-preview.enumara-public-preview-home #preview-main-content > .container-enumara {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 16px !important;
    margin-inline: 0 !important;
  }
}

/* ---------- Purchase drawer: force panel full-viewport grammar ---------- */
body.enumara-public-preview .enumara-purchase-drawer.enumara-mobile-only,
body.enumara-public-preview #enumaraPurchaseDrawer {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  z-index: 2000 !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: translateX(-100%);
  transition: transform 0.28s ease;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding-top: env(safe-area-inset-top, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
}

body.enumara-public-preview #enumaraPurchaseDrawer[hidden] {
  display: none !important;
}

body.enumara-public-preview #enumaraPurchaseDrawer.is-open {
  transform: translateX(0) !important;
}

body.enumara-public-preview #enumaraPurchaseDrawer .enumara-purchase-drawer-header {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  gap: 0.5rem !important;
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #dbe3ef !important;
  min-height: 56px !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
}

body.enumara-public-preview #enumaraPurchaseDrawer .enumara-purchase-drawer-body,
body.enumara-public-preview #enumaraPurchaseDrawerMount {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Workspace fills drawer — no nested narrow max-width */
body.enumara-public-preview #enumaraPurchaseDrawerMount #enumaraPurchaseWorkspace,
body.enumara-public-preview #enumaraPurchaseDrawer .enumara-purchase-workspace.enumara-in-drawer {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  position: static !important;
  margin: 0 !important;
  border-radius: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

body.enumara-public-preview #enumaraPurchaseDrawer .enumara-in-drawer .enumara-purchase-scroll,
body.enumara-public-preview #enumaraPurchaseDrawer .enumara-in-drawer .enumara-service-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (min-width: 992px) {
  body.enumara-public-preview #enumaraPurchaseDrawer {
    display: none !important;
  }
}

/* Host for closed workspace (no duplicate IDs; off-flow storage) */
body.enumara-public-preview #enumaraPurchaseWorkspaceHost {
  display: none !important;
}