/* ==========================================================================
   Tube Stili — YouTube tarzı tema (ana stil dosyası)
   --------------------------------------------------------------------------
   Dosyalar (hepsi yalnızca aktif tema "tube" iken yüklenir):
     tube-palette.css  → Tailwind renk sınıflarını tema vurgu renklerine bağlar (üretilir)
     tube.css          → bu dosya: belirteçler, tipografi, bileşenler
     tube-icons.js     → Material Symbols ikon seti + buton ikonları
   Tüm kurallar body.site-theme-tube altındadır; başka temaya sızmaz ve
   eksi-theme.css bu tema aktifken hiç yüklenmez.

   İçindekiler
     1. Belirteçler (renk, ölçü)        8. Entry kartları
     2. Temel + tipografi ölçeği        9. Formlar
     3. Nötr renk eşlemesi             10. Menüler, modallar
     4. Üst bar                        11. Mobil alt gezinme
     5. Kategori (chip) satırı         12. Footer
     6. Butonlar                       13. Profil sayfası
     7. Kartlar, paneller, sayfa başı  14. İkonlar
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Belirteçler
   -------------------------------------------------------------------------- */
body.site-theme-tube {
    --yt-font: "Source Sans Pro", "Source Sans 3", "Helvetica Neue", Arial, sans-serif;

    /* Nötrler: sayfa zemini hafif gri (göz yormaz), kartlar beyaz */
    --yt-page: #f4f5f7;
    --yt-bg: #ffffff;
    --yt-surface: #eceef1;
    --yt-surface-hover: #dfe2e6;
    --yt-hover: rgba(0, 0, 0, 0.05);
    --yt-active: rgba(0, 0, 0, 0.1);
    --yt-text: #0f0f0f;
    --yt-text-2: #606060;
    --yt-text-3: #909090;
    --yt-outline: rgba(0, 0, 0, 0.1);
    --yt-input-border: #c6c6c6;
    --yt-inverse: #0f0f0f;
    --yt-inverse-text: #ffffff;
    --yt-inverse-hover: #272727;
    --yt-menu-bg: #ffffff;
    --yt-menu-shadow: 0 4px 32px rgba(0, 0, 0, 0.12);
    --yt-scrollbar: #aaaaaa;

    /* Marka */
    --yt-brand: #ff0033;
    --yt-brand-hover: #e1002d;

    /* Vurgu aileleri: dolu renk / metin rengi */
    --yt-blue: #065fd4;    --yt-blue-ink: #065fd4;
    --yt-green: #0b8043;   --yt-green-ink: #0b8043;
    --yt-orange: #e37400;  --yt-orange-ink: #b85c00;
    --yt-purple: #6b3fe0;  --yt-purple-ink: #5b2fd0;
    --yt-pink: #d81b60;    --yt-pink-ink: #c2185b;
    --yt-red: #d93025;     --yt-red-ink: #c5221f;
    --yt-tint: 9%;
    --yt-link: var(--yt-blue-ink);

    /* Ölçüler */
    --yt-radius-card: 12px;
    --yt-radius-btn: 8px;
    --yt-radius-chip: 6px;

    /* Tipografi ölçeği (tüm sayfalarda ortak) */
    --yt-h1: 24px;  --yt-h1-lh: 32px;
    --yt-h2: 20px;  --yt-h2-lh: 28px;
    --yt-h3: 16px;  --yt-h3-lh: 22px;
    --yt-h4: 14px;  --yt-h4-lh: 20px;
    --yt-body: 15px;
    --yt-small: 13px;

    /* Türetilen yumuşak yüzey ve çizgi renkleri */
    --yt-blue-soft: color-mix(in srgb, var(--yt-blue) var(--yt-tint), var(--yt-bg));
    --yt-green-soft: color-mix(in srgb, var(--yt-green) var(--yt-tint), var(--yt-bg));
    --yt-orange-soft: color-mix(in srgb, var(--yt-orange) var(--yt-tint), var(--yt-bg));
    --yt-purple-soft: color-mix(in srgb, var(--yt-purple) var(--yt-tint), var(--yt-bg));
    --yt-pink-soft: color-mix(in srgb, var(--yt-pink) var(--yt-tint), var(--yt-bg));
    --yt-red-soft: color-mix(in srgb, var(--yt-red) var(--yt-tint), var(--yt-bg));
    --yt-blue-line: color-mix(in srgb, var(--yt-blue) 28%, transparent);
    --yt-green-line: color-mix(in srgb, var(--yt-green) 28%, transparent);
    --yt-orange-line: color-mix(in srgb, var(--yt-orange) 28%, transparent);
    --yt-purple-line: color-mix(in srgb, var(--yt-purple) 28%, transparent);
    --yt-pink-line: color-mix(in srgb, var(--yt-pink) 28%, transparent);
    --yt-red-line: color-mix(in srgb, var(--yt-red) 28%, transparent);

    /* Sitenin ortak değişkenlerini temaya bağla */
    --theme-primary: var(--yt-blue);
    --theme-secondary: var(--yt-brand);
    --color-primary: var(--yt-blue);
    --color-primary-dark: var(--yt-blue);
    --color-primary-light: var(--yt-blue-soft);
    --color-accent: var(--yt-brand);
    --color-accent-dark: var(--yt-brand-hover);
    --color-bg: var(--yt-page);
    --color-surface: var(--yt-bg);
    --color-border: var(--yt-outline);
    --color-text: var(--yt-text);
    --color-text-muted: var(--yt-text-2);
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: var(--yt-menu-shadow);
}

html.dark body.site-theme-tube {
    --yt-page: #0f0f0f;
    --yt-bg: #1a1a1a;
    --yt-surface: #272727;
    --yt-surface-hover: #3f3f3f;
    --yt-hover: rgba(255, 255, 255, 0.1);
    --yt-active: rgba(255, 255, 255, 0.2);
    --yt-text: #f1f1f1;
    --yt-text-2: #aaaaaa;
    --yt-text-3: #717171;
    --yt-outline: rgba(255, 255, 255, 0.2);
    --yt-input-border: #3f3f3f;
    --yt-inverse: #f1f1f1;
    --yt-inverse-text: #0f0f0f;
    --yt-inverse-hover: #d9d9d9;
    --yt-menu-bg: #282828;
    --yt-menu-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
    --yt-scrollbar: #717171;

    --yt-blue-ink: #3ea6ff;
    --yt-green-ink: #5bd18b;
    --yt-orange-ink: #ffb14a;
    --yt-purple-ink: #b69cff;
    --yt-pink-ink: #ff7aa8;
    --yt-red-ink: #ff6b62;
    --yt-tint: 20%;
}

/* --------------------------------------------------------------------------
   2. Temel + tipografi ölçeği
   -------------------------------------------------------------------------- */
