/* WordPress / harici site iframe — çerçeve hesapla yerleşimi.
   Sol önizleme: kaymaz sabit alan. Çerçeve konteyneri: her kenardan %5, max boyut. */

html:has(body.cerceve-embed-mode),
html:has(body.cerceve-embed-mode) body {
  width: 100%;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  margin: 0;
}

body.cerceve-embed-mode,
html.design-gentelella body.cerceve-embed-mode,
html.design-gentelella body.cerceve-embed-mode.gentelella-shell-active {
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  background: #eef1f4;
  width: 100%;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box;
}

body.cerceve-embed-mode #btn_sidebar_menu,
body.cerceve-embed-mode #app_sidebar,
body.cerceve-embed-mode .app-sidebar-overlay,
body.cerceve-embed-mode #subnav,
body.cerceve-embed-mode #support_assistant_fab,
body.cerceve-embed-mode #support_assistant_panel,
body.cerceve-embed-mode #cookie_consent_fab,
body.cerceve-embed-mode .cookie-consent-banner,
body.cerceve-embed-mode
  .app-view:not(#view_calc):not(#view_login):not(#view_profil):not(#view_orders):not(#view_begendiklerim),
body.cerceve-embed-mode .visitor-lang-switch,
body.cerceve-embed-mode .calc-lang-switch,
body.cerceve-embed-mode [data-visitor-lang-switch] {
  display: none !important;
}

body.cerceve-embed-mode .app-main,
body.cerceve-embed-mode .app-content,
body.cerceve-embed-mode .shell,
body.cerceve-embed-mode .shell.app-content-shell,
html.design-gentelella body.cerceve-embed-mode.gentelella-shell-active .shell.app-content-shell {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

body.cerceve-embed-mode #view_calc:not(.hidden) {
  display: block !important;
  width: 100%;
  height: 100% !important;
  max-width: 100%;
  max-height: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

body.cerceve-embed-mode #view_profil:not(.hidden),
body.cerceve-embed-mode #view_orders:not(.hidden),
body.cerceve-embed-mode #view_begendiklerim:not(.hidden) {
  display: block !important;
  width: 100%;
  max-width: 100%;
  height: 100% !important;
  overflow: auto !important;
}

body.cerceve-embed-mode #view_login:not(.hidden) {
  display: block !important;
  height: 100% !important;
  overflow: auto !important;
}

/* İki kolon: sol sabit, sağ kaydırılır */
body.cerceve-embed-mode.calc-view-active #view_calc .grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

/* Sol: kaymayan sabit alan (iframe yüksekliğinin tamamı) */
body.cerceve-embed-mode.calc-view-active #calc_summary.summary,
body.cerceve-embed-mode.calc-view-active #calc_summary {
  order: 1 !important;
  position: relative !important;
  top: auto !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Beğenilenler şeridi sol alanı küçültmesin */
body.cerceve-embed-mode.calc-view-active #calc_summary > .begendiklerim-block {
  display: none !important;
}

/* Teklif / sipariş düğmeleri: önizlemenin üstünde, alt kenarda */
body.cerceve-embed-mode.calc-view-active #calc_summary > .quote-reopen,
body.cerceve-embed-mode.calc-view-active #calc_summary > .quote-teklif-actions,
body.cerceve-embed-mode.calc-view-active #calc_summary > .siparis-kayit-banner {
  position: absolute !important;
  left: 5% !important;
  right: 5% !important;
  bottom: 1.5% !important;
  z-index: 8 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Çerçeve konteyneri: her kenardan %5 — kalan %90’da max */
body.cerceve-embed-mode.calc-view-active #calc_summary .frame-preview-wrap {
  position: absolute !important;
  top: 5% !important;
  right: 5% !important;
  bottom: 5% !important;
  left: 5% !important;
  inset: 5% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.cerceve-embed-mode.calc-view-active #calc_summary .frame-preview,
body.cerceve-embed-mode #calc_summary .frame-preview {
  position: absolute !important;
  inset: 0 !important;
  flex: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.cerceve-embed-mode.calc-view-active #calc_summary .frame-preview .fp-frame-host {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

body.cerceve-embed-mode.calc-view-active #calc_summary .frame-preview-svg,
body.cerceve-embed-mode #calc_summary .frame-preview-svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  display: block !important;
}

/* Paylaş / beğeni barı — overflow:hidden içinde kalsın, üstte kırpılmasın */
body.cerceve-embed-mode.calc-view-active #calc_summary #preview_frame_actions:not(.is-hidden) {
  display: inline-flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 30 !important;
}

/* Sağ form: kendi içinde kayar; sol sabit kalır */
body.cerceve-embed-mode.calc-view-active .form-card {
  order: 2 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

body.cerceve-embed-mode #view_profil:not(.hidden) .profile-shell,
body.cerceve-embed-mode #view_orders:not(.hidden),
body.cerceve-embed-mode #view_begendiklerim:not(.hidden) {
  padding: 12px 16px 28px;
  box-sizing: border-box;
}

body.cerceve-embed-mode #profile_embed_back:not(.hidden) {
  display: inline-flex !important;
  margin-bottom: 0.75rem;
}

body.cerceve-embed-mode .embed-inactive-msg {
  margin: 24px 16px;
  padding: 16px;
  background: #fff8e6;
  border: 1px solid #e8d9a8;
  border-radius: 10px;
  font-size: 0.92rem;
}

body.cerceve-embed-mode .embed-powered-bar {
  display: none !important;
}

/* Dar ekran: üstte sabit önizleme (%5 pay), altta kaydırılır form */
@media (max-width: 720px) {
  body.cerceve-embed-mode.calc-view-active #view_calc .grid {
    display: flex !important;
    flex-direction: column !important;
  }

  body.cerceve-embed-mode.calc-view-active #calc_summary.summary,
  body.cerceve-embed-mode.calc-view-active #calc_summary {
    order: -1 !important;
    flex: 0 0 42% !important;
    height: 42% !important;
    max-height: 42% !important;
    position: relative !important;
  }

  body.cerceve-embed-mode.calc-view-active .form-card {
    order: 0 !important;
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }
}