/* ═══════════════════════════════════════════════════════════════
   TIME-GEL — ORTAK ALT MENÜ
   Master referans: index.html (.bottom / .nav). Ölçüler, renkler,
   ikon boyutu ve hizalama birebir aynıdır. Tüm sayfalar bu dosyayı
   kullanır; menüde değişiklik yapacaksanız index.html ile birlikte
   burayı güncelleyin.
   ═══════════════════════════════════════════════════════════════ */
.tg-bottom{position:fixed;z-index:2000;left:0;right:0;bottom:0;height:112px;padding:8px 9px max(8px,env(safe-area-inset-bottom));border:1px solid rgba(66,151,255,.42);border-bottom:0;border-radius:34px 34px 0 0;background:rgba(2,8,22,.9);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);box-shadow:0 -9px 36px rgba(0,0,0,.42),0 -1px 0 rgba(40,217,255,.86);box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tg-nav{width:100%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:1px}
.tg-nav a{position:relative;min-width:0;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:27px}
.tg-nav img{display:block;width:42px;height:42px;object-fit:contain}
.tg-nav span{font-size:9px;letter-spacing:.12em;line-height:1;font-weight:normal;text-shadow:none;font-family:inherit;text-transform:none}
.tg-nav a:nth-child(1){color:#27d9ff}.tg-nav a:nth-child(2){color:#b25cff}.tg-nav a:nth-child(3){color:#eef4ff}.tg-nav a:nth-child(4){color:#35e1ff}.tg-nav a:nth-child(5){color:#a65cff}.tg-nav a:nth-child(6){color:#ffc35c}
.tg-nav a.active{background:linear-gradient(180deg,rgba(30,91,173,.29),rgba(15,35,78,.06))}
.tg-nav a.active:after{content:"";position:absolute;bottom:0;width:58px;height:5px;border-radius:8px;background:#29d9ff;box-shadow:0 0 17px #29d9ff}
@media(min-width:800px){.tg-bottom{left:50%;right:auto;transform:translateX(-50%);width:min(820px,96vw)}}

/* Sohbet gibi tam ekran esnek (flex) düzenlerde menü akış içinde durur */
.tg-bottom.tg-flow{position:relative;left:auto;right:auto;bottom:auto;flex:0 0 112px;width:100%}
@media(min-width:800px){.tg-bottom.tg-flow{left:auto;transform:none;margin:0 auto;width:min(820px,96vw)}}

/* build 147: eski sayfalarin genel "nav{...}" kurallari menuyu bozmasin */
nav.tg-bottom{top:auto;display:block;justify-content:normal;align-items:normal;z-index:10000}
nav.tg-bottom .tg-nav{display:grid!important}
nav.tg-bottom .tg-nav a{margin:0;font-size:inherit;text-shadow:none;letter-spacing:normal}

/* build 147: sabit menulu sayfalarda alt bilgi menunun altinda kalmasin, yatay tasma olmasin */
body:has(> .tg-bottom:not(.tg-flow)){overflow-x:clip}
body:has(> .tg-bottom:not(.tg-flow)){padding-bottom:124px}
@media(max-width:760px){body:has(> .tg-bottom:not(.tg-flow)) main table{display:block;overflow-x:auto;max-width:100%}}
