/* Telefon uygulaması (1.1), ürüne özgü parçalar: ana ekrana ekleme ipucu, Ara / WhatsApp / E-posta düğmeleri, parmak izi önerisi ve
   Ayarlar › Telefon. Telefon kabuğu (üst çubuk, çekmece, alt sekme çubuğu, 44 px dokunma alanları) ortak kittedir (docs/23 §14).
   Renkler yalnız kitin --mo-* belirteçleriyle (koyu tema da çalışır). */

/* ---------- ana ekrana ekleme ipucu ---------- */
.kur-ipucu{position:fixed;right:24px;bottom:24px;z-index:26;max-width:420px;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;background:var(--mo-yuzey);border:1px solid var(--mo-cizgi);border-top:3px solid var(--mo-birincil);border-radius:var(--mo-kose-kart);box-shadow:var(--mo-golge-pencere)}
.kur-ipucu[hidden]{display:none}
.kur-ipucu img{width:38px;height:38px;border-radius:10px;flex:none}
.tel-ipucu-metin{flex:1;min-width:0;line-height:1.25}
.tel-ipucu-metin b{display:block;font-size:var(--mo-boy-govde)}
.tel-ipucu-metin small{display:block;font-size:var(--mo-boy-kucuk);color:var(--mo-soluk);margin-top:2px}
.kur-ipucu .mo-dugme{flex:none}
@media (max-width:899.98px){
  .kur-ipucu{left:12px;right:12px;bottom:calc(var(--mo-alt-cubuk-mobil) + 12px + env(safe-area-inset-bottom));max-width:none}
  .mo-cekmece__alt,.mo-pencere__alt{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media (display-mode:standalone){body{overscroll-behavior-y:none}}   /* ana ekrandaki uygulamada sayfa aşağı çekince yenilenmesin */
@media print{.kur-ipucu{display:none!important}}

/* ---------- Ara / WhatsApp / E-posta ---------- */
.iletisim-dugmeleri{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}
.mo-dugme.iletisim.ara{color:var(--mo-baglanti)}
.mo-dugme.iletisim.wa{color:var(--mo-basari)}
.ck-iletisim{display:flex;margin-top:-6px}
.cg-dugmeler{display:flex;gap:6px;align-items:center;justify-content:flex-end}
@media (max-width:899.98px){
  .ck-iletisim .iletisim-dugmeleri{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .ck-iletisim .mo-dugme{justify-content:center}
}
@media (max-width:640px){
  .cg-satir .cg-dugmeler .mo-dugme:not(.iletisim) span{display:none}   /* "Hatırlat" telefonda yalnız simge */
  .cg-satir .cg-dugmeler .mo-dugme{min-width:var(--mo-dokunma);justify-content:center;padding:0 8px}
}

/* ---------- parmak izi önerisi ve kurulum adımları ---------- */
.tel-oneri-simge{width:56px;height:56px;border-radius:15px;display:grid;place-items:center;background:var(--mo-urun-acik);color:var(--mo-urun)}
.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(--mo-cizgi)}
.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:var(--mo-kose);display:grid;place-items:center;background:var(--mo-secili-zemin);color:var(--mo-secili-metin);flex:none}
.tel-metin{flex:1;min-width:0}
.tel-metin b{display:block;font-size:var(--mo-boy-govde)}
.tel-metin small{display:block;font-size:var(--mo-boy-kucuk);color:var(--mo-soluk);line-height:1.45;margin-top:2px}
.tel-metin small .mo-rozet{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 .mo-girdi{width:160px}
.tel-turler{gap:14px}
.tel-cihazlar{--k:minmax(0,1.2fr) minmax(0,1fr) 128px minmax(0,150px) 44px;min-width:620px}
.tel-cihaz{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tel-cihaz .ikon{color:var(--mo-baglanti)}
.tel-cihazlar small{display:block;font-size:var(--mo-boy-kucuk)}
@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 .mo-girdi{flex:1;width:auto;min-width:140px}
  .tel-cihazlar{--k:minmax(0,1fr) 44px;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:var(--mo-boy-kucuk);color:var(--mo-soluk)}
  .tel-cihazlar .izgara-satir>:nth-child(5){grid-column:2;grid-row:1 / span 4;align-self:center}
}