/* EVT (27.10.2026): etkinlikler arası geçiş şeridi (templates/_events_tabs.php).
   Değerler profil v2 sekmesinden (.pv2-tabs, player/v2/_shell.php:121-122,168,271-292): yarıçap 12, çizgi .08, vurgu #00d4ff.
   Zemin cam (rgba + blur): opak lacivert yasak. Tek vurgu: aktif sekmenin ikonu + 2px alt çizgisi; hover yalnız renk.
   .tw-evi ikon kutusu tw-header-b.css'te (menü ile ortak); burada yalnız şerit bağlamı. */
.tw-evt { --evt-line: rgba(255,255,255,.08); --evt-acc: #00d4ff; --evt-r: 12px; --evt-ease: cubic-bezier(.4,0,.2,1); --evt-bg: rgba(8,23,43,.55); --evt-fade: rgba(8,23,43,.92);
  box-sizing: border-box; position: relative; z-index: 5; display: flex; justify-content: center; width: 100%; max-width: 1132px; margin: 12px auto 16px; padding: 0 16px; min-width: 0; }
.tw-evt *, .tw-evt *::before, .tw-evt *::after { box-sizing: border-box; }
.tw-evt-nav { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; border-radius: var(--evt-r); background: var(--evt-bg); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border: 1px solid var(--evt-line); }
.tw-evt-nav::-webkit-scrollbar { display: none; }
/* Kenar solması: yapışkan sözde öğe, yalnız kaydırılacak içerik varken (is-fade-s / is-fade-e, tw-events-tabs.js) */
.tw-evt-nav::before, .tw-evt-nav::after { content: ''; position: sticky; z-index: 1; flex: none; width: 32px; align-self: stretch; pointer-events: none; opacity: 0; transition: opacity .2s var(--evt-ease); }
.tw-evt-nav::before { order: -1; inset-inline-start: 0; margin-inline-end: -32px; background: linear-gradient(to left, rgba(8,23,43,0), var(--evt-fade)); }
.tw-evt-nav::after { inset-inline-end: 0; margin-inline-start: -32px; background: linear-gradient(to right, rgba(8,23,43,0), var(--evt-fade)); }
[dir="rtl"] .tw-evt-nav::before { background: linear-gradient(to right, rgba(8,23,43,0), var(--evt-fade)); }
[dir="rtl"] .tw-evt-nav::after { background: linear-gradient(to left, rgba(8,23,43,0), var(--evt-fade)); }
.tw-evt-nav.is-fade-s::before, .tw-evt-nav.is-fade-e::after { opacity: 1; }
/* Sekme: 46px yükseklik, ikon–metin 8px, yatay 12px (1366'da 7 sekme sığsın diye 14 -> 12). font-size !important: genel site kuralı ezmesin */
.tw-evt-nav a { position: relative; display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 46px; padding: 0 12px; font-family: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #c3c9e0 !important; white-space: nowrap; text-decoration: none !important; transition: background-color .2s var(--evt-ease), color .2s var(--evt-ease); }
/* Etiket span'i ayrıca sabitlenir: sitedeki genel *:where(...){font-size:.9799rem!important} kuralı span'e doğrudan uyuyor (ölçüldü: 15,36 / mobil 11,56px) */
.tw-evt-nav .tw-evt-l { font-size: 14px !important; font-weight: 600 !important; line-height: 1.2; letter-spacing: 0; text-transform: none; }
.tw-evt-nav a:first-of-type { border-start-start-radius: var(--evt-r); border-end-start-radius: var(--evt-r); }
.tw-evt-nav a:last-of-type { border-start-end-radius: var(--evt-r); border-end-end-radius: var(--evt-r); }
.tw-evt-nav a::after { content: ''; position: absolute; inset-inline: 12px; bottom: 0; height: 2px; border-radius: 2px 2px 0 0; background: var(--evt-acc); transform: scaleX(0); transition: transform .25s var(--evt-ease); }
.tw-evt-nav a .tw-evi { color: #8f97b8; transition: color .2s var(--evt-ease); }
.tw-evt-nav a:hover { color: #fff !important; background: rgba(255,255,255,.05); }
.tw-evt-nav a:hover .tw-evi { color: #fff; }
.tw-evt-nav a[aria-current="page"] { color: #fff !important; background: rgba(0,212,255,.08); }
.tw-evt-nav a[aria-current="page"]::after { transform: none; }
.tw-evt-nav a[aria-current="page"] .tw-evi { color: var(--evt-acc); }
.tw-evt-nav a:focus-visible { outline: 2px solid var(--evt-acc); outline-offset: -2px; }
@media (max-width: 768px) {
  .tw-evt { margin: 8px 0 12px; padding: 0 12px; }
  .tw-evt-nav { width: 100%; }
  .tw-evt-nav a, .tw-evt-nav .tw-evt-l { font-size: 13px !important; }
  .tw-evt-nav a { min-height: 44px; padding: 0 12px 0 10px; }
}
@media (prefers-reduced-motion: reduce) { .tw-evt-nav a, .tw-evt-nav a::after, .tw-evt-nav a .tw-evi, .tw-evt-nav::before, .tw-evt-nav::after { transition: none; } }