/* /assets/pb19-contact.css  (clean full)
   Auto-extracted from /contact/index.html (keep identical behavior)
*/

html, body { height: 100%; }

/* ✅ Mobil barlar yüzünden kırpılma olmasın (özellikle yatay) */
body.pb19-contact .pb19-container{
  min-height: 100svh;
  display: flex;
}
@supports (min-height: 100dvh){
  body.pb19-contact .pb19-container{ min-height: 100dvh; }
}

body.pb19-contact .pb19-shell{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.pb19-contact .pb19-stage{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}
body.pb19-contact .pb19-panel.is-single{
  flex: 1 1 auto;
  min-height: 0 !important;
  display: flex;
}

/* Hamburger paneli: header içinde */
.pb19-topbar .pb19-rightbar{ position: relative; }
.pb19-topbar .pb19-rightbar .pb19-fab{
  position: relative !important;
  inset: auto !important;
  margin: 0;
}
.pb19-topbar .pb19-rightbar .pb19-fab-panel{
  position: absolute !important;
  right: 0;
  top: calc(100% + 10px);
  bottom: auto !important;
  min-width: 180px;
}

/* ------------------------------------------------------------------ */
/* Vars (CENTER) */
/* ------------------------------------------------------------------ */
:root{
  /* ✅ Delik merkezi (tam orta) */
  --star-x: 50%;
  --star-y: 47%;
  --star-dy: -3px;

  --bh-size: clamp(28px, 6.2vmin, 40px);
  --star-hit: clamp(86px, 18vmin, 140px);

  /* Footer pill ölçüleri */
  --pill-w: clamp(24px, 6vw, 35px);
  --pill-h: clamp(10px, 1.2vw, 14px);

  /* Dokunma alanı aynı kalsın */
  --hit: 44px;

  --bottom-safe: env(safe-area-inset-bottom);
}

@media (max-width: 520px){
  :root{
    --bh-size: clamp(28px, 7vmin, 40px);
    --star-hit: clamp(78px, 18vmin, 120px);
    --star-dy: 0px;
  }
}

/* ------------------------------------------------------------------ */
/* HERO */
/* ------------------------------------------------------------------ */
.pb19-contact-hero{
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: clamp(360px, 52vh, 620px);
  overflow: hidden;
  padding: 0 !important;
  border-radius: var(--pb19-radius);
}

/* ✅ TELEFON YATAY: min-height’i kapat + yazıları/padding’i küçült */
@media (max-width: 920px) and (orientation: landscape){
  .pb19-contact-hero{
    min-height: 0 !important; /* kırpılmanın ana sebebi */
    height: 100%;
  }

  .hero-overlay{
    padding: 10px 12px !important;
    padding-bottom: calc(10px + var(--bottom-safe)) !important;
    gap: 6px !important;
  }
  .info-title{
    font-size: 12.5px !important;
    letter-spacing: .1px !important;
  }
  .info-desc{
    font-size: 10.8px !important;
    line-height: 1.12 !important;
    max-width: 52ch !important;
  }

  body.pb19-contact .pb19-foot{
    padding-top: 8px;
    padding-bottom: 10px;
  }
}

/* Background image */
.media-bg{ position: absolute; inset: 0; z-index: 0; }
.media-bg img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
}
.media-bg::after{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.10) 0%,
      rgba(0,0,0,.35) 55%,
      rgba(0,0,0,.78) 100%
    ),
    radial-gradient(900px 420px at 50% 35%,
      rgba(56,189,248,.12),
      rgba(0,0,0,0) 60%
    );
  pointer-events: none;
}

/* ------------------------------------------------------------------ */
/* 19-tap zone + blackhole (CENTERED) */
/* ------------------------------------------------------------------ */

/* Yıldız tıklama alanı (19 tap) */
#starTapZone{
  position: absolute;
  left: var(--star-x);
  top: calc(var(--star-y) + var(--star-dy)); /* ✅ düzeltildi */
  width: var(--star-hit);
  height: var(--star-hit);
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: transparent;
  z-index: 2;
  border: 0;
  padding: 0;
  cursor: default !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
}
#starTapZone:focus{ outline: none; }

/* Karadelik button */
#pb19MatrixBlackhole{
  position: absolute;
  left: var(--star-x);
  top: calc(var(--star-y) + var(--star-dy)); /* ✅ düzeltildi */
  transform: translate(-50%, -50%) scale(.92);
  width: var(--bh-size);
  height: var(--bh-size);
  opacity: 0;
  z-index: 3;
  transition: opacity .18s ease, transform .18s ease;
  border: 0;
  padding: 0;
  border-radius: 999px;
  cursor: default !important;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(0,0,0,.92) 0%,
      rgba(0,0,0,.92) 32%,
      rgba(87,164,255,.18) 52%,
      rgba(0,0,0,.20) 72%,
      rgba(0,0,0,0) 78%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(87,164,255,.10),
      rgba(0,0,0,0) 62%
    );
  box-shadow:
    0 18px 34px rgba(0,0,0,.38),
    0 0 0 2px rgba(87,164,255,.08) inset;
  pointer-events: none;
}
#pb19MatrixBlackhole.is-on{
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
#pb19MatrixBlackhole.is-on.is-armed{ pointer-events: auto; }

/* ------------------------------------------------------------------ */
/* Overlay text */
/* ------------------------------------------------------------------ */
.hero-overlay{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  padding: clamp(14px, 3.2vw, 22px);
  padding-bottom: calc(14px + var(--bottom-safe));
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.info-title{
  margin: 0;
  font-size: clamp(14px, 2.8vw, 16px);
  letter-spacing: .2px;
}
.info-desc{
  margin: 0;
  font-size: clamp(12px, 2.6vw, 13px);
  line-height: 1.25;
  color: rgba(255,255,255,.86);
  max-width: 60ch;
}

/* ------------------------------------------------------------------ */
/* Footer pills */
/* ------------------------------------------------------------------ */
.pill{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pill-w);
  height: var(--pill-h);
  border-radius: 999px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 10px 16px rgba(0,0,0,.24);
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.pill::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--hit);
  height: var(--hit);
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: transparent;
}
.pill.mail{
  background: linear-gradient(180deg, rgba(255,90,107,.24), rgba(255,90,107,.06));
  border-color: rgba(255,90,107,.46);
  box-shadow:
    0 10px 16px rgba(0,0,0,.24),
    0 0 0 2px rgba(255,90,107,.07) inset;
}
.pill.li{
  background: linear-gradient(180deg, rgba(56,189,248,.24), rgba(56,189,248,.06));
  border-color: rgba(56,189,248,.40);
  box-shadow:
    0 10px 16px rgba(0,0,0,.24),
    0 0 0 2px rgba(56,189,248,.07) inset;
}

/* Screen-reader only */
.sr-only{
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Footer alignment */
body.pb19-contact .pb19-foot-center{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 2.6vw, 14px);
  padding: 0 12px;
  flex-wrap: wrap;
}