/* Verterra · v10 · DÜĞMELER — Arakot Render Lab'in düğme dili (render-lab-v20/dugme.css)
   Sıvı cam (.lg) sınıfları ve alt bölüm düğmeleri aynı adlarla kalır; görünüş değişir:
     siyah  (.lg-koyu)   #000 zemin, beyaz yazı, yumuşak gölge; üzerine gelince #212121 ve 2 px kalkar, basınca .97
     beyaz  (.lg-acik, .alt-beyaz)   koyu zeminde siyahın karşılığı: beyaz zemin, mürekkep yazı, aynı kalkma
     sakin  (.alt-ince)  koyu zeminde yarı saydam beyaz (Render Lab'in açık gri ikinci düğmesi)
   Köşe 14 (44 px düğme), yazı 600, büyük harf yok. Parlama şeritleri ve yansıma katmanı kalkar. */

:root{--lg-r:14px;--rl-murekkep:#0b0b0c}

.lg{background-image:none!important;background-color:var(--lg-zemin);color:var(--lg-yazi);
  box-shadow:var(--lg-golge-rl);transform:none;
  transition:background-color .2s var(--yumusak),translate .22s var(--yumusak),scale .18s var(--yumusak),box-shadow .24s var(--yumusak)}
.lg::before,.lg::after{display:none}
.lg-koyu{--lg-zemin:#000;--lg-ust-rl:#212121;--lg-yazi:#fff;
  --lg-golge-rl:0 1px 1.5px rgba(0,0,0,.22),0 10px 30px -6px rgba(0,0,0,.3);--lg-golge-kalk-rl:0 2px 3px rgba(0,0,0,.2),0 16px 34px -8px rgba(0,0,0,.36)}
.lg-acik{--lg-zemin:#fff;--lg-ust-rl:#f1f1f2;--lg-yazi:var(--rl-murekkep);
  --lg-golge-rl:0 1px 1.5px rgba(0,0,0,.14),0 10px 30px -8px rgba(0,0,0,.28);--lg-golge-kalk-rl:0 2px 3px rgba(0,0,0,.14),0 16px 34px -8px rgba(0,0,0,.34)}
@media (hover:hover){
  .lg:not(.lg-kap):hover{transform:none;translate:0 -2px;background-color:var(--lg-ust-rl);box-shadow:var(--lg-golge-kalk-rl)}
}
.lg:not(.lg-kap):active{transform:none;translate:none;scale:.97;box-shadow:var(--lg-golge-rl);transition-duration:.12s}

/* yazı: büyük harf yok, Render Lab'in 600 ağırlığı */
.ana-dugme,.ikincil-dugme,.vm-3b-git,.tm-randevu,.geri-buyuk,.sy-ac{text-transform:none;letter-spacing:-.006em;font-weight:600;font-size:14.5px}
.ana-dugme,.ikincil-dugme,.tm-randevu{border-radius:14px}
.vm-3b-git{border-radius:10px;height:36px;font-size:13.5px}
.sy-ac{border-radius:10px}
.tm-dil{border-radius:12px}
.tm-dil button{border-radius:9px;text-transform:none;letter-spacing:.01em}
.tm-dil button.lg{box-shadow:0 1px 2px rgba(0,0,0,.18)}
.geri-buyuk{border-radius:14px}

/* odak: Render Lab'in halkası (açık zeminde mürekkep, koyuda beyaz) */
.lg:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px var(--rl-murekkep)}

/* ── alt bölüm düğmeleri ── */
.alt-dugme{height:46px;padding:0 22px;border-radius:14px;font-family:var(--f-govde);font-size:14.5px;font-weight:600;letter-spacing:-.006em;text-transform:none;
  transition:background-color .2s var(--yumusak),translate .22s var(--yumusak),scale .18s var(--yumusak),box-shadow .24s var(--yumusak)}
.alt-beyaz{background:#fff;color:var(--rl-murekkep);box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 10px 30px -8px rgba(0,0,0,.34)}
.alt-ince{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
@media (hover:hover){
  .alt-beyaz:hover{background:#f1f1f2;translate:0 -2px;box-shadow:0 2px 3px rgba(0,0,0,.16),0 16px 34px -8px rgba(0,0,0,.4)}
  .alt-ince:hover{background:rgba(255,255,255,.22);translate:0 -2px}
}
.alt-dugme:active{translate:none;scale:.97}

@media (prefers-reduced-motion:reduce){
  .lg,.alt-dugme{transition:none}
  .lg:not(.lg-kap):hover,.alt-beyaz:hover,.alt-ince:hover{translate:none}
}