/* ══════════════════════════════════════════════════════════════════
   42-templates.css — v5.3 Şablonlar penceresi (templates.js)
   Ölçüler pixelplanet'in kendi stil dosyasından (assets/default.*.css:
   .tmpitm, .tmpitm-preview 96px, .centered-on-img, .setitem/.setrow,
   .modaldesc, .modallink). Renkler 40-planet değişkenleri — iki modda da.
   Pencere iskeleti 41-states.css'teki .sb-ov/.sb-win/.sb-head'den gelir.
══════════════════════════════════════════════════════════════════ */

#pp#pp .tp-win{ width:min(640px, 100%); height:auto; max-height:calc(100vh - 32px); }
#pp#pp .tp-body{ overflow-y:auto; padding:6px 14px 14px; font-size:14px; color:var(--pp-txt); }
#pp#pp .tp-intro{ margin:6px 0 4px; color:var(--pp-sub); font-size:14px; line-height:20px; font-weight:500; }

/* Ayarlar — pixelplanet .setitem / .setrow / .modaldesc */
#pp#pp .tp-set{ margin:10px 0 6px; padding-bottom:6px; border-bottom:1px solid var(--pp-sep); }
#pp#pp .tp-set-row{ display:flex; align-items:center; gap:10px; justify-content:space-between; cursor:pointer; }
#pp#pp .tp-set-t{ font-size:16px; font-weight:700; color:var(--pp-head-txt); }
#pp#pp .tp-set kbd{
  font:inherit; font-size:12px; font-weight:500; padding:0 5px;
  border:1px solid var(--pp-sep); color:var(--pp-cap);
}
#pp#pp .tp-set input[type="checkbox"]{ width:18px; height:18px; flex-shrink:0; }
#pp#pp .tp-set input[type="number"]{ max-width:6em; }
#pp#pp .tp-desc{ color:var(--pp-sub); font-size:13px; line-height:18px; font-weight:500; margin-top:2px; }

/* Şablon öğesi — pixelplanet .tmpitm */
#pp#pp .tp-list{ margin-top:8px; }
#pp#pp .tmpitm{
  margin:8px 0; border:2px solid #c5c5c5; display:flex; flex-direction:row;
  align-items:center; cursor:pointer; background:transparent;
}
#pp#pp .tmpitm.tmpitm-edit{ cursor:default; }
#pp#pp .tmpitm.disabled{ border-style:dotted; opacity:.6; }
#pp#pp .tmpitm-preview{ width:96px; height:96px; margin:5px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
#pp#pp .tmpitm-preview > div{ display:flex; align-items:center; justify-content:center; }
#pp#pp .tmpitm-img{ max-width:96px; max-height:96px; image-rendering:pixelated; }
#pp#pp .tmpitm.disabled .tmpitm-img{ opacity:.6; }
#pp#pp .tmpitm-edit .tmpitm-preview{ display:block; position:relative; }
#pp#pp .tmpitm-edit .tmpitm-preview > div{ width:96px; height:96px; }
#pp#pp .centered-on-img{
  position:absolute; inset:0; line-height:96px; text-align:center;
  background:rgba(230,230,230,.65); color:var(--pp-link) !important; white-space:nowrap; overflow:hidden;
}
#pp#pp[data-theme="dark"] .centered-on-img{ background:rgba(40,40,40,.65) !important; }
#pp#pp .tmpitm-desc{ margin:3px 0; flex-grow:1; min-width:0; }
#pp#pp .tmpitm-desc h4{ margin:0 0 4px; font-size:16px; font-weight:700; color:var(--pp-head-txt); overflow:hidden; text-overflow:ellipsis; }
#pp#pp .tmpitm-desc p{ margin:3px 0; font-size:14px; color:var(--pp-txt); }
#pp#pp .tmpitm-desc span{ color:var(--pp-head-txt); font-weight:500; }
#pp#pp .tmpitm-desc input[type="text"]{ max-width:10em; display:inline-block; }
#pp#pp .tmpitm-desc .tp-in-co{ max-width:9em; }
#pp#pp .tmpitm-actions{ margin-right:10px; display:flex; flex-direction:column; gap:5px; flex-shrink:0; }
#pp#pp .tmpitm-actions button{ font-size:13px !important; padding:4px 10px !important; }
#pp#pp .tp-err{ color:var(--pp-err) !important; font-size:12.5px !important; min-height:0; }
#pp#pp .tp-err:empty{ display:none; }

/* Bağlantılar — pixelplanet .modallink */
#pp#pp .tp-links{ margin-top:10px; color:var(--pp-cap); line-height:1.8; }
#pp#pp .tp-link{ color:var(--pp-link); cursor:pointer; text-decoration:none; }
#pp#pp .tp-link:hover{ font-weight:700; }
#pp#pp .tp-here{ font-size:12.5px; }

/* Eski tek-şablon katmanının araçları (art.js) yerini bu pencereye bıraktı */
#pp#pp #ao-widget, #pp#pp #ao-place-overlay, #pp#pp #ao-setup, #pp#pp #tpl-hub-modal{ display:none !important; }

@media (max-width:720px){
  #pp#pp .tp-win{ width:100%; height:100%; max-height:none; border:0; }
  #pp#pp .tmpitm{ flex-wrap:wrap; }
  #pp#pp .tmpitm-actions{ flex-direction:row; margin:0 6px 6px; width:100%; justify-content:flex-end; }
}

/* v5.4: ArtMarket kaldırıldı — penceresi ve "ArtMarket'te paylaş" kutusu görünmez */
#pp#pp #artmarket-modal, #pp#pp #tpl-share-modal, #pp#pp .tpl-share-open{ display:none !important; }