/* ============================================================
   boost-top: telefon ko'rinishi uchun tuzatishlar (2026-10-29)
   Asosiy qism faqat kichik ekranlarga ta'sir qiladi (max-width: 767px),
   kompyuter ko'rinishi o'zgarmaydi.
   ============================================================ */

/* Bosh sahifadagi yashirin hero sarlavha endi h2 (sahifada bitta H1 qolsin - SEO) */
.boost-hero-copy h2.boost-hero-h { font-family: "Russo One", "Segoe UI", sans-serif; font-weight: 400; font-size: 32px; line-height: 1.15; margin: 0 0 12px; }

/* Server statistikasi sahifasidagi yangi H1 sarlavha */
.boost-stats-h1 { font-family: "Russo One", "Segoe UI", sans-serif; font-weight: 400; font-size: 22px; line-height: 1.25; margin: 4px 0 14px; color: var(--boost-text, #111827); overflow-wrap: anywhere; }

/* Sahifa matnidagi (adminkadan kiritilgan) H1 lar endi H2 bo'lib chiqadi - ko'rinishi avvalgidek qoladi (SEO: sahifada bitta H1) */
#text h2.bt-was-h1 { font-family: "Russo One", "Segoe UI", sans-serif; font-weight: 400; font-size: 36px; line-height: 42px; letter-spacing: .02em; margin: 0 0 15px; color: inherit; }

/* ===== Logo yozuvi: "TOP" yaltiroq nishon + oltin toj (C2 uslubi) — sarlavha va footer ===== */
html.bt-d body .boost-logo .boost-logo-top, html body .boost-logo .boost-logo-top { font-family: "Orbitron", "Russo One", sans-serif !important; font-weight: 900 !important; letter-spacing: .04em !important; display: inline-flex !important; align-items: center; gap: .3em; overflow: visible !important; }
html.bt-d body .boost-logo .boost-logo-accent, html body .boost-logo .boost-logo-accent { position: relative; display: inline-block; font-size: .78em; line-height: 1; padding: .3em .5em .26em; border-radius: .4em; color: #fff !important; -webkit-text-fill-color: #fff !important;
    background-image: linear-gradient(100deg, transparent 40%, rgba(255,255,255,.6) 50%, transparent 60%), linear-gradient(135deg, var(--boost-accent), var(--bt-accent-light, var(--boost-accent))) !important;
    background-size: 300% 100%, 100% 100% !important; background-repeat: no-repeat !important; background-position: 150% 0, 0 0;
    box-shadow: 0 5px 16px color-mix(in srgb, var(--boost-accent) 45%, transparent), inset 0 1px 0 rgba(255,255,255,.35); animation: btLogoShine 3s ease-in-out infinite; }
html.bt-d body .boost-logo .boost-logo-accent::after, html body .boost-logo .boost-logo-accent::after { content: ""; position: absolute; left: 50%; top: -.62em; width: .95em; height: .52em; margin-left: -.475em; background: #fbbf24;
    clip-path: polygon(0 100%, 0 25%, 25% 60%, 50% 0, 75% 60%, 100% 25%, 100% 100%); filter: drop-shadow(0 1px 1px rgba(0,0,0,.3)); }
@keyframes btLogoShine { 0%, 60% { background-position: 150% 0, 0 0 } 100% { background-position: -50% 0, 0 0 } }
@media (prefers-reduced-motion: reduce) { html body .boost-logo .boost-logo-accent { animation: none !important; } }

@media (max-width: 767px) {

    /* 1. Server ro'yxatida IP to'liq ko'rinsin (oxirgi raqamlar kesilmasin) */
    html body table#all_servers td.boost-server-address span,
    html.bt-d body table#all_servers td.boost-server-address span,
    html body table#my_servers td.boost-server-address span,
    html.bt-d body table#my_servers td.boost-server-address span { font-size: 12px !important; letter-spacing: -.3px !important; }
    html body table#all_servers td.boost-server-address img,
    html.bt-d body table#all_servers td.boost-server-address img { margin-right: 4px; }

    /* Server nomi havolasi - barmoq bilan bosishga qulayroq */
    html body table#all_servers td.boost-server-name a,
    html.bt-d body table#all_servers td.boost-server-name a { display: inline-block; padding: 5px 0; }

    /* 2. Chat tugmasi: kichikroq, pastga aylantirganda yashirinadi (bt-mobile.js), tepaga qaytganda chiqadi.
          Sahifa oxiridagi "tepaga" tugmasi chap tomonga o'tadi - chat tugmasi bilan ustma-ust tushmaydi. */
    html body #boostChatFab.boost-chat-fab,
    html.bt-d body #boostChatFab.boost-chat-fab { width: 44px !important; height: 44px !important; transition: transform .25s ease, opacity .25s ease; }
    html body #boostChatFab.boost-chat-fab.bt-fab-hide,
    html.bt-d body #boostChatFab.boost-chat-fab.bt-fab-hide { transform: translateY(160%); opacity: 0; pointer-events: none; }
    html body .tm-totop-scroller,
    html.bt-d body .tm-totop-scroller { right: auto !important; left: 16px !important; }

    /* 3. "Текущее время" soati konteynerdan chiqib ketmasin */
    html body .boost-page-time.bt-clock-box,
    html.bt-d body .boost-page-time.bt-clock-box { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; }

    /* 4. Jadval sarlavhalari so'z o'rtasidan bo'linmasin ("СЧЕ / Т") */
    html body .boost-player-table th,
    html.bt-d body .boost-player-table th { overflow-wrap: normal !important; word-break: keep-all !important; padding-left: 6px !important; padding-right: 6px !important; letter-spacing: .3px !important; }
    html body .boost-player-table td,
    html.bt-d body .boost-player-table td { padding-left: 6px !important; padding-right: 6px !important; }

    /* 5. Bosh sahifa statistikasi: 4 ta kartochka 2x2 to'r */
    html body .bt-kpis,
    html.bt-d body .bt-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
    html body .bt-kpis .bt-kpi,
    html.bt-d body .bt-kpis .bt-kpi { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; padding: 14px !important; min-width: 0; }
    html body .bt-kpis .bt-kpi > *,
    html.bt-d body .bt-kpis .bt-kpi > * { min-width: 0; }

    /* 6. Kichik tugmalar kattaroq */
    html body .bt-lst-copy,
    html.bt-d body .bt-lst-copy { width: 34px !important; height: 34px !important; min-width: 34px !important; place-items: center; }
    html body .bt-lst-copy svg,
    html.bt-d body .bt-lst-copy svg { width: 16px; height: 16px; }
    html body input#remember,
    html.bt-d body input#remember { width: 22px !important; height: 22px !important; }

    /* 7. "Есть места" yozuvi ikki qatorga tushmasin */
    html body .boost-priv-avail,
    html.bt-d body .boost-priv-avail { white-space: nowrap !important; }

    /* Telefonda tasodifiy chiziqdek ko'rinadigan dekorativ chap chiziqlar */
    html body article.uk-article::before,
    html.bt-d body article.uk-article::before,
    html body section.boost-listing-section::before,
    html.bt-d body section.boost-listing-section::before,
    html body section.boost-server-hero::before,
    html.bt-d body section.boost-server-hero::before { display: none !important; }
}