/* ENUMARA P20 — visible defect repairs (preview-only; do not touch panel) */

/* ---------- 1) Mobile navigation drawer (Bootstrap offcanvas) ---------- */
body.enumara-public-preview #enumaraPreviewMobileMenu.offcanvas {
  visibility: visible;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-zindex: 1080;
  z-index: 1080 !important;
  width: min(100vw, 400px) !important;
  max-width: min(100vw, 400px) !important;
  background: #fff !important;
  border-right: 1px solid #dbe3ef !important;
  transform: translateX(-100%);
  transition: transform 0.28s ease;
}

body.enumara-public-preview #enumaraPreviewMobileMenu.offcanvas.show,
body.enumara-public-preview #enumaraPreviewMobileMenu.offcanvas.showing {
  transform: translateX(0) !important;
  visibility: visible !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Never hide an open Bootstrap drawer via the legacy [hidden] path */
body.enumara-public-preview #enumaraPreviewMobileMenu.offcanvas.show[hidden],
body.enumara-public-preview #enumaraPreviewMobileMenu.offcanvas.showing[hidden] {
  display: flex !important;
  visibility: visible !important;
}

body.enumara-public-preview .offcanvas-backdrop {
  z-index: 1075 !important;
}

body.enumara-public-preview #enumaraPreviewMobileMenu .offcanvas-header,
body.enumara-public-preview #enumaraPreviewMobileMenu .offcanvas-body,
body.enumara-public-preview #enumaraPreviewMobileMenu .enumara-mobile-menu-nav,
body.enumara-public-preview #enumaraPreviewMobileMenu .enumara-mobile-menu-link,
body.enumara-public-preview #enumaraPreviewMobileMenu .btn-close {
  visibility: visible !important;
  opacity: 1 !important;
}

body.enumara-public-preview #enumaraPreviewMobileMenu .enumara-mobile-menu-body {
  overflow: auto;
  flex: 1 1 auto;
}

/* Keep purchase drawer below nav drawer when both exist */
body.enumara-public-preview #enumaraPurchaseDrawer {
  z-index: 1060 !important;
}

body.enumara-public-preview.enumara-preview-menu-open,
body.enumara-public-preview.enumara-preview-menu-open body,
html.enumara-preview-menu-lock,
html.enumara-preview-menu-lock body {
  overflow: hidden !important;
}

/* ---------- 2) Guest: never show Bakiye Yükle ---------- */
body.enumara-public-preview #enumaraBuyTopUp,
body.enumara-public-preview [data-guest-purchase="1"] #enumaraBuyTopUp {
  display: none !important;
}

/* ---------- 3) Auth footer: ensure link groups render + mobile spacing ---------- */
body.enumara-public-preview.enumara-preview-auth-page .enumara-preview-footer {
  margin-top: 1.5rem;
  padding-bottom: calc(var(--enumara-mobile-nav-h, 64px) + env(safe-area-inset-bottom, 0px) + 1.25rem);
}

@media (max-width: 991.98px) {
  body.enumara-public-preview.enumara-preview-auth-page .enumara-preview-footer__grid--extended {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem !important;
  }

  body.enumara-public-preview.enumara-preview-auth-page .enumara-preview-footer__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.35rem 1rem !important;
    list-style: none !important;
    margin: 0.5rem 0 0 !important;
    padding: 0 !important;
  }

  body.enumara-public-preview.enumara-preview-auth-page .enumara-preview-footer__links a {
    display: inline-flex !important;
    min-height: 44px;
    align-items: center;
  }
}

