/**
 * PHE Calculation page — Customer UI iframe embed
 * Faz 2.1 revize (2026-05-15)
 *
 * ExperPHE header korunur; iframe altta full-width + viewport - header height.
 * Customer build'in customer_index.html'i %100 görsel olduğu gibi render olur.
 */

.phe-embed-main {
  margin: 0;
  padding: 0;
  background: #000000;
  width: 100%;
}

.phe-embed-frame {
  display: block;
  width: 100%;
  /* ExperPHE header tipik yüksekliği ~80px; calc ile viewport'tan düş */
  height: calc(100vh - 80px);
  min-height: 720px;
  border: 0;
  margin: 0;
  padding: 0;
}

/* Sticky header'a göre header yüksekliği değişirse fallback */
@media (max-width: 900px) {
  .phe-embed-frame {
    height: calc(100vh - 64px);
    min-height: 640px;
  }
}

.phe-embed-noscript {
  padding: 80px 20px;
  background: #ffffff;
  text-align: center;
  color: #555555;
  font: 500 16px "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
}

/* Footer'ı iframe'in hemen altına yapışık tut (footer dolgu fazla olmasın) */
.phe-embed-main + footer,
.phe-embed-main + .footer {
  margin-top: 0;
}