/* P13 — LIVE preview ↔ panel true visual parity
 * Marker: p13-parity
 * Scope: body.enumara-public-preview only. Do not alter panel.
 */

body.enumara-public-preview {
  --enumara-panel-max-width: 1320px;
  --enumara-panel-gutter: 16px;
  --enumara-content-max: 1320px;
  --enumara-workspace-w: 360px;
  --enumara-preview-content-max: 1320px;
  --enumara-preview-gutter: 16px;
}

/* ---------- A. Desktop container + workspace geometry (T27/T28 mirror) ---------- */
body.enumara-public-preview .enumara-header-container,
body.enumara-public-preview .enumara-top-nav-inner,
body.enumara-public-preview .container-enumara,
body.enumara-public-preview .container-enumara.container-xl,
body.enumara-public-preview .enumara-preview-main__inner.container-enumara {
  width: min(calc(100% - (var(--enumara-panel-gutter) * 2)), var(--enumara-panel-max-width)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  padding-inline: var(--enumara-panel-gutter) !important;
  box-sizing: border-box !important;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  body.enumara-public-preview {
    --enumara-panel-max-width: min(1320px, calc(100vw - 32px));
  }
}

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

  body.enumara-public-preview .enumara-home-purchase-col,
  body.enumara-public-preview #servis-kesfi.enumara-home-purchase-col {
    width: auto !important;
    max-width: var(--enumara-workspace-w) !important;
  }

  body.enumara-public-preview #enumaraPurchaseWorkspace.enumara-purchase-workspace,
  body.enumara-public-preview .enumara-home-purchase-col #enumaraPurchaseWorkspace {
    width: 100% !important;
    max-width: var(--enumara-workspace-w) !important;
  }

  body.enumara-public-preview .enumara-preview-landing-hero__marketplace #enumaraPurchaseWorkspace {
    width: 100% !important;
    max-width: var(--enumara-workspace-w) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  body.enumara-public-preview {
    --enumara-workspace-w: 340px;
  }

  body.enumara-public-preview .enumara-dashboard-grid.enumara-marketplace-page,
  body.enumara-public-preview .enumara-dashboard-grid.enumara-home-marketplace,
  body.enumara-public-preview .enumara-home-marketplace.enumara-dashboard-grid {
    grid-template-columns: minmax(320px, 340px) minmax(0, 1fr) !important;
  }
}

/* Align workspace under header like panel (~y=80) */
@media (min-width: 992px) {
  body.enumara-public-preview .enumara-home-purchase-col {
    position: sticky;
    top: calc(var(--enumara-header-h, 68px) + 12px);
    align-self: start;
    z-index: 2;
  }

  body.enumara-public-preview .enumara-panel-main.enumara-preview-guest-main > .container-enumara,
  body.enumara-public-preview .enumara-preview-guest-main .enumara-home-marketplace {
    padding-top: 0;
  }
}

/* ---------- B/E. Mobile gutters + NATIVE show purchase workspace ---------- */
@media (max-width: 991.98px) {
  body.enumara-public-preview {
    --enumara-panel-gutter: 12px;
    --enumara-preview-gutter: 12px;
  }

  body.enumara-public-preview .enumara-header-container,
  body.enumara-public-preview .enumara-top-nav-inner,
  body.enumara-public-preview .container-enumara,
  body.enumara-public-preview .container-enumara.container-xl,
  body.enumara-public-preview .enumara-preview-main__inner.container-enumara {
    width: 100% !important;
    max-width: none !important;
    padding-inline: var(--enumara-panel-gutter) !important;
  }

  /* Override purchase.css global hide — preview home must show workspace natively */
  body.enumara-public-preview .enumara-dashboard-grid .enumara-home-purchase-col,
  body.enumara-public-preview .enumara-dashboard-grid > #enumaraPurchaseWorkspace,
  body.enumara-public-preview #servis-kesfi.enumara-home-purchase-col,
  body.enumara-public-preview .enumara-home-marketplace .enumara-home-purchase-col {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.enumara-public-preview .enumara-dashboard-grid .enumara-home-purchase-col #enumaraPurchaseWorkspace,
  body.enumara-public-preview #servis-kesfi #enumaraPurchaseWorkspace,
  body.enumara-public-preview .enumara-home-marketplace #enumaraPurchaseWorkspace {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    position: static !important;
    max-height: none !important;
  }

  /* Place purchase workspace first in marketplace flow on mobile */
  body.enumara-public-preview .enumara-home-marketplace.enumara-dashboard-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  body.enumara-public-preview .enumara-home-marketplace .enumara-home-purchase-col {
    order: -1 !important;
  }

  /* Collapse double horizontal padding (main + grid) → single panel gutter */
  body.enumara-public-preview .enumara-panel-main.enumara-preview-guest-main,
  body.enumara-public-preview .enumara-preview-guest-main.has-mobile-nav,
  body.enumara-public-preview #preview-main-content.enumara-panel-main {
    padding-left: var(--enumara-panel-gutter) !important;
    padding-right: var(--enumara-panel-gutter) !important;
  }

  body.enumara-public-preview .enumara-home-marketplace.enumara-dashboard-grid,
  body.enumara-public-preview .enumara-dashboard-grid.enumara-marketplace-page,
  body.enumara-public-preview .enumara-dashboard-grid.enumara-home-marketplace {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.enumara-public-preview #enumaraPurchaseWorkspace,
  body.enumara-public-preview .enumara-home-purchase-col {
    width: 100% !important;
  }

  /* Search height parity with panel (~38px) */
  body.enumara-public-preview #enumaraServiceSearch.form-control,
  body.enumara-public-preview #enumaraCountrySearch.form-control {
    min-height: 38px !important;
    height: 38px !important;
  }
}

