/*! © 2026 Sinan Sarıtaş · sinansaritas.com — Tüm hakları saklıdır. İzinsiz kopyalanamaz, çoğaltılamaz ve kullanılamaz. */
/* LGS Puan Hesaplama — gom4 eki (gom3/lgs-hesap.css'ten SONRA yüklenir)
   1) Okul türü menüsü  2) Büyük +/− düğmeleri  3) Geniş ekranda (akıllı tahta, bilgisayar) büyük görünüm.
   Telefonda (araç genişliği 560 px ve altı) görünüm değişmez; yalnız tür menüsü eklenir. */

/* ---- 0) Tema bütün <select>'lere height:30px veriyor; yazı kesilmesin ---- */
#lgsHesap select{height:auto!important;min-height:40px;line-height:1.3!important;padding-top:7px;padding-bottom:7px}

/* ---- 1) Okul türü menüsü (her genişlikte) ---- */
#lgsHesap .okul-filtre{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#lgsHesap .okul-filtre select{border:1.5px solid var(--murekkep);border-radius:999px;padding:6px 12px;background:#fff;font-weight:600;max-width:100%;cursor:pointer}
#lgsHesap .okul-filtre #tur{max-width:340px}
#lgsHesap .okul-filtre select option:disabled{color:#b6bccd}
@container lgs (max-width:560px){
  #lgsHesap .okul-bas{align-items:stretch}
  #lgsHesap .okul-filtre{width:100%}
  #lgsHesap .okul-filtre select{flex:1 1 100%;min-width:0}
  #lgsHesap .okul-filtre #tur{max-width:none}
}

/* ---- 2) Tablet ve üstü: büyük +/− düğmeleri, kalın sürgü ---- */
@container lgs (min-width:561px){
  #lgsHesap .ayar{gap:8px}
  #lgsHesap .ayar button{flex:0 0 42px;width:42px;height:42px;font-size:24px;border-width:2px}
  #lgsHesap .ayar output{flex-basis:32px;font-size:20px}
  #lgsHesap .ayar input[type=range]{height:40px}
  #lgsHesap .ayar input[type=range]::-webkit-slider-runnable-track{height:12px}
  #lgsHesap .ayar input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-8px}
  #lgsHesap .ayar input[type=range]::-moz-range-track{height:12px}
  #lgsHesap .ayar input[type=range]::-moz-range-progress{height:12px}
  #lgsHesap .ayar input[type=range]::-moz-range-thumb{width:22px;height:22px}
  #lgsHesap .sat>.c1{font-size:17px}
  #lgsHesap .sat .netk output{font-size:21px}
  #lgsHesap #dersler .ayar::before{font-size:14px}
  #lgsHesap .okul-filtre select{padding:8px 14px;font-size:15px}
}

/* ---- 3) Geniş ekran (akıllı tahta, bilgisayar): bir tık daha büyük ---- */
@media (min-width:1200px){@container lgs (min-width:761px){
  #lgsHesap .ust{font-size:15.5px;gap:10px 22px}
  #lgsHesap .sec select{font-size:16px;padding:7px 14px}
  #lgsHesap .kutucuk input{width:20px;height:20px}
  #lgsHesap .sat>.c1{font-size:19px}
  #lgsHesap .sat>.c1 small{font-size:13px}
  #lgsHesap .ayar button{flex-basis:48px;width:48px;height:48px;font-size:28px}
  #lgsHesap .ayar output{flex-basis:36px;font-size:22px}
  #lgsHesap .ayar input[type=range]::-webkit-slider-thumb{width:30px;height:30px;margin-top:-9px}
  #lgsHesap #dersler .ayar::before{flex-basis:58px;font-size:15px}
  #lgsHesap .sat .netk output{font-size:23px}
  #lgsHesap .toplam,#lgsHesap .toplam>span{font-size:17px}
  #lgsHesap .hesapla{height:62px;font-size:21px}
  #lgsHesap .temizle{height:62px;font-size:17px}
  #lgsHesap .et{font-size:15px}
  #lgsHesap .kutu b{font-size:42px}
  #lgsHesap .kutu.ana b{font-size:54px}
  #lgsHesap .dipnot{font-size:14px}
  #lgsHesap .okul-baslik{font-size:19px}
  #lgsHesap .okul-filtre select{font-size:16px;padding:9px 16px}
  #lgsHesap .okullar{max-height:460px}
  #lgsHesap .okullar li{font-size:16px;padding:10px 4px}
  #lgsHesap .okullar li div>span,#lgsHesap .op span{font-size:13.5px}
  #lgsHesap .okullar li.ara{font-size:14px}
  #lgsHesap .alt,#lgsHesap .alt button{font-size:14.5px}
}}