/* Telefon uygulaması (1.1): alt menü çubuğu, çentikli ekran boşlukları, Ara / WhatsApp / E-posta düğmeleri, ana ekrana ekleme ipucu,
   parmak izi önerisi ve Ayarlar › Telefon. Renkler yalnız belirteçlerle (koyu tema da çalışır).
   Katman sırası: alt menü 25 (içeriğin üstünde; kurulum sihirbazı 30, perde 40, çekmece ve pencereler onun üstünde). */

/* ---------- alt menü çubuğu (yalnız dar ekranda) ---------- */
.alt-menu{display:none}
.kur-ipucu{position:fixed;right:18px;bottom:18px;z-index:26;max-width:420px;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;background:var(--yuzey);border:1px solid var(--cizgi);border-top:3px solid var(--vurgu);border-radius:10px;box-shadow:var(--golge)}
.kur-ipucu[hidden]{display:none}
.kur-ipucu img{width:38px;height:38px;border-radius:9px;flex:none}
.tel-ipucu-metin{flex:1;min-width:0;line-height:1.25}
.tel-ipucu-metin b{display:block;font-size:14px}
.tel-ipucu-metin small{display:block;font-size:12px;color:var(--soluk);margin-top:2px}
.kur-ipucu .btn{flex:none}

@media (max-width:900px){
  .alt-menu{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--yuzey);border-top:1px solid var(--cizgi);box-shadow:0 -6px 20px rgba(11,29,58,.08);
    padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}
  .alt-menu a,.alt-menu button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;min-width:0;padding:4px 2px;border:0;border-radius:8px;background:none;
    color:var(--soluk);font:inherit;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .alt-menu span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .alt-menu .on{color:var(--vurgu)}
  .alt-menu .on .ikon{stroke-width:2.1}
  .alt-menu.menu-acik a.on{color:var(--soluk)}
  .alt-menu.menu-acik #altMenuDugmesi{color:var(--vurgu)}
  .alt-menu a:active,.alt-menu button:active{background:var(--yuzey-2)}
  .mobil-cubuk #menuDugmesi{display:none}   /* menü alttaki çubukta */
  .uyg.menu-acik .yan{bottom:calc(63px + env(safe-area-inset-bottom))}
  .icerik{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .toast{bottom:calc(78px + env(safe-area-inset-bottom))}
  .mobil-cubuk{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .ust,.icerik{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .cekmece>footer,.pencere>footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .kur-ipucu{left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));max-width:none}
}
@media (display-mode:standalone){body{overscroll-behavior-y:none}}   /* ana ekrandaki uygulamada sayfa aşağı çekince yenilenmesin */
@media print{.alt-menu,.kur-ipucu{display:none!important}}

/* ---------- Ara / WhatsApp / E-posta ---------- */
.iletisim-dugmeleri{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.btn.iletisim.ara{color:var(--vurgu)}
.btn.iletisim.wa{color:var(--yesil)}
.ck-iletisim{display:flex;margin-top:-6px}
.ck-iletisim .btn{min-height:34px}
.cg-dugmeler{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.cg-dugmeler .btn.iletisim{padding:5px 8px}
@media (max-width:900px){
  .ck-iletisim .iletisim-dugmeleri{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .ck-iletisim .btn{justify-content:center;min-height:42px;font-size:14px}
}
@media (max-width:640px){
  .cg-satir .cg-dugmeler .btn:not(.iletisim) span{display:none}   /* "Hatırlat" telefonda yalnız simge */
  .cg-satir .cg-dugmeler .btn{min-width:36px;min-height:34px;justify-content:center}
}

/* ---------- parmak izi önerisi ve kurulum adımları ---------- */
.tel-oneri-simge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--camgobegi),var(--vurgu));color:#fff}
.tel-adimlar{margin:0;padding-left:22px;display:grid;gap:8px;line-height:1.5}

/* ---------- Ayarlar › Telefon ---------- */
.tel-satirlar{gap:0}
.tel-satir{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi-2)}
.tel-satir:first-child{padding-top:0}
.tel-satir:nth-last-child(2){border-bottom:0;padding-bottom:4px}
.tel-simge{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--vurgu-yumusak);color:var(--vurgu);flex:none}
.tel-metin{flex:1;min-width:0}
.tel-metin b{display:block;font-size:14px}
.tel-metin small{display:block;font-size:12.5px;color:var(--soluk);line-height:1.45;margin-top:2px}
.tel-metin small .etiket{margin-right:4px;vertical-align:1px}
.tel-islem{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tel-sifre{display:flex;gap:6px;align-items:center}
.tel-sifre .girdi{width:160px;padding:6px 10px}
.tel-turler{gap:14px}
.tel-cihazlar{--k:minmax(0,1.2fr) minmax(0,1fr) 128px minmax(0,150px) 40px;min-width:620px}
.tel-cihaz{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tel-cihaz .ikon{color:var(--vurgu)}
.tel-cihazlar small{display:block;font-size:11.5px}
@media (max-width:640px){
  .tel-satir{flex-wrap:wrap}
  .tel-islem{flex-basis:100%;justify-content:flex-start;padding-left:52px}
  .tel-sifre{flex-wrap:wrap}
  .tel-sifre .girdi{flex:1;width:auto;min-width:140px}
  .tel-cihazlar{--k:minmax(0,1fr) 40px;min-width:0}
  .tel-cihazlar .izgara-baslik{display:none}
  .tel-cihazlar .izgara-satir{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
  .tel-cihazlar .izgara-satir>:nth-child(2),.tel-cihazlar .izgara-satir>:nth-child(3),.tel-cihazlar .izgara-satir>:nth-child(4){grid-column:1;font-size:12px;color:var(--soluk)}
  .tel-cihazlar .izgara-satir>:nth-child(5){grid-column:2;grid-row:1 / span 4;align-self:center}
}