@media (max-width: 389.98px) {
  body.enumara-public-preview {
    --enumara-panel-gutter: 8px;
    --enumara-preview-gutter: 8px;
  }
}

/* Prefer 16px gutters around 390 when width allows readable 358px workspace */
@media (min-width: 390px) and (max-width: 991.98px) {
  body.enumara-public-preview {
    --enumara-panel-gutter: 16px;
    --enumara-preview-gutter: 16px;
  }
}

/* ---------- C. Recent-number trigger = panel T28 grammar ---------- */
body.enumara-public-preview .enumara-latest-purchases-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  width: 100% !important;
  padding: 0.65rem 0.75rem !important;
  border: 1px dashed var(--enumara-border, #dbe3ef) !important;
  border-radius: var(--enumara-card-radius-sm, 8px) !important;
  background: #f8fbff !important;
  text-align: left !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: border-color 0.15s ease, background 0.15s ease;
}

body.enumara-public-preview .enumara-latest-purchases-trigger:hover,
body.enumara-public-preview .enumara-latest-purchases-trigger:focus-visible {
  border-color: var(--enumara-primary, #1d6fd8) !important;
  background: #f0f7ff !important;
  outline: none;
}

body.enumara-public-preview .enumara-latest-purchases-trigger__icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(29, 111, 216, 0.1) !important;
  color: var(--enumara-primary, #1d6fd8) !important;
  flex-shrink: 0 !important;
}

body.enumara-public-preview .enumara-latest-purchases-trigger__body {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.enumara-public-preview .enumara-latest-purchases-trigger__body strong {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25;
}

body.enumara-public-preview .enumara-latest-purchases-trigger__chevron {
  color: var(--enumara-muted, #64748b) !important;
  flex-shrink: 0 !important;
  margin-left: auto;
}

body.enumara-public-preview #enumaraServiceMore.btn,
body.enumara-public-preview #enumaraCountryMore.btn {
  min-height: 40px;
  border-radius: 8px;
}

/* ---------- D. Mobile header shell = hide desktop nav properly ---------- */
@media (max-width: 991.98px) {
  body.enumara-public-preview .enumara-desktop-only,
  body.enumara-public-preview .enumara-header-nav.enumara-desktop-only,
  body.enumara-public-preview .enumara-header-nav,
  body.enumara-public-preview .enumara-nav-links,
  body.enumara-public-preview .enumara-preview-btn--desktop,
  body.enumara-public-preview .enumara-preview-btn--ghost-desktop,
  body.enumara-public-preview .enumara-header-actions .enumara-preview-btn--desktop,
  body.enumara-public-preview .enumara-header-actions .enumara-preview-btn.enumara-preview-btn--desktop {
    display: none !important;
  }

  body.enumara-public-preview .enumara-header-nav .nav-link,
  body.enumara-public-preview .enumara-nav-links .nav-link {
    display: none !important;
  }

  body.enumara-public-preview .enumara-mobile-only,
  body.enumara-public-preview .enumara-preview-btn--mobile,
  body.enumara-public-preview .enumara-preview-menu-toggle,
  body.enumara-public-preview #enumaraPreviewMenuToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.enumara-public-preview .enumara-header-container,
  body.enumara-public-preview .enumara-top-nav-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    min-height: 56px;
    flex-wrap: nowrap !important;
  }

  body.enumara-public-preview .enumara-nav-logo.enumara-header-brand {
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 148px);
  }

  body.enumara-public-preview .enumara-header-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }

  body.enumara-public-preview .enumara-header-actions .btn {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  body.enumara-public-preview .enumara-mobile-only,
  body.enumara-public-preview .enumara-preview-btn--mobile,
  body.enumara-public-preview .enumara-preview-menu-toggle {
    display: none !important;
  }

  body.enumara-public-preview .enumara-desktop-only,
  body.enumara-public-preview .enumara-header-nav.enumara-desktop-only {
    display: flex !important;
  }
}

