/* =====================================================================
   PAOPARTS — TEKLIF CAGRISI (CTA) KATMANI            2026-09-17
   =====================================================================
   NEDEN VAR
     Ana sayfanin 19 baglantisinin hicbiri teklif formuna gitmiyordu;
     tek iletisim yolu bir mailto baglantisiydi. Mobilde ust menuden
     yalnizca "Home Page" gorunuyordu, cunku header 77.5em altinda
     "height:6.5em; overflow:hidden" ile kirpiliyor ve hamburger
     dugmesinin ekledigi .showMenu sinifinin HICBIR CSS karsiligi yoktu.

   BU DOSYA EKLEMELIDIR
     vendor/css/all-offices-styles.min.css dosyasina DOKUNULMADI.
     Geri alma: sayfalardaki <link ... pao-cta.css> satirini sil.

   ERISILEBILIRLIK
     - Turuncu zemin (#fc7301) uzerinde lacivert metin (#12213d): 5.7:1,
       WCAG 2.1 AA (>=4.5:1) saglanir. Beyaz metin 2.8:1'de kalirdi.
     - Tum dokunma hedefleri >= 44px.
     - :focus-visible ile gorunur odak halkasi.
     - prefers-reduced-motion altinda hareket kapatilir.
   ===================================================================== */

:root {
  --pao-navy-deep: #12213d;
  --pao-navy: #273654;
  --pao-navy-soft: #334970;
  --pao-orange: #fc7301;
  --pao-orange-deep: #e06100;
  --pao-ink-on-orange: #12213d;
  --pao-paper: #f1f3fb;
}

/* ------------------------------------------------- 1. TEMEL BUTON */
.pao-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 26px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(180deg, var(--pao-orange) 0%, var(--pao-orange-deep) 100%);
  color: var(--pao-ink-on-orange) !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(224, 97, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .32);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.pao-cta:hover,
.pao-cta:focus {
  color: var(--pao-ink-on-orange) !important;
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(224, 97, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .32);
}
.pao-cta:active { transform: translateY(0); }
.pao-cta:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}
.pao-cta__icon { font-size: 15px; line-height: 1; }

/* Ikincil (hayalet) buton — koyu zeminde */
.pao-cta--ghost {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, .55);
  box-shadow: none;
}
.pao-cta--ghost:hover,
.pao-cta--ghost:focus {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .10);
  border-color: #ffffff;
  box-shadow: none;
}

/* ------------------------------------------- 2. UST MENUDEKI BUTON */
header #burger_menu ul li.pao-nav-cta { display: flex; align-items: center; }
header #burger_menu ul li.pao-nav-cta > a.pao-cta {
  min-height: 40px;
  padding: 9px 20px;
  font-size: 15px;
  margin-left: 6px;
}