/* ---------- 4) Landing desktop: left flow + sticky purchase (no dead zone) ---------- */
@media (min-width: 992px) {
  body.enumara-public-preview .enumara-preview-landing-top {
    margin-bottom: clamp(2rem, 5vw, 3rem);
  }

  body.enumara-public-preview .enumara-preview-landing-top__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--enumara-preview-workspace-w, 360px) !important;
    gap: 16px !important;
    align-items: start !important;
  }

  body.enumara-public-preview .enumara-preview-landing-top__main {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
  }

  body.enumara-public-preview .enumara-preview-landing-top__aside {
    position: sticky;
    top: calc(var(--enumara-preview-header-h, 68px) + 12px);
    align-self: start;
    width: var(--enumara-preview-workspace-w, 360px);
    max-width: 100%;
    min-width: 0;
  }

  body.enumara-public-preview .enumara-preview-landing-top__aside .enumara-purchase-workspace,
  body.enumara-public-preview .enumara-preview-landing-top__aside #enumaraPurchaseWorkspace {
    width: 100% !important;
    max-width: none !important;
  }

  /* Legacy hero class still used inside top main */
  body.enumara-public-preview .enumara-preview-landing-top .enumara-preview-landing-hero,
  body.enumara-public-preview .enumara-preview-landing-top .enumara-preview-landing-hero__grid {
    display: block !important;
    margin: 0 !important;
  }
}

@media (max-width: 991.98px) {
  body.enumara-public-preview .enumara-preview-landing-top__grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
  }

  body.enumara-public-preview .enumara-preview-landing-top__aside {
    width: 100%;
  }
}

/* ---------- 5) /preview/servisler desktop balance ---------- */
@media (min-width: 992px) {
  body.enumara-public-preview .enumara-preview-services-balanced {
    display: grid !important;
    grid-template-columns: var(--enumara-preview-workspace-w, 360px) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
  }

  body.enumara-public-preview .enumara-preview-services-balanced__purchase {
    width: var(--enumara-preview-workspace-w, 360px);
    max-width: 100%;
    min-width: 0;
  }

  body.enumara-public-preview .enumara-preview-services-balanced__catalog {
    min-width: 0;
    display: grid;
    gap: 1rem;
  }

  body.enumara-public-preview .enumara-preview-services-balanced__catalog .enumara-preview-services-catalog {
    max-height: min(70vh, 720px);
    overflow: auto;
  }
}

@media (max-width: 991.98px) {
  body.enumara-public-preview .enumara-preview-services-balanced {
    display: block !important;
  }
}

/* ---------- 6) Service status / content page header offset ---------- */
body.enumara-public-preview main.enumara-preview-status-page,
body.enumara-public-preview.enumara-preview-status-page main#preview-main-content,
body.enumara-public-preview main.enumara-preview-blog-detail-page,
body.enumara-public-preview main.enumara-preview-not-found-page,
body.enumara-public-preview main.enumara-preview-landing-page,
body.enumara-public-preview main.enumara-preview-main.enumara-preview-landing-page {
  padding-top: var(--enumara-preview-page-offset, calc(68px + 12px)) !important;
}

/* ---------- 7) Blog related-card media fill ---------- */
body.enumara-public-preview .enumara-preview-blog-card__media {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
}

body.enumara-public-preview .enumara-preview-blog-card__media img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.enumara-public-preview .enumara-preview-blog-card__media--empty {
  aspect-ratio: 16 / 9 !important;
  background: rgba(29, 111, 216, 0.06) !important;
}

body.enumara-public-preview .enumara-preview-blog-card__media--empty .enumara-preview-blog-card__placeholder,
body.enumara-public-preview .enumara-preview-blog-card__placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  color: var(--enumara-preview-primary, #1d6fd8) !important;
  background: transparent !important;
}

body.enumara-public-preview .enumara-preview-blog-card__media--text-only {
  display: none !important;
}
/* Landing left column: keep benefit/step cards readable (not 4-up in narrow track) */
@media (min-width: 992px) {
  body.enumara-public-preview .enumara-preview-landing-top__main .enumara-preview-landing-benefits__grid,
  body.enumara-public-preview .enumara-preview-landing-top__main .enumara-preview-landing-steps__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}