/* vRobot üst menü — taşmayan tek satır, mobilde açılır panel.
   ATLAS 12.09.2026 · yatay kaydırma çubuğu kaldırıldı, taşan bağlantılar
   "Daha fazla" altına toplandı. */

.um{
  --um-bg:rgba(11,16,19,.97);
  --um-fg:#C9D2D6;
  --um-fg2:#FFFFFF;
  --um-line:#2A363D;
  --um-panel:#151E23;
  --um-panel2:#1C272D;
  --um-vurgu:#F2A20C;
  --um-cta-fg:#0B1013;
  --um-yuk:56px;
  --um-en:1120px;
  --um-yan:22px;
  position:sticky;top:0;z-index:100;
  background:var(--um-bg);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--um-line);
}

/* Açık zeminli sayfalar (çözüm / uygulama sayfaları):
   sayfanın kendi renk değişkenlerini kullanır, karanlık moda uyar. */
.um.acik{
  --um-bg:color-mix(in srgb,var(--bg) 90%,transparent);
  --um-fg:var(--dim);
  --um-fg2:var(--fg);
  --um-line:var(--rule);
  --um-panel:var(--surface);
  --um-panel2:var(--surface2);
  --um-cta-fg:var(--bg);
  --um-yuk:64px;
  --um-en:1140px;
  --um-yan:26px;
}
/* modül sayfaları biraz daha dar sarmalayıcı kullanır */
.um.acik.um-dar{--um-en:1080px}

html{scroll-padding-top:74px}

.um-ic{position:relative;max-width:var(--um-en);margin:0 auto;
  padding:0 var(--um-yan);display:flex;align-items:center;gap:20px;
  height:var(--um-yuk)}

.um-marka{flex:0 0 auto;display:flex;align-items:center;text-decoration:none}
.um-marka img{display:block;width:auto;max-width:none;height:34px}
.um.acik .um-marka img{height:34px}
/* koyu şeritte beyaz yazılı logo, açık şeritte koyu yazılı logo */
.um .um-logo-a{display:none}
.um .um-logo-k{display:block}
.um.acik .um-logo-a{display:block}
.um.acik .um-logo-k{display:none}
@media (prefers-color-scheme:dark){
  .um.acik .um-logo-a{display:none}
  .um.acik .um-logo-k{display:block}
}
:root[data-theme="dark"] .um.acik .um-logo-a{display:none}
:root[data-theme="dark"] .um.acik .um-logo-k{display:block}
:root[data-theme="light"] .um.acik .um-logo-a{display:block}
:root[data-theme="light"] .um.acik .um-logo-k{display:none}

.um-bag{margin-left:auto;display:flex;align-items:center;gap:19px;min-width:0}
.um-bag>a:not(.um-cta),.um-ac{color:var(--um-fg);text-decoration:none;
  font-size:14px;white-space:nowrap;font-family:inherit;background:none;
  border:0;padding:0;margin:0;cursor:pointer;line-height:1.2}
.um-bag>a:not(.um-cta):hover,.um-ac:hover{color:var(--um-vurgu)}
.um-bag>a.se{color:var(--um-fg2);font-weight:600}

.um-fazla{position:relative;display:flex;align-items:center}
.um-ac{display:inline-flex;align-items:center;gap:6px}
.um-ok{width:0;height:0;border:4px solid transparent;
  border-top-color:currentColor;margin-top:3px;transition:transform .15s}
.um-ac[aria-expanded="true"] .um-ok{transform:rotate(180deg);margin-top:-3px}

.um-kutu{position:absolute;top:calc(100% + 15px);right:0;min-width:214px;
  background:var(--um-panel);border:1px solid var(--um-line);
  border-radius:12px;padding:7px;display:none;
  box-shadow:0 18px 44px rgba(0,0,0,.38)}
.um-kutu.ack{display:block}
.um-kutu a{display:block;padding:9px 12px;border-radius:8px;
  color:var(--um-fg);text-decoration:none;font-size:14px;white-space:nowrap}
.um-kutu a:hover{background:var(--um-panel2);color:var(--um-vurgu)}

.um-cta{flex:0 0 auto;background:var(--um-vurgu);color:var(--um-cta-fg);
  font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;
  padding:9px 16px;border-radius:999px;line-height:1.2}
.um-cta:hover{filter:brightness(1.08);color:var(--um-cta-fg)}
.um.acik .um-cta{background:var(--fg);color:var(--bg);border-radius:0;
  font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;
  padding:10px 15px}

.um-ham{display:none;margin-left:auto;flex-direction:column;
  justify-content:center;gap:4px;width:42px;height:36px;padding:0;
  cursor:pointer;background:none;border:1px solid var(--um-line);
  border-radius:9px}
.um-ham span{display:block;width:17px;height:2px;border-radius:2px;
  background:var(--um-fg);margin:0 auto}

@media (max-width:1120px){
  .um-ic{gap:15px}
  .um-bag{gap:15px}
  .um-bag>a:not(.um-cta),.um-ac{font-size:13.5px}
}

@media (max-width:880px){
  .um-ham{display:flex}
  .um-bag{position:absolute;top:100%;left:0;right:0;z-index:5;
    flex-direction:column;align-items:stretch;gap:0;margin:0;
    padding:6px var(--um-yan) 18px;
    background:var(--um-panel);border-bottom:1px solid var(--um-line);
    box-shadow:0 20px 40px rgba(0,0,0,.30);
    max-height:calc(100vh - var(--um-yuk));overflow-y:auto;display:none}
  .um-bag.ack{display:flex}
  .um-bag>a:not(.um-cta){font-size:15.5px;padding:13px 2px;
    border-bottom:1px solid var(--um-line)}
  .um-ac{display:none}
  .um-fazla{display:block;width:100%}
  .um-kutu{position:static;display:block;min-width:0;padding:0;
    background:none;border:0;box-shadow:none;border-radius:0}
  .um-kutu a{padding:13px 2px;font-size:15.5px;border-radius:0;
    border-bottom:1px solid var(--um-line)}
  .um-kutu a:hover{background:none}
  .um-cta{margin-top:16px;text-align:center;padding:13px 16px;font-size:15px}
  .um.acik .um-cta{font-size:12px;padding:14px 16px}
}

@media (max-width:640px){
  .um.acik .um-marka img{height:28px}
}