/* ---------- F. Landing + platform grids: readable mobile columns ---------- */
@media (max-width: 575.98px) {
  body.enumara-public-preview .enumara-preview-platform-grid,
  body.enumara-public-preview .enumara-preview-platform-grid__more-items,
  body.enumara-public-preview .enumara-preview-flow,
  body.enumara-public-preview .enumara-preview-security-grid,
  body.enumara-public-preview .enumara-preview-knowledge-grid,
  body.enumara-public-preview .enumara-preview-blog-grid,
  body.enumara-public-preview .enumara-preview-benefit-grid,
  body.enumara-public-preview .enumara-preview-landing-benefits__grid,
  body.enumara-public-preview .enumara-preview-landing-related__grid,
  body.enumara-public-preview .enumara-preview-landing-steps__list {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.enumara-public-preview .enumara-preview-platform-card,
  body.enumara-public-preview .enumara-preview-landing-related__card,
  body.enumara-public-preview .enumara-preview-landing-benefits__card {
    min-width: 0 !important;
  }

  body.enumara-public-preview .enumara-preview-platform-card__title,
  body.enumara-public-preview .enumara-preview-landing-related__label,
  body.enumara-public-preview .enumara-preview-landing-benefits__title {
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
  }
}

@media (min-width: 576px) and (max-width: 991.98px) {
  body.enumara-public-preview .enumara-preview-platform-grid,
  body.enumara-public-preview .enumara-preview-platform-grid__more-items,
  body.enumara-public-preview .enumara-preview-flow,
  body.enumara-public-preview .enumara-preview-security-grid,
  body.enumara-public-preview .enumara-preview-knowledge-grid,
  body.enumara-public-preview .enumara-preview-landing-benefits__grid,
  body.enumara-public-preview .enumara-preview-landing-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Bottom padding so fixed mobile nav does not cover last cards */
@media (max-width: 991.98px) {
  body.enumara-public-preview .enumara-preview-main,
  body.enumara-public-preview .enumara-preview-guest-main,
  body.enumara-public-preview #preview-main-content,
  body.enumara-public-preview #main-content {
    padding-bottom: calc(var(--enumara-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px) + 24px) !important;
  }
}

/* ---------- G. Home summary cards = panel T31 grammar ---------- */
body.enumara-public-preview .enumara-home-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
}

@media (min-width: 992px) {
  body.enumara-public-preview .enumara-home-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.875rem !important;
  }
}

body.enumara-public-preview .enumara-home-summary-card {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 1px solid var(--enumara-border, #dbe3ef) !important;
  border-radius: var(--enumara-card-radius, 10px) !important;
  background: #fff !important;
  box-shadow: var(--enumara-card-shadow, 0 1px 2px rgba(24, 36, 51, 0.04)) !important;
}

body.enumara-public-preview .enumara-home-summary-card__icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(29, 111, 216, 0.08) !important;
  color: var(--enumara-primary, #1d6fd8) !important;
  flex-shrink: 0 !important;
}

body.enumara-public-preview .enumara-home-summary-card__content {
  min-width: 0 !important;
}

body.enumara-public-preview .enumara-home-summary-card__label {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: var(--enumara-text, #1e293b) !important;
  line-height: 1.25 !important;
  margin-bottom: 0.15rem !important;
}

body.enumara-public-preview .enumara-home-summary-card__desc {
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  color: var(--enumara-muted, #64748b) !important;
  margin: 0 !important;
}

@media (max-width: 991.98px) {
  body.enumara-public-preview .enumara-home-summary-card {
    padding: 12px 14px !important;
    gap: 10px !important;
  }
}