/* ============================================================================
   ÜST MENÜ EYLEM BUTONLARI — "Giriş Yap" / "Hemen Başla"   (2026-11-02)

   Tek kaynak: hem ana sayfanın kendi header'ı (index.php .pv-topnav) hem de
   ortak katalog header'ı (includes/catalog-header.php .pv-nav) bu dosyayı yükler.
   Mevcut logo, menü öğeleri, banner ve diğer stiller DEĞİŞTİRİLMEZ — buradaki
   kurallar yalnız .pv-header-cta ve içindeki .pv-cta öğelerini hedefler.

   Mobil/dar (<=1179px): her iki header da bu kırılımda hamburger/çekmece moduna
   geçtiği için butonlar header'dan gizlenir ve mobil çekmeceye taşınır
   (includes/mobile-drawer.php) — böylece taşma ve menü çakışması olmaz.
   ========================================================================== */

.pv-header-cta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;          /* butonları sağa yaslar */
    flex: 0 0 auto;
    white-space: nowrap;
}

.pv-header-cta .pv-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .2px;
    text-transform: none;
    text-decoration: none;
    padding: 13px 26px;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

/* Giriş Yap — beyaz zemin, ince açık gri kenarlık, SİYAH yazı */
.pv-header-cta .pv-cta-ghost {
    background: #fff;
    border-color: #e2e6e5;
    color: #000;
}
.pv-header-cta .pv-cta-ghost:hover,
.pv-header-cta .pv-cta-ghost:focus-visible {
    background: #fafbfb;
    border-color: #cfd6d4;
    color: #000;
}

/* Hemen Başla — mint zemin, SİYAH yazı (beyaz yazı KULLANILMAZ) */
.pv-header-cta .pv-cta-mint {
    background: #85E2D0;
    border-color: #85E2D0;
    color: #000;
}
.pv-header-cta .pv-cta-mint:hover,
.pv-header-cta .pv-cta-mint:focus-visible {
    background: #74d7c4;
    border-color: #74d7c4;
    color: #000;
}

.pv-header-cta .pv-cta:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}

/* ----------------------------------------------------------------------------
   DUYARLI DAVRANIŞ — ölçülerek belirlendi (canlı header, 2026-11-02)

   Butonların oturduğu blok yüzde genişlikli; ekran daraldıkça serbest alan da
   daralıyor. Logoya ve menü öğelerine DOKUNMAMAK koşuluyla ölçülen serbest alan:
       1440px -> 367px | 1366px -> 333px | 1280px -> 292px
       1180px -> 246px |  906px ->  53px
   Buton genişlikleri: tam 303px, sıkı 222px.
   Bu yüzden: >=1366 tam, 1180-1365 sıkı, <1180 gizli (çekmecede sunulur).
   1180'in altında zorlamak logoyu eziyordu — ölçülerek görüldü ve yapılmadı.
   -------------------------------------------------------------------------- */

/* 1180-1365: sıkı ölçü (222px) — 246px serbest alana rahat sığar */
@media (max-width: 1365px) {
    .pv-header-cta { gap: 6px; }
    .pv-header-cta .pv-cta { padding: 9px 13px; font-size: 14px; border-radius: 8px; }
}

/* <1180: header'da yer yok. Logo/menü ezilmesin diye gizlenir.
   2026-11-02: masaüstü->çekmece eşiği de 1180'e alındı; böylece 901-1179 bandında
   hamburger açılır ve butonlar çekmecede görünür — hiçbir genişlikte kaybolmazlar. */
/* 1179.98: kesirli viewport genisliginde (yuksek DPR / zoom) 1179 ile 1180 arasinda
   bosluk kalmasin diye ust sinir ondalikli verildi — olculerek bulundu. */
@media (max-width: 1179.98px) {
    .pv-header-cta { display: none; }
}

/* --- Çekmecedeki karşılıkları (<=1179px) --- */
.pv-mobile-drawer__cta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 20px 4px;
}
.pv-mobile-drawer__cta .pv-cta {
    display: block;
    text-align: center;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    padding: 14px 20px;
    border-radius: 10px;
    border: 1px solid transparent;
}
.pv-mobile-drawer__cta .pv-cta-ghost { background: #fff; border-color: #e2e6e5; color: #000; }
.pv-mobile-drawer__cta .pv-cta-mint  { background: #85E2D0; border-color: #85E2D0; color: #000; }
.pv-mobile-drawer__cta .pv-cta:focus-visible { outline: 2px solid #000; outline-offset: 2px; }