/* ─── Responsive / Mobile ────────────────────────────────────────────────── */

@media (max-width: 900px) {
    .tr-sidebar { display: none; }
    .tr-header  { display: flex; }
    .tr-mobile-nav { display: flex; }
    .tr-main { padding: 16px 16px var(--tr-mobile-nav-h); }
    .tr-layout { padding-top: calc(var(--tr-season-banner-h) + var(--tr-header-h)); }

    .tr-feed { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .tr-talent-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .tr-podium { gap: 8px; }
    .tr-podium__avatar { width: 56px; height: 56px; }

    .tr-auth-card { padding: 28px 20px; }
    .tr-form__row { grid-template-columns: 1fr; }
    .tr-role-cards { grid-template-columns: 1fr; }

    .tr-page-header { display: flex; flex-direction: column; gap: 12px; }
    .tr-search-input { width: 100%; }

    .tr-dashboard-grid { grid-template-columns: 1fr 1fr; }
    .tr-challenge-card { flex-direction: column; }
}

@media (max-width: 600px) {
    .tr-feed { grid-template-columns: 1fr; }
    .tr-talent-grid { grid-template-columns: repeat(2, 1fr); }
    .tr-page-title { font-size: 24px; }
    .tr-season-banner__text { font-size: 12px; }
    .tr-season-banner__cta { display: none; }
    .tr-video-page { gap: 20px; }
    .tr-video-page__title { font-size: 20px; }
    .tr-podium { flex-direction: column; align-items: center; }
    .tr-podium__item { width: 100%; max-width: 280px; flex-direction: row; }
    .tr-podium__bar { display: none; }
    .tr-dashboard-grid { grid-template-columns: 1fr; }
    .tr-auth-page { gap: 20px; }
    .tr-stat-card__value { font-size: 24px; }
    .tr-my-video { flex-direction: column; }
    .tr-leaderboard-row { padding: 10px 12px; gap: 10px; }
}

/* ─── iOS safe area ──────────────────────────────────────────────────────── */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .tr-mobile-nav { padding-bottom: max(8px, env(safe-area-inset-bottom)); height: auto; min-height: var(--tr-mobile-nav-h); }
    .tr-main { padding-bottom: calc(var(--tr-mobile-nav-h) + env(safe-area-inset-bottom) + 16px); }
}

/* ─── Desktop tweaks ─────────────────────────────────────────────────────── */
@media (min-width: 901px) {
    .tr-main { padding-top: 32px; }
    .tr-feed { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
    .tr-video-page { grid-template-columns: 1fr; max-width: 800px; }
}

@media (min-width: 1200px) {
    .tr-main { max-width: 1200px; }
    .tr-feed { grid-template-columns: repeat(4, 1fr); }
    .tr-talent-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ─── Touch improvements ─────────────────────────────────────────────────── */
@media (hover: none) {
    .tr-video-card__overlay { opacity: 1; background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 50%); }
    .tr-video-card:hover { transform: none; }
    .tr-talent-card:hover { transform: none; }
    .tr-btn--primary:hover { transform: none; box-shadow: none; }
}

/* ─── Category tabs horizontal scroll ───────────────────────────────────── */
@media (max-width: 900px) {
    .tr-category-tabs {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ─── Upload page ────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .tr-upload-form { max-width: 100%; }
    .tr-file-upload--video .tr-file-upload__ui { padding: 40px 20px; }
}