/* /public_html/assets/pb19-unify-frame.css
   PB19 Unify v48 (slim)

   Amaç:
   - Portal/Status/Contact/Admin vb. tüm sayfalarda dış frame aynı mantıkla çalışsın.
   - "Tek panel" sayfalar 560px'e kilitlenmesin (PC/Tablet'te kurumsal genişlik).
   - Telefonda (özellikle yatay) üst/alt/yan boşluk olmasın: frame ekranı doldursun.

   Not:
   - pb19-layout.css'ten SONRA yüklenmeli.
*/

/* Varsayılan: tüm sayfalarda dış frame aynı genişlik (masaüstü/tablet) */
:root{ --pb19-page-w: var(--pb19-panel-w); }

/* Dış frame çizgisi/radius tek yerden */
body.pb19-frame .pb19-shell::before{
  /* outer frame radius is controlled via --pb19-frame-r (layout.css) */
  border-radius: var(--pb19-frame-r, var(--pb19-radius)) !important;
  border-color: rgba(148,163,184,.22) !important;
}

/* NOTE:
   - "Tek panel" sayfaların iç panel genişliği (is-single) layout.css'ten gelir.
   - Biz burada SADECE dış frame genişliğini standardize ediyoruz.
*/

/* =========================================================
   PHONE FULL-BLEED
   - Telefonlarda frame kenar boşluklarını sıfırla
   - is-single panel 94vw kısıtını kaldır
   ========================================================= */
@media (hover:none) and (pointer:coarse) and (max-width: 1366px){
  /* Phone + Tablet: full-bleed outer frame (radius 0) */
  body.pb19-frame{
    --pb19-frame-x: 0px;
    --pb19-frame-y: 0px;
    --pb19-stage-pad-y: 0px;

    --pb19-page-w: 100vw;
    --pb19-frame-r: 0px;
  }

  /* Stage iç padding'i minimum: panel ekranı doldursun */
  body.pb19-frame .pb19-stage{ padding: 0 var(--pb19-pad) !important; }

  /* Telefon/tablet'te başlık + footer daha kompakt */
  :root{
    --pb19-pad: 10px;
    --pb19-gap: 10px;

    --pb19-topbar-h: 62px;
    --pb19-foot-h: 36px;
    --pb19-logo-h: 46px;

    /* Kart radius'u korunur (daha sıkı) */
    --pb19-radius: 16px;
    --pb19-radius-sm: 14px;
  }
}

/* Telefon YATAY (çok kısa): yan boşluğu da sıfırla + font şişmesin */
@media (hover:none) and (pointer:coarse) and (max-height: 520px) and (orientation: landscape){
  :root{
    --pb19-topbar-h: 54px;
    --pb19-foot-h: 30px;
    --pb19-logo-h: 40px;
    --pb19-pad: 8px;
    --pb19-gap: 8px;

    --pb19-radius: 14px;
    --pb19-radius-sm: 12px;

    --pb19-fs-h1: 18px;
    --pb19-fs-body: 13px;
    --pb19-fs-pill: 12px;
  }

  body.pb19-frame .pb19-stage{ bottom: var(--pb19-safe-bot); }
}