/* =====================================================================
   Telefon duzeltmeleri (2026-10-24, kullanici: "telefonda cok kotu
   gorunuyor, shortslari aciyorsun kapayamiyorsun, ana bar kayiyor").
   Bu dosya pro.html'de diger tum stillerden SONRA yuklenir; olculen her
   sorun ve nedeni kuralinin ustunde yazili (iPhone 14, 390x664 ile olculdu).
   ===================================================================== */

/* 1) Acik pencere/klip katmani varken ust bar ve alt menu cekilir.
   Sayfa kaplari z-index:2 ile kendi yigin baglamini kurdugu icin icindeki
   pencereler ust barin (95) ve menunun (99) ALTINDA kaliyordu; telefonda
   tam ekran acilan pencerenin x'i ust barin altina dusup kapatilamiyordu.
   Sinifi js/overlay-state.js koyar. Masaustunde de gecerli: sag cekmecelerin
   basligi ust barin sag ucuyla cakisiyordu. */
body.atl-overlay-open .atl-topbar,
body.atl-overlay-open #menu.atl-dock {
    /* visibility:hidden yetmiyor: menudeki bazi alt ogeler kendi
       visibility:visible degerini tasiyor, katmanin ustunde soluk kaliyorlardi. */
    display: none !important;
}

/* 2) Dokunmatik ekranda "fareyle ustune gelince gorun" yok: Shorts kartindaki
   Sil dugmesi telefonda hic gorunmuyordu (ama gorunmez haliyle tiklanabiliyordu). */
@media (hover: none) {
    .atl-jobcard__del { opacity: 1; }
}

@media (max-width: 760px) {
    /* 3) Yatay tasma guvenligi. Tek bir genis oge (Shorts'ta "Ayarlar" dugmesi,
       Profil'de e-posta basligi) sayfayi 401/522 px'e genisletiyor, tarayici
       sayfayi kucultuyor ve ortalanmis alt menu yana kayiyordu. clip, hidden'in
       aksine kaydirma kabi kurmaz: position:sticky bozulmaz. Asil tasan ogeler
       asagida ayrica duzeltildi; bu yalnizca guvenlik agi. */
    html, body { overflow-x: clip; }

    /* 4) Ust bar telefona sigmiyordu: profil dugmesi sagdan 22 px tasiyordu.
       Arama yalniz simge (dokunmatikte "Cmd K" anlamsiz), calisma alani adi
       kisaliyor, araclar sikisiyor. */
    .atl-topbar {
        top: 10px;
        gap: 6px;
        padding: 6px 8px;
        justify-content: space-between;
    }
    .atl-topbar__hint kbd { display: none; }
    .atl-topbar__hint {
        flex: none;
        width: 34px; height: 34px;
        padding: 0;
        justify-content: center;
    }
    .atl-brandwrap { min-width: 0; flex: 0 1 auto; padding-right: 6px; gap: 6px; }
    .atl-ws { min-width: 0; }
    .atl-ws__btn { min-width: 0; max-width: 100%; padding: 3px 6px; }
    .atl-topbar__tools { gap: 0; padding-right: 4px; margin-right: 0; }
    .atl-topbar__avatar { flex: none; }

    /* 5) Alt menu: telefonun alt kenarina (ana ekran cizgisi) yapismasin,
       dar telefonlarda (360 px) oge genisligi esnesin. */
    .menu-card.atl-dock {
        bottom: calc(12px + env(safe-area-inset-bottom, 0px));
        max-width: calc(100vw - 16px);
    }
    .menu-card.atl-dock ul > li { width: min(56px, 17vw); }

    /* 6) Bolum basligi + dugmeler (Shorts: "Filtre / Ayarlar") yan yana
       sigmiyordu; dugmeler alta iner ve gerekirse satir kirar. */
    .atl-section { flex-direction: column; align-items: stretch; gap: 14px; }
    .atl-section__cta { flex-wrap: wrap; }

    /* 7) Profil: uzun e-posta adresi basligi tek satira sigmiyordu (522 px),
       sekme seridi de tasiyordu. Baslik kelime icinden kirilir, seritte yatay
       kaydirma. */
    #profileHeroTitle {
        font-size: min(44px, 7vw) !important;
        overflow-wrap: break-word;   /* once "@" oncesindeki bolunme firsati (teams.js) */
        line-height: 1.15;
    }
    .atelier-page .tab-buttons-section .scroll-area {
        display: flex;
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .atelier-page .tab-buttons-section .scroll-area::-webkit-scrollbar { display: none; }
    .atelier-page .tab-buttons-section .tab-button {
        flex: none;
        white-space: nowrap;
        padding: 8px 14px;
    }
}