body.site-theme-tube {
    font-family: var(--yt-font) !important;
    font-size: var(--yt-body);
    line-height: 20px;
    background: var(--yt-page) !important;
    color: var(--yt-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body.site-theme-tube :is(h1, h2, h3, h4, h5, h6, p, a, span, div, li, label, input, textarea, select, button, td, th, small, strong, em, blockquote):not(.tube-icon, [class*="fa-"], iconify-icon) {
    font-family: var(--yt-font) !important;
}
body.site-theme-tube :is(.site-shell, .site-content-shell) { background: var(--yt-page) !important; }

/* Başlık hiyerarşisi — sayfadaki Tailwind boyut sınıflarından bağımsız, her yerde aynı */
body.site-theme-tube :is(h1, h2, h3, h4, h5, h6) {
    letter-spacing: normal !important;
    text-transform: none !important;
    font-family: var(--yt-font) !important;
}
body.site-theme-tube h1 { font-size: var(--yt-h1) !important; line-height: var(--yt-h1-lh) !important; font-weight: 700 !important; }
body.site-theme-tube h2 { font-size: var(--yt-h2) !important; line-height: var(--yt-h2-lh) !important; font-weight: 700 !important; }
body.site-theme-tube h3 { font-size: var(--yt-h3) !important; line-height: var(--yt-h3-lh) !important; font-weight: 600 !important; }
body.site-theme-tube h4 { font-size: var(--yt-h4) !important; line-height: var(--yt-h4-lh) !important; font-weight: 600 !important; }
body.site-theme-tube :is(h5, h6) { font-size: var(--yt-small) !important; line-height: 16px !important; font-weight: 600 !important; color: var(--yt-text-2); }
@media (max-width: 767px) {
    body.site-theme-tube { --yt-h1: 20px; --yt-h1-lh: 28px; --yt-h2: 18px; --yt-h2-lh: 26px; }
}
/* Başlıkların içindeki öğeler başlığın boyutunu alır */
body.site-theme-tube :is(h1, h2, h3, h4) :is(a, span:not(.tube-icon, [class*="bg-"]), strong) {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

/* Gövde metni boyutları: tek ölçeğe indirgenir */
body.site-theme-tube :where(.text-\[10px\], .text-\[11px\], .text-xs) { font-size: var(--yt-small) !important; }
body.site-theme-tube :where(.text-sm, .text-base, .text-\[15px\], .md\:text-sm, .md\:text-base) { font-size: var(--yt-body) !important; }
body.site-theme-tube :where(.text-lg, .md\:text-lg) { font-size: 16px !important; }
body.site-theme-tube :where(.text-xl, .md\:text-xl) { font-size: 18px !important; }
body.site-theme-tube :where(.text-2xl, .md\:text-2xl) { font-size: 20px !important; }
body.site-theme-tube :where(.text-3xl, .md\:text-3xl) { font-size: 24px !important; line-height: 32px !important; }
body.site-theme-tube :where(.text-4xl, .text-5xl, .text-6xl, .md\:text-4xl, .md\:text-5xl, .md\:text-6xl) { font-size: 32px !important; line-height: 40px !important; }
body.site-theme-tube :is(.entry-content, .standard-text) { font-size: var(--yt-body) !important; line-height: 22px !important; color: var(--yt-text) !important; }

/* Ağırlıklar: Source Sans Pro 400 / 600 / 700 */
body.site-theme-tube :where(.font-medium, .font-semibold) { font-weight: 600 !important; }
body.site-theme-tube :where(.font-bold, .font-extrabold, .font-black) { font-weight: 700 !important; }
body.site-theme-tube :where(.tracking-tight, .tracking-tighter, .tracking-wide, .tracking-wider, .tracking-widest) { letter-spacing: normal !important; }
body.site-theme-tube .uppercase { text-transform: none !important; }

body.site-theme-tube ::selection { background: color-mix(in srgb, var(--yt-blue) 25%, transparent); }

/* Kaydırma çubukları */
body.site-theme-tube *:not(.scrollbar-hide) { scrollbar-width: thin; scrollbar-color: var(--yt-scrollbar) transparent; }
body.site-theme-tube :not(.scrollbar-hide)::-webkit-scrollbar { width: 8px; height: 8px; }
body.site-theme-tube :not(.scrollbar-hide)::-webkit-scrollbar-thumb { background: var(--yt-scrollbar); border-radius: 8px; }
body.site-theme-tube :not(.scrollbar-hide)::-webkit-scrollbar-track { background: transparent; }
body.site-theme-tube .scrollbar-hide { scrollbar-width: none !important; -ms-overflow-style: none; }
body.site-theme-tube .scrollbar-hide::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }

/* --------------------------------------------------------------------------
   3. Nötr renk eşlemesi (gri/beyaz/siyah Tailwind sınıfları → tema nötrleri)
      Renkli sınıflar tube-palette.css tarafından eşlenir.
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-slate-900, .text-slate-800, .text-slate-700, .text-black, .text-zinc-900, .text-zinc-800) { color: var(--yt-text) !important; }
body.site-theme-tube :is(.text-gray-600, .text-gray-500, .text-slate-600, .text-slate-500, .text-zinc-600, .text-zinc-500) { color: var(--yt-text-2) !important; }
body.site-theme-tube :is(.text-gray-400, .text-gray-300, .text-slate-400, .text-slate-300) { color: var(--yt-text-3) !important; }
html.dark body.site-theme-tube :is(.dark\:text-white, .dark\:text-gray-100, .dark\:text-gray-200) { color: var(--yt-text) !important; }
html.dark body.site-theme-tube :is(.dark\:text-gray-300, .dark\:text-gray-400) { color: var(--yt-text-2) !important; }

body.site-theme-tube :is(.bg-white, .bg-white\/70, .bg-white\/80, .bg-white\/90, .bg-white\/95):not(.tube-keep) { background-color: var(--yt-bg) !important; }
body.site-theme-tube :is(.bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100, .bg-gray-50\/50, .bg-zinc-100) { background-color: var(--yt-surface) !important; }
body.site-theme-tube :is(.bg-gray-200, .bg-gray-300, .bg-slate-200) { background-color: var(--yt-surface-hover) !important; }
html.dark body.site-theme-tube :is(.dark\:bg-gray-700, .dark\:bg-gray-800, .dark\:bg-gray-900, .dark\:bg-slate-800, .dark\:bg-slate-900) { background-color: var(--yt-bg) !important; }
/* Nötr gradyanlar */
body.site-theme-tube :is([class*=" from-gray-"], [class*=" from-slate-"], [class^="from-gray-"], [class^="from-slate-"]) { background-image: none !important; background-color: var(--yt-surface) !important; }
body.site-theme-tube :is(.from-gray-400, .from-gray-500, .from-slate-700, .from-slate-800, .from-slate-900).text-white { background-color: #606060 !important; }

/* Üzerine gelince */
body.site-theme-tube :is(.hover\:bg-gray-50, .hover\:bg-gray-100, .hover\:bg-gray-200, .hover\:bg-green-50, .hover\:bg-green-100, .hover\:bg-blue-50, .hover\:bg-orange-50, .hover\:bg-purple-50, .hover\:bg-indigo-100, .hover\:bg-red-50, .hover\:bg-red-100, .dark\:hover\:bg-gray-700):hover { background-color: var(--yt-hover) !important; }
body.site-theme-tube :is(.hover\:text-green-500, .hover\:text-green-600, .hover\:text-green-700, .hover\:text-blue-600, .hover\:text-blue-700, .hover\:text-gray-700, .hover\:text-gray-800, .hover\:text-gray-900):hover { color: var(--yt-text) !important; }
body.site-theme-tube a:is(.hover\:underline):hover { text-decoration: underline; }

/* Kenarlıklar ve gölgeler */
body.site-theme-tube :is(.border-gray-100, .border-gray-200, .border-gray-300, .border-slate-200, .border-slate-300, .dark\:border-gray-600, .dark\:border-gray-700, .dark\:border-gray-800, .divide-gray-100 > *, .divide-gray-200 > *) { border-color: var(--yt-outline) !important; }
body.site-theme-tube :is(.shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl, .shadow-2xl, .hover\:shadow-md:hover, .hover\:shadow-lg:hover, .hover\:shadow-xl:hover):not(.site-notification-dropdown, .site-header-search-results, [class*="z-50"], [class*="z-["], .fixed, .absolute) { box-shadow: none !important; }
body.site-theme-tube :is(.hover\:scale-105, .hover\:scale-110, .hover\:-translate-y-1, .hover\:-translate-y-0\.5, .hover\:translate-x-1, .group-hover\:scale-105, .group-hover\:scale-110):hover { transform: none !important; }

/* --------------------------------------------------------------------------
   4. Üst bar
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-main-header {
    background: var(--yt-bg) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.site-theme-tube .site-topbar-row {
    min-height: 56px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 0 !important;
    gap: 12px !important;
}
/* Logo */
body.site-theme-tube .site-topbar-row > a:first-child > span {
    color: var(--yt-text) !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    letter-spacing: -0.03em !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
body.site-theme-tube .site-topbar-row > a:first-child > span::before {
    content: "";
    width: 28px;
    height: 20px;
    border-radius: 6px;
    background: var(--yt-brand) no-repeat center / 10px 10px
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23fff' d='M1 1h8v5.5H4.6L2.2 8.9V6.5H1z'/%3E%3C/svg%3E");
    flex: none;
}

/* Arama */
body.site-theme-tube .site-header-search { flex: 1 1 auto; max-width: 600px; margin: 0 auto; }
body.site-theme-tube .site-header-search input::placeholder { color: var(--yt-text-3) !important; }
body.site-theme-tube .site-header-search-results {
    margin-top: 48px !important;
    border: 0 !important;
    border-radius: var(--yt-radius-card) !important;
    background: var(--yt-menu-bg) !important;
    box-shadow: var(--yt-menu-shadow) !important;
}

/* İkon butonları */
body.site-theme-tube .site-header-icon-btn {
    width: 40px;
    height: 40px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    color: var(--yt-text) !important;
    background: transparent !important;
}
body.site-theme-tube .site-header-icon-btn:hover { background: var(--yt-hover) !important; }

/* Modül bağlantıları: nötr metin + renkli ikon */
body.site-theme-tube .site-header-actions :is(.eksi-nav-events, .eksi-nav-business, .eksi-nav-market) {
    height: 36px;
    padding: 0 12px !important;
    border-radius: var(--yt-radius-btn) !important;
    color: var(--yt-text) !important;
    background: transparent !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
body.site-theme-tube .site-header-actions :is(.eksi-nav-events, .eksi-nav-business, .eksi-nav-market) > span:not(.tube-icon, .kk-new-badge) { color: var(--yt-text) !important; }
body.site-theme-tube .site-header-actions :is(.eksi-nav-events, .eksi-nav-business, .eksi-nav-market) > .tube-icon { color: var(--acc) !important; font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .site-header-actions :is(.eksi-nav-events, .eksi-nav-business, .eksi-nav-market):hover { background: var(--yt-hover) !important; }

/* Kullanıcı menüsü butonu */
body.site-theme-tube .site-header-actions button.site-header-main-btn {
    height: 36px;
    padding: 0 14px 0 8px !important;
    border-radius: var(--yt-radius-btn) !important;
    background: var(--yt-surface) !important;
    color: var(--yt-text) !important;
    font-weight: 600 !important;
    gap: 6px !important;
}
body.site-theme-tube .site-header-actions button.site-header-main-btn * { color: inherit !important; }
body.site-theme-tube .site-header-actions button.site-header-main-btn:hover { background: var(--yt-surface-hover) !important; }

/* Rozetler */
body.site-theme-tube :is(.kk-new-badge, .site-header-counter-badge) { background: var(--yt-brand) !important; color: #fff !important; border-color: var(--yt-bg) !important; }
body.site-theme-tube .site-notification-unread-dot { background: var(--yt-blue) !important; }

/* --------------------------------------------------------------------------
   5. Kategori (chip) satırı
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-main-header { border-bottom: 1px solid var(--yt-outline) !important; }
body.site-theme-tube .site-menu-scroll > a,
body.site-theme-tube .site-menu-scroll > * > a { background: var(--yt-bg) !important; box-shadow: inset 0 0 0 1px var(--yt-outline) !important; }
body.site-theme-tube .site-shell .site-menu-wrap .site-menu-strip {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
body.site-theme-tube .site-menu-scroll { gap: 12px !important; padding: 4px 0; }
/* display zorlanmaz: lg:hidden / md:hidden çalışmaya devam eder */
body.site-theme-tube .site-menu-scroll > a,
body.site-theme-tube .site-menu-scroll > * > a {
    position: relative;
    align-items: center;
    height: 32px;
    padding: 0 12px !important;
    border-radius: var(--yt-radius-chip) !important;
    background: var(--yt-surface) !important;
    color: var(--yt-text) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap;
    text-decoration: none !important;
    transform: none !important;
    box-shadow: none !important;
    border: 0 !important;
    transition: background-color 0.1s ease;
}
body.site-theme-tube .site-menu-scroll > a:hover,
body.site-theme-tube .site-menu-scroll > * > a:hover { background: var(--yt-surface-hover) !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-menu-scroll a *:not(.kk-new-badge) { color: inherit !important; }
body.site-theme-tube .site-menu-scroll a.tube-chip-active { background: var(--yt-inverse) !important; color: var(--yt-inverse-text) !important; }
body.site-theme-tube .site-menu-scroll a { gap: 6px !important; }
body.site-theme-tube .site-menu-scroll a .tube-icon { font-size: 18px !important; width: 18px !important; height: 18px !important; color: var(--yt-text-2) !important; }
body.site-theme-tube .site-menu-scroll a.tube-chip-active .tube-icon { color: inherit !important; }
body.site-theme-tube .site-menu-scroll .kk-new-badge,
body.site-theme-tube .site-header-actions .kk-new-badge {
    position: absolute !important;
    inset: 4px 4px auto auto !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    transform: none !important;
}
body.site-theme-tube .site-menu-wrap > .absolute { background: linear-gradient(to right, var(--yt-bg), transparent) !important; }

/* --------------------------------------------------------------------------
   6. Butonlar
   -------------------------------------------------------------------------- */
/* Zemini olan tüm buton ve buton görünümlü bağlantılar: hap biçimi, 500 ağırlık */
body.site-theme-tube :is(button, a, [type="submit"], [role="button"]):is([class*=" bg-"], [class^="bg-"]):is([class*=" px-"], [class^="px-"]):not(.site-menu-scroll a, .tube-icon-btn) {
    border-radius: var(--yt-radius-btn) !important;
    font-weight: 600 !important;
    font-size: var(--yt-body) !important;
    line-height: 20px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 0.1s ease, filter 0.1s ease !important;
}
body.site-theme-tube :is(button, a, [type="submit"]):is([class*=" bg-"], [class^="bg-"]):is([class*=" px-"], [class^="px-"]):hover { filter: brightness(0.95); }
body.site-theme-tube :is(button, [type="submit"]):disabled { opacity: 0.5; cursor: not-allowed; }

/* Renkli zemin üzerindeki beyaz buton/rozet: metni vurgu renginde kalır (beyaz üstüne beyaz olmaz) */
body.site-theme-tube .site-shell :is(a, button, span, div).bg-white.bg-white[class*="text-"]:not(.text-white),
body.site-theme-tube .site-shell :is(a, button, span, div).bg-white.bg-white[class*="text-"]:not(.text-white) > :is(span, .tube-icon) {
    color: var(--acc-ink, var(--yt-text)) !important;
}

/* Koyu nötr butonlar → ters renkli hap */
body.site-theme-tube :is(button, a, [type="submit"]):is(.bg-gray-700, .bg-gray-800, .bg-gray-900, .bg-black, .bg-slate-700, .bg-slate-800, .bg-slate-900) {
    background-color: var(--yt-inverse) !important;
    color: var(--yt-inverse-text) !important;
    border-color: transparent !important;
}
body.site-theme-tube :is(button, a, [type="submit"]):is(.bg-gray-700, .bg-gray-800, .bg-gray-900, .bg-black, .bg-slate-700, .bg-slate-800, .bg-slate-900) * { color: inherit !important; }

/* Beyaz / gri ikincil butonlar */
body.site-theme-tube :is(button, a):is(.bg-white, .bg-white\/90):is([class*=" px-"]):not(.site-menu-scroll a) {
    background-color: var(--yt-bg) !important;
    border: 1px solid var(--yt-outline) !important;
    color: var(--yt-text);
}
body.site-theme-tube :is(button, a):is(.bg-gray-100, .bg-gray-200, .bg-gray-50):is([class*=" px-"]) { background-color: var(--yt-surface) !important; border-color: transparent !important; color: var(--yt-text) !important; }
body.site-theme-tube :is(button, a):is(.bg-white, .bg-white\/90, .bg-gray-100, .bg-gray-200, .bg-gray-50):is([class*=" px-"]):hover { background-color: var(--yt-surface-hover) !important; filter: none; }

/* "Başlık oluştur" → marka kırmızısı ana eylem */
body.site-theme-tube .site-shell a.eksi-nav-topic.eksi-nav-topic,
body.site-theme-tube .site-shell a.site-header-main-btn.eksi-nav-topic.eksi-nav-topic {
    height: 36px;
    padding: 0 16px 0 12px !important;
    align-items: center;
    gap: 6px !important;
    background: var(--yt-brand) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: var(--yt-radius-btn) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}
body.site-theme-tube .site-shell a.eksi-nav-topic.eksi-nav-topic:hover { background: var(--yt-brand-hover) !important; filter: none; }
body.site-theme-tube a.eksi-nav-topic * { color: inherit !important; }

/* Yalnızca ikon içeren butonlar → yuvarlak */
body.site-theme-tube .tube-icon-btn {
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    transform: none !important;
}
body.site-theme-tube .tube-icon-btn:not([class*=" bg-"]):hover { background: var(--yt-hover) !important; }

/* Buton içi ikon */
body.site-theme-tube .tube-btn-icon { font-size: 18px !important; width: 18px !important; height: 18px !important; margin-right: 6px; vertical-align: -4px; }
body.site-theme-tube :is(.flex, .inline-flex) > .tube-btn-icon { margin-right: 0; }
body.site-theme-tube .tube-has-icon:not(.flex, .inline-flex, .block, .w-full) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
body.site-theme-tube .tube-has-icon:is(.block, .w-full):not(.flex, .inline-flex) { display: flex; align-items: center; justify-content: center; gap: 6px; }
body.site-theme-tube .tube-has-icon:not(.flex, .inline-flex) > .tube-btn-icon { margin-right: 0; }

/* --------------------------------------------------------------------------
   7. Kartlar, paneller, sayfa başı
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(button, a, input, textarea, select, img, .tube-icon-btn) { border-radius: var(--yt-radius-card) !important; }
body.site-theme-tube :is(.rounded, .rounded-md):not(button, a, input, textarea, select, img) { border-radius: var(--yt-radius-chip) !important; }
body.site-theme-tube :is(.rounded-t-lg, .rounded-t-xl, .rounded-t-2xl) { border-radius: var(--yt-radius-card) var(--yt-radius-card) 0 0 !important; }
body.site-theme-tube :is(.rounded-b-lg, .rounded-b-xl, .rounded-b-2xl) { border-radius: 0 0 var(--yt-radius-card) var(--yt-radius-card) !important; }
body.site-theme-tube img:is(.rounded-lg, .rounded-xl, .rounded-2xl) { border-radius: var(--yt-radius-card) !important; }

/* Yan panel kartları: başlığın solunda marka çizgisi */
body.site-theme-tube aside :is(h2, h3),
body.site-theme-tube aside h4 {
    font-size: var(--yt-h3) !important;
    line-height: var(--yt-h3-lh) !important;
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    gap: 8px;
}
body.site-theme-tube aside :is(h2, h3)::before,
body.site-theme-tube aside h4::before {
    content: "";
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: var(--yt-brand);
    flex: none;
}

/* Gündem listesi */
body.site-theme-tube .site-left-gundem-card { padding: 12px 8px !important; }
body.site-theme-tube .site-left-gundem-card > div:first-child { padding: 0 8px !important; margin-bottom: 8px !important; }
body.site-theme-tube .gundem-item {
    min-height: 40px;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    color: var(--yt-text) !important;
    font-size: 14px !important;
    transform: none !important;
}
body.site-theme-tube .gundem-item:hover { background: var(--yt-hover) !important; }
body.site-theme-tube .gundem-item > :last-child:not(:first-child) {
    background: var(--yt-blue-soft) !important;
    color: var(--yt-blue-ink) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Sayfa başı kartı (ikon kutusu + h1 + açıklama + bilgi çipleri): tek satır, kompakt */
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):is([class*=" from-"], [class*=" bg-"]):has(> div h1):not(:has(form, textarea, table)) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 24px;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):is([class*=" from-"], [class*=" bg-"]):has(> div h1):not(:has(form, textarea, table)) > * { margin: 0 !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):is([class*=" from-"], [class*=" bg-"]):has(> div h1):not(:has(form, textarea, table)) :is(.w-14, .w-16, .w-20):is(.h-14, .h-16, .h-20) {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):is([class*=" from-"], [class*=" bg-"]):has(> div h1):not(:has(form, textarea, table)) :is(.w-14, .w-16, .w-20) > .tube-icon { font-size: 22px !important; width: 22px !important; height: 22px !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) h1 { margin: 0 !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) h1 + p { font-size: var(--yt-small) !important; line-height: 16px !important; margin: 0 !important; }
/* Genel olarak büyük iç boşlukları azalt */
body.site-theme-tube .site-content-shell :is(.p-8, .md\:p-8, .p-10, .md\:p-10, .p-12) { padding: 20px !important; }
body.site-theme-tube .site-content-shell :is(.py-12, .py-16, .py-20) { padding-top: 32px !important; padding-bottom: 32px !important; }

/* Sayfa başı (renkli kart + ikon kutusu) içindeki ikonlar dolu ve belirgin */
body.site-theme-tube :is(.w-12, .w-14, .w-16, .w-20):is([class*=" from-"], [class*=" bg-"]):is(.rounded-xl, .rounded-2xl, .rounded-full, .rounded-lg) > .tube-icon {
    color: #fff !important;
    font-size: 28px !important;
    width: 28px !important;
    height: 28px !important;
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
body.site-theme-tube :is(.w-12, .w-14, .w-16, .w-20):is(.bg-gray-100, .bg-gray-50, .bg-white):is(.rounded-xl, .rounded-2xl, .rounded-full, .rounded-lg) > .tube-icon { color: var(--yt-text-2) !important; }

/* Küçük rozetler */
body.site-theme-tube span:is([class*=" bg-"], [class^="bg-"]):is(.text-xs, .text-\[10px\], .text-\[11px\]):is([class*=" px-"], [class^="px-"]) {
    border-radius: 6px !important;
    font-weight: 600 !important;
    border: 0 !important;
}

/* Tablolar */
body.site-theme-tube table th { font-size: var(--yt-small) !important; font-weight: 600 !important; color: var(--yt-text-2) !important; text-transform: none !important; letter-spacing: normal !important; background: var(--yt-surface) !important; }
body.site-theme-tube table td { font-size: var(--yt-body) !important; border-color: var(--yt-outline) !important; }

/* --------------------------------------------------------------------------
   8. Entry kartları
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) {
    background: var(--yt-bg) !important;
    border: 1px solid var(--yt-outline) !important;
    border-radius: var(--yt-radius-card) !important;
    box-shadow: none !important;
    padding: 16px !important;
    transition: border-color 0.15s ease, background-color 0.15s ease !important;
}
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card):hover { background: var(--yt-surface) !important; border-color: transparent !important; }
body.site-theme-tube .entry-content a { color: var(--yt-link) !important; }
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) .border-t { border-top: 0 !important; padding-top: 4px !important; }

/* Oy butonları */
body.site-theme-tube .tube-vote-btn {
    height: 32px;
    min-width: 32px;
    padding: 0 12px 0 8px !important;
    gap: 6px !important;
    border-radius: var(--yt-radius-btn) !important;
    background: var(--yt-surface) !important;
    color: var(--yt-text) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}
body.site-theme-tube .tube-vote-btn:hover { background: var(--yt-surface-hover) !important; }
body.site-theme-tube .tube-vote-btn * { color: inherit !important; }
body.site-theme-tube .tube-vote-btn:is(.text-green-500, .text-green-600, .text-purple-500, .text-purple-600, .text-red-500) .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }

/* Konu başlığı kartı */
body.site-theme-tube .eksi-topic-header-card { padding: 16px 20px !important; }

/* --------------------------------------------------------------------------
   9. Formlar
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], input:not([type]), textarea, select):not(.site-header-search input) {
    background-color: var(--yt-bg) !important;
    color: var(--yt-text) !important;
    border: 1px solid var(--yt-input-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: var(--yt-body) !important;
}
body.site-theme-tube :is(input, textarea, select):focus:not(.site-header-search input, [type="checkbox"], [type="radio"], [type="file"]) {
    border-color: var(--yt-blue) !important;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--yt-blue) !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}
body.site-theme-tube :is(input, textarea)::placeholder { color: var(--yt-text-3) !important; }
body.site-theme-tube label { font-size: var(--yt-body); color: var(--yt-text); }
body.site-theme-tube :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--yt-blue); }

/* --------------------------------------------------------------------------
   10. Menüler, bildirimler, modallar
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(.site-notification-dropdown, .site-header-actions .absolute.bg-white, .site-mobile-actions .absolute.bg-white, .entry-card .absolute.bg-white, .eksi-topic-entry-card .absolute.bg-white) {
    background: var(--yt-menu-bg) !important;
    border: 0 !important;
    border-radius: var(--yt-radius-card) !important;
    box-shadow: var(--yt-menu-shadow) !important;
}
body.site-theme-tube .site-header-actions .absolute.bg-white > div { padding: 8px 0 !important; }
body.site-theme-tube .site-header-actions .absolute.bg-white :is(a, button) {
    min-height: 40px;
    padding: 0 16px !important;
    color: var(--yt-text) !important;
    font-size: 14px !important;
    gap: 16px !important;
    background: transparent !important;
    border-radius: 0 !important;
}
body.site-theme-tube .site-header-actions .absolute.bg-white :is(a, button):hover { background: var(--yt-hover) !important; filter: none; }
body.site-theme-tube .site-header-actions .absolute.bg-white :is(a, button) span { color: inherit !important; font-weight: 400 !important; }
body.site-theme-tube .site-header-actions .absolute.bg-white :is(a, button) .tube-icon { color: var(--yt-text) !important; font-size: 24px !important; width: 24px !important; height: 24px !important; }

/* Modal kutuları */
body.site-theme-tube :is(#entry-edit-modal, #share-modal, #pwa-install-modal, #reportModal) :is(.bg-white, .dark\:bg-slate-800):is(.rounded-xl, .rounded-2xl, .rounded-lg) {
    background: var(--yt-menu-bg) !important;
    border: 0 !important;
    box-shadow: var(--yt-menu-shadow) !important;
}

/* Çerez bildirimi */
body.site-theme-tube #cookie-consent {
    background: var(--yt-menu-bg) !important;
    color: var(--yt-text) !important;
    border: 0 !important;
    border-radius: var(--yt-radius-card) !important;
    box-shadow: var(--yt-menu-shadow) !important;
}
body.site-theme-tube #cookie-consent .cc-baslik { font-size: var(--yt-h3) !important; font-weight: 700 !important; color: var(--yt-text) !important; }
body.site-theme-tube #cookie-consent .cc-metin { font-size: var(--yt-body) !important; color: var(--yt-text-2) !important; }
body.site-theme-tube #cookie-consent .cc-buton { border-radius: var(--yt-radius-btn) !important; font-weight: 600 !important; font-size: var(--yt-body) !important; border: 0 !important; }
body.site-theme-tube #cookie-consent .cc-kabul { background: var(--yt-blue) !important; color: #fff !important; }
body.site-theme-tube #cookie-consent .cc-red { background: var(--yt-surface) !important; color: var(--yt-text) !important; }
body.site-theme-tube #cookie-consent .cc-baglanti { background: transparent !important; color: var(--yt-text-2) !important; font-size: var(--yt-small) !important; }
/* Çerez tercih penceresi */
body.site-theme-tube #cookie-prefs .cc-pencere { background: var(--yt-menu-bg) !important; color: var(--yt-text) !important; border-radius: var(--yt-radius-card) !important; box-shadow: var(--yt-menu-shadow) !important; }
body.site-theme-tube #cookie-prefs :is(.cc-ust, .cc-grup, .cc-alt) { border-color: var(--yt-outline) !important; }
body.site-theme-tube #cookie-prefs :is(.cc-baslik, .cc-grup-ad) { color: var(--yt-text) !important; font-weight: 700 !important; }
body.site-theme-tube #cookie-prefs .cc-ust .cc-baslik { font-size: 18px !important; line-height: 26px !important; }
body.site-theme-tube #cookie-prefs .cc-grup-ad { font-size: var(--yt-body) !important; }
body.site-theme-tube #cookie-prefs :is(.cc-metin, .cc-grup p, .cc-grup li) { color: var(--yt-text-2) !important; font-size: var(--yt-small) !important; line-height: 19px !important; }
body.site-theme-tube #cookie-prefs .cc-hep { color: var(--yt-green-ink) !important; }
body.site-theme-tube #cookie-prefs .cc-buton { height: var(--yt-btn-h) !important; padding: 0 12px !important; border: 0 !important; border-radius: var(--yt-radius-btn) !important; font-size: var(--yt-body) !important; font-weight: 600 !important; }
body.site-theme-tube #cookie-prefs .cc-kabul { background: var(--yt-blue) !important; color: #fff !important; }
body.site-theme-tube #cookie-prefs .cc-red { background: var(--yt-surface) !important; color: var(--yt-text) !important; }
body.site-theme-tube #cookie-prefs .cc-red:hover { background: var(--yt-surface-hover) !important; }
body.site-theme-tube #cookie-prefs .cc-kapat { background: transparent !important; color: var(--yt-text) !important; }
body.site-theme-tube #cookie-prefs .cc-kapat:hover { background: var(--yt-hover) !important; }
body.site-theme-tube #cookie-prefs .cc-anahtar span { background: var(--yt-text-3) !important; }
body.site-theme-tube #cookie-prefs .cc-anahtar input:checked + span { background: var(--yt-blue) !important; }

/* Kurumsal sayfa metinleri (hakkımızda, kullanım şartları, gizlilik, KVKK …) */
body.site-theme-tube .site-content-shell .prose { max-width: 760px; color: var(--yt-text); font-size: 16px; line-height: 26px; }
body.site-theme-tube .site-content-shell .prose > :first-child { margin-top: 0 !important; }
body.site-theme-tube .site-content-shell .prose h2 { margin: 28px 0 8px !important; font-size: 20px !important; line-height: 28px !important; font-weight: 700 !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-content-shell .prose h3 { margin: 20px 0 6px !important; font-size: 16px !important; line-height: 24px !important; font-weight: 700 !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-content-shell .prose p { margin: 0 0 12px !important; font-size: 16px !important; line-height: 26px !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-content-shell .prose :is(ul, ol) { margin: 0 0 12px !important; padding-left: 22px !important; display: grid; gap: 6px; }
body.site-theme-tube .site-content-shell .prose ul { list-style: disc !important; }
body.site-theme-tube .site-content-shell .prose ol { list-style: decimal !important; }
body.site-theme-tube .site-content-shell .prose li { font-size: 16px !important; line-height: 26px !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-content-shell .prose a { color: var(--yt-blue-ink) !important; text-decoration: underline; }
body.site-theme-tube .site-content-shell .prose table { width: 100%; margin: 0 0 16px; border-collapse: collapse; font-size: 14px; }
body.site-theme-tube .site-content-shell .prose :is(th, td) { padding: 8px 12px; border: 1px solid var(--yt-outline); text-align: left; vertical-align: top; font-size: 14px !important; line-height: 20px !important; }
body.site-theme-tube .site-content-shell .prose th { background: var(--yt-surface); font-weight: 700; }
body.site-theme-tube .site-content-shell .prose .prose-note { padding: 12px 16px; border-radius: var(--yt-radius-card); background: var(--yt-surface); color: var(--yt-text-2) !important; font-size: 14px !important; line-height: 21px !important; }

/* --------------------------------------------------------------------------
   11. Mobil alt gezinme
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-mobile-bottom-nav {
    background: var(--yt-bg) !important;
    border-top: 1px solid var(--yt-outline) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
body.site-theme-tube .site-mobile-bottom-nav-item { color: var(--yt-text) !important; gap: 2px; }
body.site-theme-tube .site-mobile-bottom-nav-item .tube-icon { font-size: 24px !important; width: 24px !important; height: 24px !important; }
body.site-theme-tube .site-mobile-bottom-nav-label { font-size: 10px !important; font-weight: 400 !important; color: inherit !important; }
body.site-theme-tube .site-mobile-bottom-nav-item.tube-chip-active { color: var(--yt-brand) !important; }
body.site-theme-tube .site-mobile-bottom-nav-item.tube-chip-active .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }

/* --------------------------------------------------------------------------
   12. Footer (includes/themes/tube/footer.php)
   -------------------------------------------------------------------------- */
body.site-theme-tube .tube-footer {
    --f-bg: #0f0f0f;
    --f-panel: #1c1c1c;
    --f-text: #f1f1f1;
    --f-muted: #aaaaaa;
    --f-line: rgba(255, 255, 255, 0.12);
    margin-top: 64px;
    background: var(--f-bg);
    color: var(--f-muted);
    font-size: var(--yt-body);
    line-height: 20px;
    border-top: 3px solid var(--yt-brand);
}
html.dark body.site-theme-tube .tube-footer { --f-bg: #181818; --f-panel: #242424; }
body.site-theme-tube .tube-footer a { color: var(--f-muted); text-decoration: none; transition: color 0.1s ease; }
body.site-theme-tube .tube-footer a:hover { color: var(--f-text); }
body.site-theme-tube .tube-footer__inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
body.site-theme-tube .tube-footer__grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.6fr) repeat(auto-fit, minmax(150px, 1fr));
    gap: 40px 32px;
    padding: 48px 0 40px;
}
body.site-theme-tube .tube-footer__brand { display: inline-flex; align-items: center; gap: 10px; color: var(--f-text) !important; font-size: 20px; font-weight: 700; letter-spacing: -0.03em; }
body.site-theme-tube .tube-footer__brand img { height: 32px; width: auto; border-radius: 6px; }
body.site-theme-tube .tube-footer__mark { width: 32px; height: 22px; border-radius: 7px; background: var(--yt-brand); display: inline-flex; align-items: center; justify-content: center; color: #fff; }
body.site-theme-tube .tube-footer__mark .tube-icon { font-size: 16px; width: 16px; height: 16px; font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .tube-footer__about { margin: 16px 0 20px; max-width: 360px; color: var(--f-muted); font-size: var(--yt-body) !important; }
body.site-theme-tube .tube-footer__social { display: flex; flex-wrap: wrap; gap: 8px; }
body.site-theme-tube .tube-footer__social a { width: 36px; height: 36px; border-radius: 50%; background: var(--f-panel); display: inline-flex; align-items: center; justify-content: center; color: var(--f-text); }
body.site-theme-tube .tube-footer__social a:hover { background: var(--yt-brand); color: #fff; }
body.site-theme-tube .tube-footer__social svg { width: 16px; height: 16px; }
body.site-theme-tube .tube-footer__title {
    margin: 0 0 16px;
    color: var(--f-text) !important;
    font-size: var(--yt-h4) !important;
    line-height: var(--yt-h4-lh) !important;
    font-weight: 700 !important;
}
body.site-theme-tube .tube-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
body.site-theme-tube .tube-footer__links a { display: inline-flex; align-items: center; gap: 8px; }
body.site-theme-tube .tube-footer__links .tube-icon { font-size: 18px; width: 18px; height: 18px; color: var(--f-muted); }
body.site-theme-tube .tube-footer__links a:hover .tube-icon { color: var(--yt-brand); }
body.site-theme-tube .tube-footer__contact { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--f-line); color: var(--f-muted); font-size: var(--yt-small) !important; line-height: 18px; }
body.site-theme-tube .tube-footer__app { background: var(--f-panel); border-radius: var(--yt-radius-card); padding: 20px; }
body.site-theme-tube .tube-footer__app p { margin: 0 0 16px; color: var(--f-muted); font-size: var(--yt-small) !important; line-height: 18px; }
body.site-theme-tube .tube-footer__store {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    border-radius: var(--yt-radius-btn);
    background: #fff;
    color: #0f0f0f !important;
    font-weight: 600;
    margin-top: 8px;
}
body.site-theme-tube .tube-footer__store:hover { background: #e5e5e5; }
body.site-theme-tube .tube-footer__store--alt { background: transparent; color: var(--f-text) !important; border: 1px solid var(--f-line); }
body.site-theme-tube .tube-footer__store--alt:hover { background: rgba(255, 255, 255, 0.1); }
body.site-theme-tube .tube-footer__store[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }
body.site-theme-tube .tube-footer__store svg { width: 18px; height: 18px; }
body.site-theme-tube .tube-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 0 24px;
    border-top: 1px solid var(--f-line);
    font-size: var(--yt-small);
}
body.site-theme-tube .tube-footer__stats { display: flex; flex-wrap: wrap; gap: 8px; }
body.site-theme-tube .tube-footer__stat { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 14px; background: var(--f-panel); color: var(--f-text); font-weight: 600; }
body.site-theme-tube .tube-footer__stat .tube-icon { font-size: 16px; width: 16px; height: 16px; color: var(--yt-brand); font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .tube-footer__stat small { color: var(--f-muted); font-weight: 400; font-size: inherit; }
body.site-theme-tube .tube-footer__credit { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 767px) {
    body.site-theme-tube .tube-footer { margin-top: 40px; padding-bottom: 72px; }
    body.site-theme-tube .tube-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding: 32px 0 24px; }
    body.site-theme-tube .tube-footer__col--brand,
    body.site-theme-tube .tube-footer__col--app { grid-column: 1 / -1; }
    body.site-theme-tube .tube-footer__bottom { flex-direction: column; align-items: flex-start; }
}

/* --------------------------------------------------------------------------
   14. İkonlar (Material Symbols — tube-icons.js yerleştirir)
   -------------------------------------------------------------------------- */
body.site-theme-tube .tube-icon {
    font-family: "Material Symbols Outlined" !important;
    font-weight: normal !important;
    font-style: normal;
    font-size: 20px;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    overflow: hidden;
    user-select: none;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}
/* İkon adı sayfa metninde yer almaz: data-icon özniteliğinden çizilir.
   Böylece "thumb_up", "whatshot" gibi adlar arama motorlarının ve ekran okuyucuların
   gördüğü metne karışmaz, kopyalanan metne de girmez. */
body.site-theme-tube .tube-icon[data-icon]::before { content: attr(data-icon); }

/* Font yüklenene kadar ikon adı metin olarak görünmesin */
html:not(.tube-icons-ready) body.site-theme-tube .tube-icon { color: transparent !important; }
/* Yerine ikon konan özgün SVG / FontAwesome gizlenir (DOM'da kalır) */
body.site-theme-tube svg[data-tube-replaced],
body.site-theme-tube i[data-tube-replaced] { display: none !important; }
body.site-theme-tube .tube-chip-active > .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
/* Değişmeyen satır içi SVG'ler */
body.site-theme-tube .site-shell svg[stroke="currentColor"]:not([data-tube-replaced]) { stroke-width: 1.75; }

/* --------------------------------------------------------------------------
   4b. Arama kutusu: tek parça hap (giriş + buton aynı çerçevede, taşma yok)
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell .site-header-search form {
    display: flex !important;
    align-items: stretch;
    height: 40px;
    border: 1px solid var(--yt-input-border);
    border-radius: 10px;
    background: var(--yt-bg);
    overflow: hidden;
}
body.site-theme-tube .site-shell .site-header-search form:focus-within { border-color: var(--yt-blue); box-shadow: 0 0 0 1px var(--yt-blue); }
body.site-theme-tube .site-shell .site-header-search form > input {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 38px !important;
    padding: 0 12px 0 16px !important;
    color: var(--yt-text) !important;
    font-size: 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    order: 1;
}
body.site-theme-tube .site-shell .site-header-search form > button {
    position: static !important;
    inset: auto !important;
    order: 2;
    flex: none;
    width: 56px !important;
    height: 38px !important;
    border: 0 !important;
    border-left: 1px solid var(--yt-input-border) !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--yt-text) !important;
    border-radius: 0 !important;
    background: var(--yt-surface) !important;
    transform: none !important;
}
body.site-theme-tube .site-shell .site-header-search form > button:hover { background: var(--yt-surface-hover) !important; }

/* --------------------------------------------------------------------------
   13. Profil sayfası (kanal sayfası düzeni)
   -------------------------------------------------------------------------- */
/* Üst kısım: renkli kapak şeridi + üzerine binen avatar */
body.site-theme-tube .eksi-profile-header {
    position: relative;
    padding: 0 24px 20px !important;
    border: 1px solid var(--yt-outline) !important;
    border-radius: var(--yt-radius-card) !important;
    background: var(--yt-bg) !important;
    overflow: hidden;
}
body.site-theme-tube .eksi-profile-header::before {
    content: "";
    display: block;
    height: 112px;
    margin: 0 -24px;
    background:
        radial-gradient(circle at 12% 120%, rgba(255, 255, 255, 0.22) 0 90px, transparent 91px),
        radial-gradient(circle at 88% -20%, rgba(255, 255, 255, 0.16) 0 120px, transparent 121px),
        linear-gradient(100deg, var(--yt-blue) 0%, var(--yt-purple) 55%, var(--yt-brand) 100%);
}
body.site-theme-tube .eksi-profile-header > div { margin: 0 !important; }
body.site-theme-tube .eksi-profile-header > div > div { align-items: flex-start !important; gap: 16px !important; }
body.site-theme-tube .eksi-profile-header > div > div > div:last-child { padding-top: 16px; }
body.site-theme-tube .eksi-profile-header > div > div > div:first-child { align-items: flex-start !important; gap: 20px !important; }
body.site-theme-tube .eksi-profile-header img.rounded-full,
body.site-theme-tube .eksi-profile-header .relative.group > :is(div, span, a) {
    width: 120px !important;
    height: 120px !important;
    margin-top: -44px;
    border: 4px solid var(--yt-bg) !important;
    border-radius: 50% !important;
    background-color: var(--yt-surface);
    transform: none !important;
    position: relative;
    font-size: 44px !important;
}
body.site-theme-tube .eksi-profile-header .profile-user-meta { padding-top: 12px; }
body.site-theme-tube .eksi-profile-header .profile-name-row { flex-direction: row !important; align-items: center !important; gap: 10px !important; margin-bottom: 2px !important; }
body.site-theme-tube .eksi-profile-header h1 { font-size: var(--yt-h1) !important; line-height: var(--yt-h1-lh) !important; }
body.site-theme-tube .profile-role-badge { height: 22px; padding: 0 8px !important; display: inline-flex !important; align-items: center; border-radius: 6px !important; font-size: var(--yt-small) !important; font-weight: 600 !important; }
body.site-theme-tube .profile-username { color: var(--yt-text-2) !important; font-size: var(--yt-body) !important; margin-bottom: 6px !important; }
body.site-theme-tube .profile-meta-row { flex-direction: row !important; flex-wrap: wrap; gap: 4px 16px !important; color: var(--yt-text-2) !important; font-size: var(--yt-small) !important; }
body.site-theme-tube .profile-meta-row * { color: inherit !important; font-size: inherit !important; }
body.site-theme-tube .profile-bio {
    max-width: 640px;
    margin-top: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    font-style: normal !important;
    color: var(--yt-text) !important;
    font-size: var(--yt-body) !important;
    line-height: 20px;
}
/* Eylemler: takip et = ana eylem, mesaj = ikincil */
body.site-theme-tube .eksi-profile-header :is(.profile-follow-btn, .profile-msg-btn) { height: 36px; padding: 0 16px !important; border-radius: var(--yt-radius-btn) !important; font-size: var(--yt-body) !important; font-weight: 600 !important; }
body.site-theme-tube .site-shell .eksi-profile-header .profile-follow-btn.profile-follow-btn { background: var(--yt-inverse) !important; color: var(--yt-inverse-text) !important; border: 0 !important; }
body.site-theme-tube .site-shell .eksi-profile-header .profile-follow-btn.profile-follow-btn:hover { background: var(--yt-inverse-hover) !important; }
body.site-theme-tube .eksi-profile-header .profile-follow-btn * { color: inherit !important; }
body.site-theme-tube .site-shell .eksi-profile-header .profile-msg-btn.profile-msg-btn { background: var(--yt-surface) !important; color: var(--yt-text) !important; }
body.site-theme-tube .site-shell .eksi-profile-header .profile-msg-btn.profile-msg-btn:hover { background: var(--yt-surface-hover) !important; filter: none; }
body.site-theme-tube .eksi-profile-header .profile-msg-btn * { color: inherit !important; }

/* Sekmeler: alt çizgili kanal sekmeleri */
body.site-theme-tube .eksi-profile-tabs { border: 1px solid var(--yt-outline) !important; border-radius: var(--yt-radius-card) !important; background: var(--yt-bg) !important; overflow: hidden; }
body.site-theme-tube .profile-tabs-nav { gap: 8px !important; padding: 0 16px !important; }
body.site-theme-tube .profile-tab-btn.profile-tab-btn {
    flex: none !important;
    height: 48px;
    padding: 0 12px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--yt-text-2) !important;
    font-size: var(--yt-body) !important;
    font-weight: 600 !important;
    border-bottom: 3px solid transparent !important;
    box-shadow: none !important;
}
body.site-theme-tube .profile-tab-btn.profile-tab-btn:hover { color: var(--yt-text) !important; border-bottom-color: var(--yt-text-3) !important; }
body.site-theme-tube .profile-tab-btn.profile-tab-btn.active { color: var(--yt-text) !important; border-bottom-color: var(--yt-brand) !important; }
body.site-theme-tube .profile-tab-btn > span:first-of-type { color: inherit !important; }
body.site-theme-tube .profile-tab-btn > span + span:not(.tube-icon) { background: var(--yt-surface) !important; color: var(--yt-text-2) !important; border-radius: 10px !important; }
body.site-theme-tube .profile-tab-content { padding: 20px !important; }

/* İstatistik kartları: renkli, büyük rakam */
body.site-theme-tube .profile-stat-card {
    padding: 16px !important;
    text-align: left !important;
    border: 0 !important;
    border-radius: var(--yt-radius-card) !important;
    border-left: 4px solid var(--stat, var(--yt-blue)) !important;
    background: color-mix(in srgb, var(--stat, var(--yt-blue)) var(--yt-tint), var(--yt-bg)) !important;
}
body.site-theme-tube .profile-stat-card--entries { --stat: var(--yt-blue); }
body.site-theme-tube .profile-stat-card--likes { --stat: var(--yt-green); }
body.site-theme-tube .profile-stat-card--dislikes { --stat: var(--yt-red); }
body.site-theme-tube .profile-stat-card--followers { --stat: var(--yt-purple); }
body.site-theme-tube .profile-stat-card > div:first-child { font-size: 28px !important; line-height: 34px !important; font-weight: 700 !important; color: var(--yt-text) !important; }
body.site-theme-tube .profile-stat-card > div:last-child { margin-top: 2px !important; font-size: var(--yt-small) !important; color: var(--yt-text-2) !important; }

/* Aktivite satırları: çizgili liste */
body.site-theme-tube .profile-activity-row { padding: 12px 4px !important; background: transparent !important; border-radius: 0 !important; border-bottom: 1px solid var(--yt-outline); }
body.site-theme-tube .profile-activity-row:last-child { border-bottom: 0; }
body.site-theme-tube .profile-activity-row > span:last-child { font-weight: 700 !important; }
body.site-theme-tube :is(.profile-badges-empty, .profile-empty-state) { background: var(--yt-surface) !important; border-radius: var(--yt-radius-card) !important; padding: 20px !important; }
body.site-theme-tube .eksi-profile-page .profile-tab-content h3 { margin-bottom: 12px !important; }

@media (max-width: 767px) {
    body.site-theme-tube .eksi-profile-header { padding: 0 16px 16px !important; }
    body.site-theme-tube .eksi-profile-header::before { height: 80px; margin: 0 -16px; }
    body.site-theme-tube .eksi-profile-header > div > div,
    body.site-theme-tube .eksi-profile-header > div > div > div:first-child { align-items: flex-start !important; }
    body.site-theme-tube .eksi-profile-header img.rounded-full,
    body.site-theme-tube .eksi-profile-header .relative.group > :is(div, span, a) { width: 88px !important; height: 88px !important; margin-top: -36px; font-size: 32px !important; }
    body.site-theme-tube .eksi-profile-header .profile-user-meta { padding-top: 0; }
}

/* Mobil üst bar: "başlık aç" yalnızca ikon (taşma olmaz) + ön yükleyici marka renginde */
@media (max-width: 767px) {
    body.site-theme-tube .site-shell .site-topbar-row { gap: 4px !important; }
    body.site-theme-tube .site-shell .site-topbar-row a.site-header-main-btn.eksi-nav-topic.eksi-nav-topic { width: 36px; min-width: 36px; padding: 0 !important; justify-content: center; border-radius: 50% !important; }
    body.site-theme-tube .site-shell .site-topbar-row a.site-header-main-btn.eksi-nav-topic > span:not(.tube-icon) { display: none !important; }
    body.site-theme-tube .site-shell .site-topbar-row > a:first-child > span { font-size: 18px !important; }
}
body.site-theme-tube #page-preloader { background: var(--yt-page) !important; }
body.site-theme-tube #page-preloader .spinner { border-color: var(--yt-surface-hover) !important; border-top-color: var(--yt-brand) !important; }

/* --------------------------------------------------------------------------
   15. Düzen ince ayarları
   -------------------------------------------------------------------------- */
/* Arama sonuçları kutunun ALTINDA açılır */
body.site-theme-tube .site-shell .site-header-search .site-header-search-results {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    margin-top: 0 !important;
    padding: 6px 0 !important;
}
body.site-theme-tube .site-header-search-results a { font-size: var(--yt-body) !important; }
body.site-theme-tube .site-header-search-results a:hover { background: var(--yt-hover) !important; }

/* Orta sütun, soldaki gündem kartıyla aynı hizada başlar */
body.site-theme-tube .site-primary-content > .container,
body.site-theme-tube .site-primary-content > :is(.py-6, .py-8, .py-4, .pt-6):first-child,
body.site-theme-tube .site-home-content > :is(.py-6, .py-8, .py-4, .pt-6):first-child {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: none !important;
}
body.site-theme-tube .site-main-grid > :is(.site-primary-content, .site-home-content) > :first-child { margin-top: 0 !important; }

/* Sayfa başı kartındaki bilgi kutusu (ör. itiraf köşesi): kartın sağında kompakt not */
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) {
    border-width: 1px !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) > div:first-child { flex: 1 1 240px; gap: 12px !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) > div:not(:first-child):has(p) {
    flex: 0 1 380px;
    padding: 8px 12px !important;
    border-radius: var(--yt-radius-chip) !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1):not(:has(form, textarea, table)) > div:not(:first-child):has(p) p { font-size: var(--yt-small) !important; line-height: 17px !important; margin: 0 !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1):not(:has(form, textarea, table)) > div:first-child > .tube-icon { font-size: 28px !important; width: 28px !important; height: 28px !important; }

/* Daha az oval: hap yerine hafif yuvarlatılmış köşeler */
body.site-theme-tube .tube-vote-btn { border-radius: var(--yt-radius-btn) !important; }
body.site-theme-tube .tube-footer__store,
body.site-theme-tube .tube-footer__stat { border-radius: var(--yt-radius-btn); }
body.site-theme-tube #cookie-consent .cc-buton { border-radius: var(--yt-radius-btn) !important; }
body.site-theme-tube :is(.entry-content, .standard-text) { font-size: 16px !important; line-height: 24px !important; }

/* Tekli entry görünümü: "N entry daha" düğmeleri */
body.site-theme-tube .entry-focus-more {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid var(--yt-outline);
    border-radius: var(--yt-radius-btn);
    background: var(--yt-bg);
    color: var(--yt-blue-ink);
    font-size: var(--yt-body);
    font-weight: 600;
}
body.site-theme-tube .entry-focus-more:hover { background: var(--yt-blue-soft); border-color: var(--yt-blue-line); }
body.site-theme-tube .entry-focus-target { border-color: var(--yt-blue-line) !important; }

/* --------------------------------------------------------------------------
   16. Eski tasarım kalıntıları
   -------------------------------------------------------------------------- */
/* Kaynakta BÜYÜK HARFLE yazılmış etiket ve butonlar → sözlük usulü küçük harf */
body.site-theme-tube .site-shell .uppercase { text-transform: lowercase !important; letter-spacing: normal !important; }
body.site-theme-tube .site-shell :is(label, h2, h3, h4, th, p, div).uppercase::first-letter { text-transform: uppercase; }

/* Renksiz sayfa başı kartlarında ikon kutusu marka mavisi olur */
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) :is(.bg-gray-100, .bg-gray-50, .bg-slate-100):is(.w-10, .w-11, .w-12, .w-14, .w-16) {
    background-color: var(--yt-blue) !important;
    border-radius: 10px !important;
    width: 40px !important;
    height: 40px !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1):not(:has(form, textarea, table)) :is(.bg-gray-100, .bg-gray-50, .bg-slate-100):is(.w-10, .w-11, .w-12, .w-14, .w-16) > :is(.tube-icon, svg) {
    color: #fff !important;
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}

/* Menü ile içerik arasındaki boş reklam alanı yer kaplamasın */
body.site-theme-tube .site-shell > .container.mt-6:not(:has(img, iframe, ins, a, video)) { display: none !important; }
body.site-theme-tube .site-shell > .site-content-shell { padding-top: 12px !important; }
body.site-theme-tube .site-shell .site-menu-wrap { padding-top: 8px !important; padding-bottom: 0 !important; }

/* Entry yazma araç çubuğu */
body.site-theme-tube .site-shell form :is(button[type="button"]).bg-white.text-xs { height: 32px; padding: 0 10px !important; font-size: var(--yt-small) !important; }

/* --------------------------------------------------------------------------
   17. Kaymasız yükleme + yükleniyor göstergesi
   -------------------------------------------------------------------------- */
/* Source Sans Pro gelene kadar aynı genişlikte ayarlanmış yedek yazı tipi (metin kaymaz) */
@font-face {
    font-family: "Tube Fallback";
    src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
    size-adjust: 93.6%;
    ascent-override: 105%;
    descent-override: 29%;
    line-gap-override: 0%;
}
body.site-theme-tube { --yt-font: "Source Sans Pro", "Source Sans 3", "Tube Fallback", "Helvetica Neue", Arial, sans-serif; }

/* Üst bar ve menü satırı için sabit yükseklik: içerik geç gelse de sayfa kaymaz */
body.site-theme-tube .site-main-header { min-height: 57px; }
body.site-theme-tube .site-shell .site-menu-wrap { min-height: 56px; }
body.site-theme-tube .site-shell .site-menu-wrap .site-menu-strip { min-height: 48px; }
body.site-theme-tube .site-menu-scroll { min-height: 40px; }

/* İkonlar yerleşene kadar özgün SVG aynı boyutta yer tutar ama görünmez (eski ikon parlaması olmaz) */
html:not(.tube-icons-scanned) body.site-theme-tube .site-shell svg[stroke="currentColor"][viewBox="0 0 24 24"] { visibility: hidden; animation: tube-reveal 0s 2s forwards; }
@keyframes tube-reveal { to { visibility: visible; } }
body.site-theme-tube .site-menu-scroll a > svg:not([data-tube-replaced]) { width: 18px !important; height: 18px !important; flex: none; }

/* Sayfa geçişlerinde üstte ilerleme çubuğu */
#tube-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    height: 3px;
    width: 0;
    background: var(--yt-brand, #ff0033);
    box-shadow: 0 0 8px rgba(255, 0, 51, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: width 0.2s ease, opacity 0.3s ease;
}
#tube-progress.is-active { opacity: 1; width: 85%; transition: width 8s cubic-bezier(0.1, 0.6, 0.2, 1), opacity 0.1s ease; }
#tube-progress.is-done { opacity: 0; width: 100%; transition: width 0.2s ease, opacity 0.4s ease 0.2s; }

/* Sonradan yüklenen alanlar (gündem, sonsuz kaydırma) için dönen gösterge */
body.site-theme-tube [aria-busy="true"]::before {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--yt-surface-hover);
    border-top-color: var(--yt-brand);
    animation: tube-spin 0.7s linear infinite;
}
body.site-theme-tube [aria-busy="true"] { position: relative; min-height: 48px; }
body.site-theme-tube [aria-busy="true"]::before { position: absolute; top: 14px; left: calc(50% - 9px); }
@keyframes tube-spin { to { transform: rotate(360deg); } }

/* --------------------------------------------------------------------------
   18. Geniş, duyarlı sayfa düzeni
       Yan paneller sabit genişlikte ve kenarlara yakın; orta içerik kalan alanı doldurur.
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell .container {
    width: 100% !important;
    max-width: 1920px !important;
}
@media (min-width: 1024px) {
    body.site-theme-tube .site-shell .container { padding-left: 20px !important; padding-right: 20px !important; }
    body.site-theme-tube .site-main-grid {
        grid-template-columns: var(--yt-side-left, 272px) minmax(0, 1fr) !important;
        gap: 20px !important;
    }
    body.site-theme-tube .site-main-grid > .site-left-sidebar { grid-column: 1 !important; }
    body.site-theme-tube .site-main-grid > :not(.site-left-sidebar, .fixed, .sr-only) { grid-column: 2 !important; min-width: 0; }
    body.site-theme-tube :is(.site-home-content, .eksi-topic-layout) {
        grid-template-columns: minmax(0, 1fr) var(--yt-side-right, 288px) !important;
        gap: 20px !important;
    }
    body.site-theme-tube :is(.eksi-home-main, .eksi-topic-main) { grid-column: 1 !important; min-width: 0; }
    body.site-theme-tube :is(.eksi-home-right, .eksi-topic-right) { grid-column: 2 !important; }
}
@media (min-width: 1440px) {
    body.site-theme-tube { --yt-side-left: 300px; --yt-side-right: 320px; }
    body.site-theme-tube .site-shell .container { padding-left: 28px !important; padding-right: 28px !important; }
    body.site-theme-tube .site-main-grid,
    body.site-theme-tube :is(.site-home-content, .eksi-topic-layout) { gap: 24px !important; }
    body.site-theme-tube .site-header-search { max-width: 720px; }
}
@media (min-width: 1800px) {
    body.site-theme-tube { --yt-side-left: 328px; --yt-side-right: 344px; }
}

/* --------------------------------------------------------------------------
   19. Bildirim menüsü
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell .site-notification-dropdown { width: 360px !important; min-width: 0 !important; max-width: calc(100vw - 24px); padding: 0 !important; overflow: hidden; }
body.site-theme-tube .site-shell .site-notification-dropdown > div { padding: 12px 16px !important; background: transparent !important; }
body.site-theme-tube .site-shell .site-notification-dropdown > div:first-child { border-bottom: 1px solid var(--yt-outline) !important; }
body.site-theme-tube .site-shell .site-notification-dropdown > div:last-child { border-top: 1px solid var(--yt-outline) !important; }
body.site-theme-tube .site-shell .site-notification-dropdown > div:nth-child(2) { padding: 0 !important; max-height: 420px; }
body.site-theme-tube .site-shell .site-notification-dropdown h3 { font-size: var(--yt-h3) !important; font-weight: 700 !important; }
body.site-theme-tube .site-shell .site-notification-dropdown > div:nth-child(2) > div.text-center { justify-content: center; padding: 28px 16px !important; color: var(--yt-text-2) !important; }
body.site-theme-tube .site-shell .site-notification-dropdown > div:last-child > a {
    display: inline-flex !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: var(--yt-blue-ink) !important;
    font-size: var(--yt-body) !important;
    font-weight: 600 !important;
    background: transparent !important;
}
body.site-theme-tube .site-shell .site-notification-dropdown > div:last-child > a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------
   20. Mesajlar sayfası: gündem paneli yok, tam genişlik iki sütun
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-main-grid:has(.conversations-list) { grid-template-columns: minmax(0, 1fr) !important; }
body.site-theme-tube .site-main-grid:has(.conversations-list) > .site-left-sidebar { display: none !important; }
body.site-theme-tube .site-main-grid:has(.conversations-list) > :not(.site-left-sidebar, .fixed, .sr-only) { grid-column: 1 !important; }
body.site-theme-tube .site-primary-content > div:has(> .grid > .flex > .conversations-list) {
    height: calc(100dvh - 190px) !important;
    min-height: 480px;
    border: 1px solid var(--yt-outline) !important;
}
@media (min-width: 768px) {
    body.site-theme-tube .site-primary-content > div > .grid:has(> .flex > .conversations-list) { grid-template-columns: minmax(280px, 380px) minmax(0, 1fr) !important; }
    body.site-theme-tube .site-primary-content > div > .grid:has(> .flex > .conversations-list) > * { grid-column: auto !important; }
}
/* Sol sütun: sohbet listesi */
body.site-theme-tube .grid > .flex:has(> .conversations-list) > div:first-child { padding: 16px !important; background: var(--yt-bg) !important; }
body.site-theme-tube .grid > .flex:has(> .conversations-list) > div:first-child h2 { font-size: var(--yt-h2) !important; }
body.site-theme-tube .grid > .flex:has(> .conversations-list) > div:first-child p { font-size: var(--yt-small) !important; color: var(--yt-text-2) !important; margin-top: 2px !important; }
body.site-theme-tube .conversations-list > a {
    padding: 12px 16px !important;
    border-bottom: 1px solid var(--yt-outline) !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
}
body.site-theme-tube .conversations-list > a:hover { background: var(--yt-hover) !important; }
/* Okunmamış / seçili sohbet */
body.site-theme-tube .conversations-list > a:is(.bg-green-50, .bg-blue-50, .bg-gray-100) { background: var(--yt-blue-soft) !important; border-left-color: var(--yt-blue) !important; }
/* Sağ sütun: sohbet */
body.site-theme-tube .grid:has(> .flex > .conversations-list) > div:last-child > .bg-gray-50 { background: var(--yt-page) !important; }
body.site-theme-tube .grid:has(> .flex > .conversations-list) :is(.text-4xl, .text-6xl) { font-size: 40px !important; line-height: 48px !important; }

/* --------------------------------------------------------------------------
   21. Buton ve ikon standardı
       Normal buton 36px, küçük buton 30px, yalnız-ikon buton 32×32.
       Buton içi ikon 18px (küçükte 16px). Tüm sayfalarda aynı.
   -------------------------------------------------------------------------- */
body.site-theme-tube {
    --yt-btn-h: 36px;
    --yt-btn-h-sm: 30px;
    --yt-icon-btn: 32px;
}
/* Eski stil dosyasının tüm butonlara verdiği 44×44 asgari boyutu kaldır */
body.site-theme-tube :where(button, a.button, a.icon-button, input[type="button"], input[type="submit"], .btn) {
    min-height: 0;
    min-width: 0;
}

/* Metinli butonlar */
body.site-theme-tube :is(.site-content-shell, .fixed) :is(button, a, [type="submit"]):is([class*=" bg-"], [class^="bg-"]):is([class*=" px-"], [class^="px-"]):not(.tube-switch) {
    height: var(--yt-btn-h);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
}
body.site-theme-tube :is(.site-content-shell, .fixed) :is(button, a, [type="submit"]):is([class*=" bg-"], [class^="bg-"]):is([class*=" px-"], [class^="px-"]).w-full { display: flex; }
body.site-theme-tube :is(.site-content-shell, .fixed) :is(button, a, [type="submit"]):is([class*=" bg-"], [class^="bg-"]):is([class*=" px-"], [class^="px-"]):is(.text-xs, .text-\[10px\], .text-\[11px\], .py-0\.5, .py-1) {
    height: var(--yt-btn-h-sm);
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: var(--yt-small) !important;
}
/* Buton içi ikonlar: tek boyut */
body.site-theme-tube :is(.site-content-shell, .fixed) :is(button, a):not(.tube-icon-btn) > .tube-icon,
body.site-theme-tube .tube-btn-icon {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}
body.site-theme-tube :is(.site-content-shell, .fixed) :is(button, a):is(.text-xs, .text-\[10px\], .text-\[11px\], .py-0\.5, .py-1):not(.tube-icon-btn) > .tube-icon {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

/* Yalnızca ikon içeren butonlar */
body.site-theme-tube .site-content-shell .tube-icon-btn,
body.site-theme-tube .fixed .tube-icon-btn {
    width: var(--yt-icon-btn) !important;
    height: var(--yt-icon-btn) !important;
    min-width: var(--yt-icon-btn);
    padding: 0 !important;
    border-radius: var(--yt-radius-btn) !important;
    color: var(--yt-text-2);
}
body.site-theme-tube .site-content-shell .tube-icon-btn:hover { background: var(--yt-hover) !important; color: var(--yt-text) !important; }
body.site-theme-tube :is(.site-content-shell, .fixed) .tube-icon-btn > .tube-icon { font-size: 20px !important; width: 20px !important; height: 20px !important; }

/* Oy butonları: küçük buton standardı */
body.site-theme-tube .site-shell .tube-vote-btn {
    height: var(--yt-btn-h-sm) !important;
    min-width: 0 !important;
    padding: 0 10px 0 8px !important;
    gap: 5px !important;
    font-size: var(--yt-small) !important;
}
body.site-theme-tube .site-shell .tube-vote-btn .tube-icon { font-size: 16px !important; width: 16px !important; height: 16px !important; }

/* Entry yazma araç çubuğu (bkz, gizli bkz, link, resim, video): hepsi aynı boy, ikon solda */
body.site-theme-tube .site-shell form :is(button[type="button"], label[for]):has(> .tube-icon):not(.tube-switch, .tube-vote-btn) {
    height: var(--yt-icon-btn) !important;
    min-width: var(--yt-icon-btn);
    width: auto !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
    border: 1px solid var(--yt-outline) !important;
    border-radius: var(--yt-radius-btn) !important;
    background: var(--yt-bg) !important;
    color: var(--yt-text-2) !important;
    font-size: var(--yt-small) !important;
    font-weight: 600 !important;
}
body.site-theme-tube .site-shell form :is(button[type="button"], label[for]):has(> .tube-icon):not(.tube-switch, .tube-vote-btn):hover { background: var(--yt-surface) !important; color: var(--yt-text) !important; filter: none; }
body.site-theme-tube .site-shell form button[type="button"]:has(> .tube-icon):not(.tube-switch, .tube-vote-btn) > .tube-icon { order: -1; font-size: 18px !important; width: 18px !important; height: 18px !important; color: inherit !important; }
body.site-theme-tube .site-shell form button[type="button"]:has(> .tube-icon) > span:not(.tube-icon, .sr-only) {
    padding: 0 !important;
    border: 0 !important;
    font-size: var(--yt-small) !important;
    font-weight: 600 !important;
    color: inherit !important;
}

/* --------------------------------------------------------------------------
   22. Aç/kapa anahtarları
   -------------------------------------------------------------------------- */
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform) {
    position: relative;
    width: 44px !important;
    height: 24px !important;
    min-width: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--yt-text-3) !important;
    outline: none !important;
    box-shadow: none !important;
    flex: none;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    transition: background-color 0.15s ease !important;
}
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform):focus-visible { box-shadow: 0 0 0 2px var(--yt-bg), 0 0 0 4px var(--yt-blue) !important; }
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform) > span.rounded-full {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    transform: translateX(3px) !important;
    transition: transform 0.15s ease !important;
}
/* Açık durum */
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform):is(.bg-green-500, .bg-green-600, .bg-blue-500, .bg-blue-600, [aria-checked="true"], [aria-pressed="true"]) { background: var(--yt-blue) !important; }
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform) > span.rounded-full:is(.translate-x-6, .translate-x-7, .translate-x-8) { transform: translateX(23px) !important; }
body.site-theme-tube button.rounded-full:has(> span.rounded-full.transform) > .tube-icon { display: none !important; }

/* --------------------------------------------------------------------------
   23. Koyu mod: eski stil dosyasının lacivert tonları yerine tema renkleri
   -------------------------------------------------------------------------- */
html.dark body.site-theme-tube {
    --bg-primary: var(--yt-page);
    --bg-secondary: var(--yt-bg);
    --bg-tertiary: var(--yt-surface);
    --text-primary: var(--yt-text);
    --text-secondary: var(--yt-text-2);
    --text-tertiary: var(--yt-text-3);
    --border-color: var(--yt-outline);
    --border-hover: var(--yt-text-3);
    color-scheme: dark;
}
html.dark body.site-theme-tube :is(.bg-white, [class*="bg-white"]):not(.tube-keep, [class*="bg-white/1"], [class*="bg-white/2"], [class*="bg-white/3"], [class*="bg-white/5"]) { background-color: var(--yt-bg) !important; }
html.dark body.site-theme-tube :is(.bg-gray-50, .bg-gray-100, .bg-slate-50, .bg-slate-100) { background-color: var(--yt-surface) !important; }
html.dark body.site-theme-tube :is(.bg-gray-200, .bg-gray-300) { background-color: var(--yt-surface-hover) !important; }
html.dark body.site-theme-tube :is(.rounded-lg, .rounded-xl):not([class*="bg-"], [class*="from-"], button, a, input, textarea, select, img) { background-color: transparent; }
html.dark body.site-theme-tube :is(input, textarea, select):not(.site-header-search input) { background-color: var(--yt-page) !important; color: var(--yt-text) !important; border-color: var(--yt-input-border) !important; }
html.dark body.site-theme-tube :is(.border-b, .border-t, .border-l-4, .border, .border-2):not([class*="border-l-green"], [class*="border-l-blue"]) { border-color: var(--yt-outline) !important; }
html.dark body.site-theme-tube .site-main-header { background: var(--yt-page) !important; }
html.dark body.site-theme-tube nav { background-color: transparent; }
html.dark body.site-theme-tube img { opacity: 1 !important; filter: none !important; }

/* --------------------------------------------------------------------------
   24. Dolu renkli sayfa başı kartları (rehber, işletmeler, pazar)
       İçerik tek bir sarmalayıcıdaysa o sarmalayıcı kartın tamamını kaplar:
       başlık solda, eylem butonları sağda tek satırda.
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > .absolute { display: none !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):not(.eksi-profile-header, .eksi-profile-tabs, .eksi-topic-header-card):has(> div h1):not(:has(form, textarea, table)) > div.relative {
    flex: 1 1 100% !important;
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px 24px !important;
    padding: 0 !important;
}
/* Yalnızca ikon + başlıktan oluşan sayfa başı (ör. "Yeni Entry"): eylem butonu yoktur,
   başlık ikonun hemen yanında durur */
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > div.relative:has(> :is(.w-10, .w-11, .w-12, .w-14, .w-16):first-child):not(:has(> :nth-child(3))) {
    justify-content: flex-start !important;
    flex-wrap: nowrap;
    gap: 16px !important;
}
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > div.relative > div { margin: 0 !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > div.relative h1 { margin: 0 !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > div.relative h1 + p { margin: 0 !important; font-size: var(--yt-small) !important; line-height: 17px !important; }
body.site-theme-tube .site-content-shell :is(.rounded-lg, .rounded-xl, .rounded-2xl, .rounded-3xl):has(> div h1) > div.relative .flex-wrap { justify-content: flex-end !important; gap: 8px !important; }
/* Renkli zemin üzerindeki yarı saydam butonlar */
body.site-theme-tube .site-content-shell :is(a, button):is(.bg-white\/10, .bg-white\/15, .bg-white\/20, .bg-white\/25, .bg-white\/30) {
    background-color: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
    border: 0 !important;
}
body.site-theme-tube .site-content-shell :is(a, button):is(.bg-white\/10, .bg-white\/15, .bg-white\/20, .bg-white\/25, .bg-white\/30):hover { background-color: rgba(255, 255, 255, 0.28) !important; filter: none; }
body.site-theme-tube .site-content-shell :is(a, button):is(.bg-white\/10, .bg-white\/15, .bg-white\/20, .bg-white\/25, .bg-white\/30) * { color: inherit !important; }
/* Kategori satırları (rehber, pazar): küçük buton standardı */
body.site-theme-tube :is(.eksi-business-categories, .eksi-market-categories) > a {
    height: var(--yt-btn-h-sm) !important;
    padding: 0 12px !important;
    font-size: var(--yt-small) !important;
    flex: none;
}

/* Dosya seçme düğmesi: küçük buton standardı (açık ve koyu modda) */
body.site-theme-tube input[type="file"] { color: var(--yt-text-2) !important; font-size: var(--yt-small) !important; }
body.site-theme-tube input[type="file"]::file-selector-button {
    height: var(--yt-btn-h-sm);
    margin-right: 12px;
    padding: 0 12px;
    border: 0;
    border-radius: var(--yt-radius-btn);
    background: var(--yt-surface) !important;
    color: var(--yt-text) !important;
    font-family: var(--yt-font);
    font-size: var(--yt-small);
    font-weight: 600;
    cursor: pointer;
}
body.site-theme-tube input[type="file"]::file-selector-button:hover { background: var(--yt-surface-hover) !important; }

/* --------------------------------------------------------------------------
   25. Oy butonları: beğeni yumuşak yeşil, beğenmeme yumuşak kırmızı
       Oy verilmişse renk koyulaşır ve ikon dolu olur.
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--up {
    background: var(--yt-green-soft) !important;
    color: var(--yt-green-ink) !important;
}
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--down {
    background: var(--yt-red-soft) !important;
    color: var(--yt-red-ink) !important;
}
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--up:hover { background: color-mix(in srgb, var(--yt-green) 18%, var(--yt-bg)) !important; }
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--down:hover { background: color-mix(in srgb, var(--yt-red) 18%, var(--yt-bg)) !important; }
/* Oy verilmiş durum */
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--up:is(.text-green-500, .text-green-600) {
    background: color-mix(in srgb, var(--yt-green) 24%, var(--yt-bg)) !important;
    color: var(--yt-green-ink) !important;
}
body.site-theme-tube .site-shell .tube-vote-btn.tube-vote-btn--down:is(.text-purple-500, .text-purple-600, .text-red-500, .text-red-600) {
    background: color-mix(in srgb, var(--yt-red) 24%, var(--yt-bg)) !important;
    color: var(--yt-red-ink) !important;
}
body.site-theme-tube .site-shell .tube-vote-btn:is(.text-green-500, .text-green-600, .text-purple-500, .text-purple-600, .text-red-500, .text-red-600) { font-weight: 700 !important; }

/* --------------------------------------------------------------------------
   26. Bildirim menüsü: ferah satırlar (kullanıcı menüsü kuralları buraya uygulanmaz)
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell :is(.site-header-actions, .site-mobile-actions) .site-notification-dropdown.site-notification-dropdown > div { padding: 14px 16px !important; }
body.site-theme-tube .site-shell :is(.site-header-actions, .site-mobile-actions) .site-notification-dropdown.site-notification-dropdown > div:nth-child(2) { padding: 0 !important; }
body.site-theme-tube .site-shell .site-notification-dropdown.site-notification-dropdown > div:nth-child(2) > div:not(.text-center) { display: block !important; padding: 0 !important; border: 0 !important; }
body.site-theme-tube .site-shell :is(.site-header-actions, .site-mobile-actions) .site-notification-dropdown a.site-notification-item.site-notification-item {
    display: block !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--yt-outline) !important;
    border-radius: 0 !important;
    background: transparent !important;
    white-space: normal;
}
body.site-theme-tube .site-shell .site-notification-dropdown a.site-notification-item.site-notification-item:last-child { border-bottom: 0 !important; }
body.site-theme-tube .site-shell :is(.site-header-actions, .site-mobile-actions) .site-notification-dropdown a.site-notification-item.site-notification-item.bg-blue-50 { background: var(--yt-blue-soft) !important; }
body.site-theme-tube .site-shell :is(.site-header-actions, .site-mobile-actions) .site-notification-dropdown a.site-notification-item.site-notification-item:hover { background: var(--yt-hover) !important; }
body.site-theme-tube .site-notification-row { gap: 12px !important; align-items: flex-start !important; }
body.site-theme-tube .site-notification-row > :first-child { flex: none; }
body.site-theme-tube .site-shell .site-notification-dropdown .site-notification-text {
    font-size: var(--yt-body) !important;
    line-height: 21px !important;
    font-weight: 400 !important;
    color: var(--yt-text) !important;
    white-space: normal;
}
body.site-theme-tube .site-shell .site-notification-dropdown .site-notification-time {
    display: block;
    margin-top: 4px !important;
    font-size: var(--yt-small) !important;
    font-weight: 400 !important;
    color: var(--yt-text-2) !important;
}
body.site-theme-tube .site-shell .site-notification-dropdown .site-notification-item span { font-weight: inherit; }

/* --------------------------------------------------------------------------
   27. Arama sayfası ve başlık kuralları kutusu
   -------------------------------------------------------------------------- */
body.site-theme-tube .search-mark { background: color-mix(in srgb, var(--yt-orange) 30%, transparent); }
body.site-theme-tube .topic-rules-box summary { list-style: none; display: flex; align-items: center; gap: 8px; }
body.site-theme-tube .topic-rules-box summary::-webkit-details-marker { display: none; }
body.site-theme-tube .topic-rules-box summary::before {
    content: "expand_more";
    font-family: "Material Symbols Outlined";
    font-size: 20px;
    line-height: 1;
    color: var(--yt-text-2);
    transition: transform 0.15s ease;
}
body.site-theme-tube .topic-rules-box details[open] summary::before { transform: rotate(180deg); }
body.site-theme-tube .topic-rules h4 { margin-bottom: 4px !important; }
body.site-theme-tube .topic-rules :is(p, li) { font-size: var(--yt-body) !important; line-height: 21px; color: var(--yt-text) !important; }

/* --------------------------------------------------------------------------
   28. Üzerine gelince kaybolan buton metinleri
       Eski stil dosyasındaki "a:hover { color: birincil renk }" kuralı, mavi zeminli
       bağlantı-butonların metnini zeminle aynı renge çeviriyordu.
   -------------------------------------------------------------------------- */
body.site-theme-tube a.text-white:hover,
body.site-theme-tube a.text-white:hover > :is(span, .tube-icon),
body.site-theme-tube a:is([class*=" bg-"], [class^="bg-"]).text-white:focus { color: #fff !important; }
body.site-theme-tube .site-shell a:is(.bg-gray-700, .bg-gray-800, .bg-gray-900, .bg-black, .bg-slate-700, .bg-slate-800, .bg-slate-900):hover { color: var(--yt-inverse-text) !important; }
body.site-theme-tube a:not([class*="text-"]):hover { color: var(--yt-link); }

/* Profil: "takip et" ana eylem butonu (metin her durumda görünür) */
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn,
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn > :is(span, .tube-icon) {
    color: var(--yt-inverse-text) !important;
}
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn { background: var(--yt-inverse) !important; border: 0 !important; }
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn:hover { background: var(--yt-inverse-hover) !important; }
/* Takip ediliyorsa ikincil görünüm */
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn:is(.bg-green-50, .bg-green-100, .bg-gray-100, .bg-red-50),
body.site-theme-tube .site-shell .eksi-profile-header button.profile-follow-btn.profile-follow-btn.profile-follow-btn:is(.bg-green-50, .bg-green-100, .bg-gray-100, .bg-red-50) > :is(span, .tube-icon) {
    background: var(--yt-surface) !important;
    color: var(--yt-text) !important;
}

/* --------------------------------------------------------------------------
   29. Kompakt entry kartı
       Yazar ve zaman ayrı bir alt satır yerine oy butonlarıyla aynı satırda, sağda durur.
   -------------------------------------------------------------------------- */
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 12px;
    padding: 14px 16px 12px !important;
}
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > * { flex: 0 0 100%; min-width: 0; }
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > :is(.entry-content, a.block) { margin-bottom: 10px !important; }
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > a.block { margin-bottom: 6px !important; }
/* Eylem satırı (oy, paylaş, diğer) */
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:nth-last-child(2) {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    gap: 4px !important;
}
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:nth-last-child(2) > div { gap: 6px !important; }
/* Yazar + zaman: aynı satırın sağında */
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:last-child {
    flex: 1 1 200px;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: var(--yt-btn-h-sm);
}
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:last-child > :last-child:not(:first-child)::before {
    content: "·";
    margin-right: 10px;
    color: var(--yt-text-3);
}
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:last-child :is(a, span, div) { font-size: var(--yt-small) !important; }
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:last-child a:not(.rounded-full) { color: var(--yt-text) !important; font-weight: 600 !important; }
body.site-theme-tube :is(.entry-card, .eksi-topic-entry-card, .eksi-profile-entry-card) > div.flex.justify-between:last-child .rounded-full:is(a, div, span, img) { width: 22px !important; height: 22px !important; font-size: 11px !important; }

/* --------------------------------------------------------------------------
   30. Görsel penceresi: sade, tam ekran ışık kutusu
   -------------------------------------------------------------------------- */
body.site-theme-tube .image-modal { z-index: 100000 !important; }
body.site-theme-tube .image-modal-overlay {
    background: rgba(8, 8, 8, 0.9) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
body.site-theme-tube .image-modal-content {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 56px 24px 64px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* boş alana tıklayınca alttaki katman kapatır */
}
body.site-theme-tube .image-modal-content > * { pointer-events: auto; }
body.site-theme-tube :is(.image-modal-body, .modal-media-container, .image-wrapper) {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
body.site-theme-tube #modal-image {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: min(92vw, 1400px) !important;
    max-height: calc(100dvh - 120px) !important;
    object-fit: contain;
    border-radius: 10px !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
    background: #111;
}
/* Tek, küçük kapatma düğmesi */
body.site-theme-tube .image-modal-close {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
}
body.site-theme-tube .image-modal-close:hover { background: rgba(255, 255, 255, 0.24) !important; }
body.site-theme-tube .image-modal-close > * { display: none !important; }
body.site-theme-tube .image-modal-close::before {
    content: "close";
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    line-height: 1;
    font-feature-settings: "liga";
}
/* Görüntülenme sayısı: altta ortada ince bir etiket */
body.site-theme-tube .image-info.image-info--overlay {
    position: fixed !important;
    inset: auto auto 16px 50% !important;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 12px !important;
    height: 30px;
    display: inline-flex !important;
    align-items: center;
    border: 0 !important;
    border-radius: var(--yt-radius-btn) !important;
    background: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: none !important;
    white-space: nowrap;
}
body.site-theme-tube .image-info.image-info--overlay > span { font-size: 0 !important; display: inline-flex; align-items: center; gap: 6px; color: inherit !important; }
body.site-theme-tube .image-info.image-info--overlay > span::before {
    content: "visibility";
    font-family: "Material Symbols Outlined";
    font-size: 16px;
    line-height: 1;
    font-feature-settings: "liga";
}
body.site-theme-tube .image-info.image-info--overlay #view-count { font-size: var(--yt-small) !important; font-weight: 600; color: inherit !important; }
body.site-theme-tube .image-info.image-info--overlay > span::after { content: "görüntülenme"; font-size: var(--yt-small); }

/* --------------------------------------------------------------------------
   32. Favori ve başlık takibi
   -------------------------------------------------------------------------- */
body.site-theme-tube .entry-fav-btn.is-active { color: var(--yt-orange-ink) !important; background: var(--yt-orange-soft) !important; }
body.site-theme-tube .entry-fav-btn.is-active .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .site-shell .topic-follow-btn.topic-follow-btn { background: var(--yt-surface) !important; color: var(--yt-text) !important; border: 0 !important; }
body.site-theme-tube .site-shell .topic-follow-btn.topic-follow-btn:hover { background: var(--yt-surface-hover) !important; }
body.site-theme-tube .site-shell .topic-follow-btn.topic-follow-btn.is-active { background: var(--yt-blue-soft) !important; color: var(--yt-blue-ink) !important; }
body.site-theme-tube .site-shell .topic-follow-btn * { color: inherit !important; }
body.site-theme-tube .topic-follow-btn.is-active .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .entry-action-toast { background: var(--yt-inverse); color: var(--yt-inverse-text); border-radius: var(--yt-radius-btn); font-size: var(--yt-body); }

/* Başlık kartı: başlık geniş kalır, butonlar sığmazsa alt satıra iner */
body.site-theme-tube .eksi-topic-header-card > div:first-child { flex-wrap: wrap; row-gap: 8px; }
body.site-theme-tube .eksi-topic-header-card > div:first-child > h1 { flex: 1 1 320px; min-width: 0; }

/* --------------------------------------------------------------------------
   33. Fotoğraflılar: menüde farklı renkte çip + video ızgarası düzeninde kartlar
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-shell .site-menu-scroll a.site-nav-photos.site-nav-photos {
    background: var(--yt-pink-soft) !important;
    color: var(--yt-pink-ink) !important;
    box-shadow: inset 0 0 0 1px var(--yt-pink-line) !important;
}
body.site-theme-tube .site-shell .site-menu-scroll a.site-nav-photos.site-nav-photos:hover { background: color-mix(in srgb, var(--yt-pink) 18%, var(--yt-bg)) !important; color: var(--yt-pink-ink) !important; }
body.site-theme-tube .site-shell .site-menu-scroll a.site-nav-photos .tube-icon { color: var(--yt-pink-ink) !important; font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .site-shell .site-menu-scroll a.site-nav-photos.tube-chip-active { background: var(--yt-pink) !important; color: #fff !important; box-shadow: none !important; }
body.site-theme-tube .site-shell .site-menu-scroll a.site-nav-photos.tube-chip-active .tube-icon { color: #fff !important; }

body.site-theme-tube .photo-card__thumb { border-radius: var(--yt-radius-card); background: var(--yt-surface); }
body.site-theme-tube .photo-card__title { font-size: var(--yt-h3) !important; line-height: var(--yt-h3-lh) !important; font-weight: 600 !important; }
body.site-theme-tube .photo-card__title a { color: var(--yt-text) !important; }
body.site-theme-tube .photo-card__title a:hover { color: var(--yt-link) !important; }
body.site-theme-tube .photo-card__excerpt { color: var(--yt-text-2) !important; }
body.site-theme-tube .photo-card__meta { color: var(--yt-text-2) !important; font-size: var(--yt-small) !important; }
body.site-theme-tube .photo-card__meta a { color: var(--yt-text) !important; }
body.site-theme-tube .photo-sort a[aria-current="true"] { background: var(--yt-inverse) !important; color: var(--yt-inverse-text) !important; }

/* Görsel penceresi her şeyin üstünde (üst bar dahil) */
body.site-theme-tube .image-modal { position: fixed !important; inset: 0 !important; }
/* Üst barın katman değeri eskiden aşırı yüksekti (2147481000) ve tüm pencerelerin üstünde kalıyordu.
   İçeriğin üstünde, pencerelerin (z ≥ 2000) altında kalacak şekilde düşürüldü. */
body.site-theme-tube .site-shell .site-main-header { z-index: 1000 !important; }
body.site-theme-tube .site-shell .site-menu-wrap,
body.site-theme-tube .site-shell .site-menu-wrap .site-menu-strip { z-index: 900 !important; }
body.site-theme-tube :is(#reportModal, [id^="editModal"], [id^="businessEditModal"], #imageLightbox) { z-index: 3000 !important; }

/* --------------------------------------------------------------------------
   31. Ayarlar sayfası: gündem paneli yok, solda sekme menüsü
   -------------------------------------------------------------------------- */
body.site-theme-tube .site-main-grid:has(.settings-layout) { grid-template-columns: minmax(0, 1fr) !important; }
body.site-theme-tube .site-main-grid:has(.settings-layout) > .site-left-sidebar { display: none !important; }
body.site-theme-tube .site-main-grid:has(.settings-layout) > :not(.site-left-sidebar, .fixed, .sr-only) { grid-column: 1 !important; }
body.site-theme-tube .settings-layout { max-width: 1120px; margin: 0 auto; gap: 24px; }
body.site-theme-tube .settings-nav {
    padding: 8px;
    border: 1px solid var(--yt-outline);
    border-radius: var(--yt-radius-card);
    background: var(--yt-bg);
}
body.site-theme-tube .settings-nav .settings-nav-item {
    height: 40px;
    padding: 0 12px !important;
    gap: 12px;
    border-radius: var(--yt-radius-btn) !important;
    background: transparent !important;
    color: var(--yt-text-2) !important;
    font-size: var(--yt-body) !important;
    font-weight: 600 !important;
    justify-content: flex-start;
    box-shadow: inset 3px 0 0 transparent;
}
body.site-theme-tube .settings-nav .settings-nav-item:hover { background: var(--yt-hover) !important; color: var(--yt-text) !important; }
body.site-theme-tube .settings-nav .settings-nav-item[aria-current="true"] {
    background: var(--yt-blue-soft) !important;
    color: var(--yt-blue-ink) !important;
    box-shadow: inset 3px 0 0 var(--yt-blue);
}
body.site-theme-tube .settings-nav .settings-nav-item .tube-icon { font-size: 20px !important; width: 20px !important; height: 20px !important; color: inherit !important; }
body.site-theme-tube .settings-nav .settings-nav-item[aria-current="true"] .tube-icon { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24; }
body.site-theme-tube .settings-panels > [data-settings-tab] { padding: 20px !important; }
@media (max-width: 767px) {
    body.site-theme-tube .settings-nav { padding: 6px; }
    body.site-theme-tube .settings-nav .settings-nav-item { box-shadow: none; }
}

/* Kapak görseli: ayarlardaki önizleme ve profildeki şerit */
body.site-theme-tube .profile-cover-preview { border-radius: var(--yt-radius-card); background-color: var(--yt-surface); border: 1px dashed var(--yt-input-border); }
body.site-theme-tube .profile-cover-preview:not(.is-empty) { border-style: solid; border-color: var(--yt-outline); }
/* Kapak her zaman kartın tam genişliğini kaplar; yükseklik ekranla birlikte ölçeklenir.
   (aspect-ratio + max-height birlikte kullanılınca geniş ekranda şerit daralıp sağda boşluk kalıyordu.) */
body.site-theme-tube .eksi-profile-header.has-cover::before {
    width: auto;
    aspect-ratio: auto;
    height: clamp(120px, 15vw, 260px);
    max-height: none;
    background: var(--profile-cover) center / cover no-repeat, var(--yt-surface);
}

/* Araç çubuğu butonları tek satırda kalır; sığmazsa çubuk alt satıra geçer */
body.site-theme-tube .site-shell form :is(button[type="button"], label[for]):has(> .tube-icon) { white-space: nowrap; flex: none; }
body.site-theme-tube .site-shell form .flex:has(> button[type="button"] > .tube-icon) { flex-wrap: wrap; row-gap: 6px; }