/* JFS Clinic — alt sayfa mobil site menüsü (davranış: assets/js/site-menu.js). Yalnız ≤1023px görünür. */
.sm-burger, .sm-panel, .sm-dilsec { display: none; }

@media (max-width: 1023px) {
  .sm-burger {
    display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; padding: 0; cursor: pointer;
    border: 1px solid rgba(208, 164, 72, .7); border-radius: 10px; background: rgba(45, 37, 69, .6); color: #F1D995;
  }
  .sm-burger:focus-visible, .sm-kapat:focus-visible, .sm-bas:focus-visible, .sm-link:focus-visible, .sm-cta:focus-visible,
  .sm-dilchip:focus-visible, .sm-wa-satir a:focus-visible, .sm-logo:focus-visible { outline: 2px solid #F1D995; outline-offset: 2px; }
  .sm-cizgi, .sm-cizgi::before, .sm-cizgi::after { display: block; width: 20px; height: 2px; background: #F1D995; position: relative; }
  .sm-cizgi::before, .sm-cizgi::after { content: ""; position: absolute; left: 0; }
  .sm-cizgi::before { top: -6px; }
  .sm-cizgi::after { top: 6px; }

  /* Üst çubuk dar telefonda taşmasın: içindekiler düğmesi yalnız simge (etiket aria/başlıkta kalır) */
  header.top .top-actions { gap: 8px; }
  header.top .toc-btn { min-height: 44px; }
}
@media (max-width: 480px) {
  header.top .toc-btn { padding: 0 12px; font-size: 0; gap: 0; min-width: 44px; justify-content: center; }
  header.top .toc-btn svg { width: 18px; height: 18px; }
}
@media (max-width: 1023px) {

  .sm-panel {
    position: fixed; inset: 0; z-index: 9500; display: flex; flex-direction: column; background: #2D2545; color: #F3EFE8;
    font-family: Manrope, system-ui, sans-serif; overflow: hidden;
  }
  .sm-panel[hidden] { display: none; }
  body.sm-acik { overflow: hidden; }
  .sm-ust { display: flex; align-items: center; justify-content: space-between; flex: none; height: 64px; padding: 0 16px; border-bottom: 1px solid rgba(208, 164, 72, .3); }
  .sm-logo { display: inline-flex; align-items: center; min-height: 44px; }
  .sm-logo img { height: 30px; width: auto; display: block; }
  .sm-kapat {
    width: 44px; height: 44px; padding: 0; cursor: pointer; border: 1px solid rgba(208, 164, 72, .7); border-radius: 10px;
    background: rgba(45, 37, 69, .6); display: inline-flex; align-items: center; justify-content: center;
  }
  .sm-kapat span, .sm-kapat span::before { display: block; width: 20px; height: 2px; background: #F1D995; position: relative; transform: rotate(45deg); }
  .sm-kapat span::before { content: ""; position: absolute; left: 0; top: 0; transform: rotate(90deg); }

  .sm-nav { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 8px 20px calc(32px + env(safe-area-inset-bottom, 0px)); }
  .sm-link, .sm-bas {
    display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; box-sizing: border-box;
    padding: 0; border: 0; border-bottom: 1px solid rgba(208, 164, 72, .22); background: none; color: #F3EFE8; text-align: left; cursor: pointer;
    font: 600 18px/1.3 Manrope, system-ui, sans-serif; text-decoration: none;
  }
  .sm-link[aria-current="page"] { color: #F1D995; }
  .sm-bas i { flex: none; width: 10px; height: 10px; margin-left: 12px; border-right: 2px solid #D0A448; border-bottom: 2px solid #D0A448; transform: rotate(45deg) translateY(-3px); transition: transform .2s ease; }
  .sm-bas[aria-expanded="true"] i { transform: rotate(-135deg) translateY(-3px); }
  .sm-bas[aria-expanded="true"] { color: #F1D995; }
  .sm-govde[hidden] { display: none; }
  .sm-ana > .sm-govde { padding: 0 0 8px 14px; border-left: 2px solid rgba(208, 164, 72, .35); margin: 0 0 6px 4px; }
  .sm-kat > .sm-bas, .sm-tek, .sm-ana > .sm-govde > .sm-link { font-size: 16px; min-height: 48px; font-weight: 600; }
  .sm-kat > .sm-govde { padding: 2px 0 8px 12px; }
  .sm-kat .sm-link, .sm-ana > .sm-govde > .sm-govde .sm-link { font-size: 15px; min-height: 44px; font-weight: 500; color: #D9D4E7; border-bottom-color: rgba(208, 164, 72, .12); }
  .sm-kat .sm-link[aria-current="page"] { color: #F1D995; font-weight: 700; }
  .sm-alt { margin: 14px 0 2px; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #D0A448; }
  .sm-cta {
    display: flex; align-items: center; justify-content: center; min-height: 54px; margin-top: 22px; border: 2px solid #D0A448; color: #F1D995;
    font: 600 17px/1.2 Manrope, system-ui, sans-serif; text-decoration: none;
  }
  .sm-wa, .sm-dil { margin-top: 24px; padding-top: 6px; border-top: 1px solid rgba(208, 164, 72, .22); }
  .sm-wa-satir { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
  .sm-wa-satir a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 6px; }
  .sm-wa-satir img { display: block; height: 32px; width: auto; max-width: none; }
  .sm-dil-satir { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
  .sm-dilchip {
    display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid rgba(208, 164, 72, .55);
    font-size: 14px; font-weight: 600; color: #D9D4E7; text-decoration: none;
  }
  .sm-dilchip[aria-current="true"] { background: #D0A448; color: #100E0A; }
}

@media (prefers-reduced-motion: reduce) { .sm-bas i { transition: none; } }

/* Üst çubukta dil seçimi (site-menu.js): yalnız ≤1023px; ana sayfadaki .m-dilsec ile aynı görünüm */
@media (max-width: 1023px) {
  .sm-dilsec { display: block; position: relative; flex: none; }
  .sm-dilsec-btn {
    display: inline-flex; align-items: center; gap: 5px; min-height: 44px; padding: 0 10px; cursor: pointer;
    border: 1px solid rgba(208, 164, 72, .7); border-radius: 10px; background: rgba(45, 37, 69, .6); color: #F1D995;
    font: 700 13px/1 Manrope, system-ui, sans-serif; letter-spacing: .04em;
  }
  .sm-dilsec-btn svg { width: 14px; height: 14px; flex: none; }
  .sm-dilsec-btn i { width: 7px; height: 7px; border-right: 2px solid #D0A448; border-bottom: 2px solid #D0A448; transform: rotate(45deg) translateY(-2px); }
  .sm-dilsec-btn:focus-visible, .sm-dilsec-liste a:focus-visible { outline: 2px solid #F1D995; outline-offset: 2px; }
  .sm-dilsec-liste {
    display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 60; min-width: 150px; padding: 4px 0;
    background: #2D2545; border: 1px solid rgba(208, 164, 72, .7); box-shadow: 0 10px 28px rgba(0, 0, 0, .45);
  }
  .sm-dilsec.acik .sm-dilsec-liste { display: block; }
  .sm-dilsec-liste a { display: flex; align-items: center; min-height: 46px; padding: 0 14px; font: 600 15px/1 Manrope, system-ui, sans-serif; color: #D9D4E7; text-decoration: none; }
  .sm-dilsec-liste a[aria-current="true"] { background: #D0A448; color: #100E0A; }
  body.sm-acik .sm-dilsec { display: none; }
}