/* SemAgent ust menu — mobil cekmece, logo ve baglanti cizgisi (2026-09-30).
   mega.css'ten AYRI: ana sayfa mega.css yuklemiyor, nav stilleri inline. */

/* ═══ Baglanti alti cizgisi ═══════════════════════════════════════════════
   Tarayici varsayilani `a{text-decoration:underline}`. Ana sayfa kendi inline
   style'iyla kapatiyordu; mega menuyu paylasan diger 57 sayfada acikta kalmisti
   (Urun · Cozumler · Entegrasyonlar … hepsi cizgili gorunuyordu). */
.ust a,.cekmece a,.cekmece .marka{text-decoration:none}

/* Marka isareti: CSS ile cizilen "S" yerine gercek logo */
.marka .marka-im{width:26px;height:26px;border-radius:7px;display:block;flex:none}

/* 🪤 Jetonlar: `mega.css` bunlari `.ust{…}` icine kapsiyor; cekmece body'ye
   eklendigi icin oradan miras ALAMAZ. Kendi kapsamina yazilir — ana sayfanin
   `:root` tanimlari varsa onlar zaten kazanir (burada yalniz geri dusus). */
.ust-ac,.ust-perde,.cekmece{
  --kagit:#FFFFFF;--ak:#FFFFFF;--ak-2:#F8FAFC;--cizgi:#E3E8EF;--nane:#EFF5FF;
  --murekkep:#0B1220;--murekkep-2:#3E4A5E;--murekkep-3:#64748B;--yesil:#0D66E9;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --golge-lg:0 2px 6px rgba(11,18,32,.05), 0 32px 64px -16px rgba(11,18,32,.16);
  font-family:"Plus Jakarta Sans",-apple-system,sans-serif}

/* ═══ MOBIL MENU ══════════════════════════════════════════════════════════
   🔴 ONCEKI DAVRANIS: `@media(max-width:940px){.ust-bag{display:none}}` — menu
   telefonda TAMAMEN kayboluyordu; Urun, Cozumler, Entegrasyonlar, Fiyatlandirma,
   Kaynaklar, Guvenlik'in hicbirine ulasilamiyordu. Arkasindan gelen "geri dusus"
   kurali da yalnizca `.menu` olmayan 3 duz baglantiyi birakiyordu.
   🔑 Cekmecenin ICERIGI `site.js` tarafindan MEVCUT nav DOM'undan uretilir; boylece
   58 sayfanin isaretlemesine dokunmak gerekmez ve menu degisince otomatik uyar. */
.ust-ac{display:none;align-items:center;justify-content:center;width:40px;height:40px;
  margin-left:auto;border:1px solid var(--cizgi);border-radius:11px;background:var(--ak);
  cursor:pointer;flex:none;padding:0}
.ust-ac span{display:block;width:17px;height:1.7px;background:var(--murekkep);border-radius:2px;
  position:relative;transition:.18s}
.ust-ac span::before,.ust-ac span::after{content:"";position:absolute;left:0;width:17px;height:1.7px;
  background:var(--murekkep);border-radius:2px;transition:.18s}
.ust-ac span::before{top:-5.5px}
.ust-ac span::after{top:5.5px}
.ust-ac[aria-expanded="true"] span{background:transparent}
.ust-ac[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.ust-ac[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

.ust-perde{position:fixed;inset:0;z-index:70;background:rgba(11,18,32,.45);
  opacity:0;visibility:hidden;transition:.2s}
.ust-perde.acik{opacity:1;visibility:visible}

.cekmece{position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(88vw,370px);
  background:var(--kagit);border-left:1px solid var(--cizgi);box-shadow:var(--golge-lg);
  transform:translateX(102%);transition:transform .22s cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
.cekmece.acik{transform:none}
.cekmece-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid var(--cizgi);position:sticky;top:0;
  background:var(--kagit);z-index:1}
.cekmece-kapat{width:36px;height:36px;border:1px solid var(--cizgi);border-radius:10px;
  background:var(--ak);cursor:pointer;font-size:1.1rem;line-height:1;color:var(--murekkep-2)}
.cekmece-ic{padding:10px 12px 26px;display:flex;flex-direction:column;gap:2px}

.cekmece details{border-bottom:1px solid var(--cizgi)}
.cekmece details:last-of-type{border-bottom:0}
.cekmece summary{list-style:none;cursor:pointer;padding:14px 10px;font-size:1rem;font-weight:700;
  color:var(--murekkep);display:flex;align-items:center;justify-content:space-between}
.cekmece summary::-webkit-details-marker{display:none}
.cekmece summary::after{content:"";width:7px;height:7px;margin-left:10px;flex:none;
  border-right:1.8px solid var(--murekkep-3);border-bottom:1.8px solid var(--murekkep-3);
  transform:rotate(45deg);transition:transform .18s}
.cekmece details[open] summary::after{transform:rotate(-135deg)}
.cekmece-grup{padding:0 10px 12px;display:flex;flex-direction:column;gap:1px}
.cekmece-grup a{padding:10px 12px;border-radius:9px;font-size:.93rem;color:var(--murekkep-2);
  text-decoration:none}
.cekmece-grup a:active{background:var(--nane)}
.cekmece-grup .et{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--murekkep-3);padding:12px 12px 4px}
.cekmece > .cekmece-ic > a{padding:14px 10px;font-size:1rem;font-weight:700;
  color:var(--murekkep);text-decoration:none;border-bottom:1px solid var(--cizgi)}
.cekmece-alt{margin-top:18px;padding:0 10px;display:flex;flex-direction:column;gap:10px}
.cekmece-alt .dg{justify-content:center}
.cekmece-dil{font-size:.9rem;font-weight:600;color:var(--murekkep-3);text-decoration:none;
  text-align:center;padding:8px}

@media(max-width:940px){
  .ust-bag{display:none}
  .ust-sag{display:none}
  .ust-ac{display:inline-flex}
}
@media(min-width:941px){
  .cekmece,.ust-perde{display:none}
}
body.cekmece-acik{overflow:hidden}