/* --------------------------------------------- 3. TEKLIF SERIDI */
.pao-quote-band {
  position: relative;
  overflow: hidden;
  margin: 34px auto 42px;
  max-width: 1100px;
  padding: 34px 38px;
  border-radius: 16px;
  background:
    radial-gradient(1200px 320px at 88% -40%, rgba(252, 115, 1, .30), transparent 62%),
    linear-gradient(135deg, var(--pao-navy-deep) 0%, var(--pao-navy) 58%, var(--pao-navy-soft) 100%);
  box-shadow: 0 18px 44px rgba(18, 33, 61, .22);
  color: #ffffff;
}
/* Ince teknik izgara dokusu — sayfayi "AI yapimi duz" gorunmekten cikarir */
.pao-quote-band::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: 34px 34px;
  pointer-events: none;
}
.pao-quote-band > * { position: relative; }
.pao-quote-band__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.pao-quote-band__text { flex: 1 1 420px; min-width: 0; }
.pao-quote-band__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(252, 115, 1, .18);
  border: 1px solid rgba(252, 115, 1, .45);
  color: #ffc18a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.pao-quote-band__title {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.24;
}
.pao-quote-band__lead {
  margin: 0;
  max-width: 62ch;
  color: #d7e0f0;
  font-size: 16px;
  line-height: 1.6;
}
.pao-quote-band__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
}
.pao-quote-band__note {
  margin: 16px 0 0;
  color: #9fb2cf;
  font-size: 13.5px;
  line-height: 1.55;
}
.pao-quote-band__note a { color: #ffc18a; }

@media (max-width: 767px) {
  .pao-quote-band { margin: 24px 16px 30px; padding: 26px 20px; border-radius: 14px; }
  .pao-quote-band__title { font-size: 22px; }
  .pao-quote-band__actions { width: 100%; }
  .pao-quote-band__actions .pao-cta { width: 100%; }
}

/* --------------------------- 4. MOBIL MENU ONARIMI (.showMenu) */
/* 77.5em = 1240px: legacy stylesheet burada header'i 6.5em'e kirpiyor
   (height:6.5em; overflow:hidden), bu yuzden menuden yalnizca ilk
   madde gorunuyordu. Legacy JS (all-offices-base.min.js) hamburger'a
   basilinca .showMenu sinifini "header .header" ELEMANINA ekliyor
   ama bu sinifin HICBIR CSS karsiligi yoktu -> menu acilmiyordu.
   Asagisi o eksik karsiliktir. Panel position:fixed oldugu icin
   overflow:hidden onu kirpamaz; hamburger satirin altindan basladigi
   icin acik menu uzerinden tekrar kapatilabilir. */
@media screen and (max-width: 77.5em) {
  header .header { position: relative; z-index: 1200; }
  header .left-side .burger-btn-wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    color: #ffffff !important;
    font-size: 22px;
  }
  header .header.showMenu { overflow: visible; }
  header .header.showMenu #burger_menu {
    position: fixed;
    left: 0;
    right: 0;
    top: 6.5em;
    bottom: 0;
    z-index: 1190;
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, var(--pao-navy-deep) 0%, var(--pao-navy) 100%);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  header .header.showMenu #burger_menu ul {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  header .header.showMenu #burger_menu ul li { width: 100%; }
  header .header.showMenu #burger_menu ul li > a {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 12px 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: #ffffff !important;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
  }
  header .header.showMenu #burger_menu ul li.pao-nav-cta { display: block; margin: 16px 0 6px; }
  header .header.showMenu #burger_menu ul li.pao-nav-cta > a.pao-cta {
    width: 100%;
    margin-left: 0;
    justify-content: center;
    min-height: 54px;
    padding: 15px 20px;
    border-bottom: 0;
    color: var(--pao-ink-on-orange) !important;
    font-size: 17px;
  }
}

/* --------------------- 5. MOBILDE SABIT TEKLIF CUBUGU */
/* Menu kirpilmasi onarildi, ama teklif yolunun her ekranda parmak
   mesafesinde olmasi icin ikinci, bagimsiz bir giris noktasi. */
.pao-sticky-quote { display: none; }

@media (max-width: 767px) {
  .pao-sticky-quote {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1150;
    align-items: center;
    gap: 12px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(18, 33, 61, .97);
    border-top: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 -8px 26px rgba(0, 0, 0, .28);
  }
  .pao-sticky-quote__text {
    flex: 1 1 auto;
    min-width: 0;
    color: #d7e0f0;
    font-size: 13px;
    line-height: 1.35;
  }
  .pao-sticky-quote__text strong { display: block; color: #ffffff; font-size: 14px; }
  .pao-sticky-quote .pao-cta {
    flex: 0 0 auto;
    min-height: 46px;
    padding: 11px 18px;
    font-size: 15px;
  }
  /* Cubugun footer'i ortmemesi icin */
  body { padding-bottom: 76px; }
  /* Menu acikken cubuk gizlenir */
  body:has(header .header.showMenu) .pao-sticky-quote { display: none; }
}

/* ---------------------------------- 6. HAREKET TERCIHI */
@media (prefers-reduced-motion: reduce) {
  .pao-cta { transition: none; }
  .pao-cta:hover, .pao-cta:focus { transform: none; }
}

/* ------------------- 7. MOBIL GORSEL KUSURLARI (2026-09-17) */
/* 7a. Kirpilan ust menu ucu: 77.5em altinda legacy header 6.5em'e
   kirpiliyor ve menunun ILK maddesi ("Home Page") yarim gorunuyordu.
   Menuyu akistan CIKARMIYORUZ (baglantilar tarayicilar icin ayni
   kaliyor), yalnizca kirpma cizgisinin altina itiyoruz. */
@media screen and (max-width: 77.5em) {
  header .header:not(.showMenu) #burger_menu { margin-top: 2.2em; }
}

/* 7b. Teklif sayfasinin ust gorseli 1774x887 (2:1) ama kutusu
   "height:300px; object-fit:cover" — 375px'te gorsel yatayda agir
   kirpiliyor ve uzerindeki yazi okunmuyordu. Mobilde kendi en-boy
   oranina birakiyoruz. */
@media (max-width: 767px) {
  .banner-wrapper img { height: auto !important; }
}