/* ya-mas.com — telefon ve tablet görünümü.
   Sayfalar tasarım dosyalarından satır içi stillerle üretilir (araclar/site_derle.py); masaüstü görünümü onlardır.
   Bu dosya yalnızca dar ekranlarda devreye girer ve kancaları (ust-ic, ana-menu, personel, hizmet-seridi) kullanır. */

.menu-ac{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.menu-dugme{display:none}
.menu-dugme .kapa{display:none}

/* Hizmet şeridi: her genişlikte kelimeler kendi genişliğinde, ortalı ve sarmalı (üst üste binmez) */
.hizmet-seridi{display:flex!important;flex-wrap:wrap;justify-content:center;gap:12px 34px!important}
.hizmet-seridi li{white-space:nowrap}

/* ---------------------------------------------------------------- tablet ve telefon: açılır menü */
@media (max-width:900px){
  .ust-ic{padding:10px 16px!important;gap:0 12px!important;position:relative}
  .menu-dugme{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1.5px solid #C9CAE0;
    border-radius:10px;color:#2E2F8C;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .menu-ac:focus-visible+.menu-dugme{outline:3px solid #D93830;outline-offset:2px}
  .menu-ac:checked+.menu-dugme{border-color:#2E2F8C;background:#ECECF7}
  .menu-ac:checked+.menu-dugme .ac{display:none}.menu-ac:checked+.menu-dugme .kapa{display:block}
  .ana-menu,.ust-ic .personel{display:none!important}
  .menu-ac:checked~.ana-menu{display:flex!important;flex-direction:column;flex-basis:100%;gap:0!important;margin-top:10px;
    border-top:1px solid #E3E4EE}
  .menu-ac:checked~.ana-menu a{padding:15px 4px!important;border-bottom:1px solid #EEF0F5;box-shadow:none!important;font-size:17px}
  .menu-ac:checked~.ana-menu a[aria-current]{color:#D93830!important;box-shadow:inset 3px 0 0 #D93830!important;padding-left:12px!important}
  .menu-ac:checked~.personel{display:inline-flex!important;flex-basis:100%;justify-content:center;margin:14px 0 8px}
}

/* ---------------------------------------------------------------- telefon */
@media (max-width:600px){
  .ust-ic>a:first-child{gap:10px!important}
  .ust-ic>a:first-child img{width:42px!important;height:37px!important}
  .ust-ic>a:first-child span span:first-child{font-size:16.5px!important}
  .ust-ic>a:first-child span span:last-child{font-size:10.5px!important;letter-spacing:.16em!important}

  h1{font-size:clamp(31px,9vw,40px)!important;line-height:1.08!important;letter-spacing:-.01em!important}
  h2[style*="font-size: 3"],h2[style*="font-size: 4"],h2[style*="clamp("]{font-size:clamp(25px,7vw,31px)!important;line-height:1.15!important}
  h3[style*="font-size: 3"],h3[style*="font-size: 26px"]{font-size:23px!important}

  /* bölüm boşlukları ve kenarlar */
  section,footer{padding-left:16px!important;padding-right:16px!important}
  section[style*="padding: 72px"],section[style*="padding: 56px"]{padding-top:44px!important}
  section[style*="padding: 72px 24px 32px"],section[style*="56px 24px 96px"]{padding-bottom:28px!important}
  [style*="padding: 36px 40px"]{padding:26px 20px!important}

  /* düğmeler: tam genişlik, ortalı yazı */
  a[style*="min-height: 52px"]{width:100%;justify-content:center;text-align:center;padding:12px 18px!important;line-height:1.3}
  a[href^="tel:"][style*="min-height: 52px"]{font-size:15.5px!important;padding:12px 10px!important}

  /* kartlar: telefonda boş yükseklik bırakmasın */
  a[style*="min-height: 180px"]{min-height:0!important;padding:20px!important}
  a[style*="min-height: 180px"]>:last-child{margin-top:10px!important}

  .hizmet-seridi{gap:9px 20px!important;padding:16px 14px!important;font-size:12px!important}

  img{max-width:100%}
  p{overflow-wrap:break-word}
}