/* =================================================================== */
/*  Стили для общих элементов на мобильных (НЕ SHORTS)             */
/* =================================================================== */

@media (max-width: 768px) {
    /* ... (старые общие стили для .app-container, .post, .feed-header, etc.) ... */
    
    /* Mobile chat improvements */
    .chat-layout {
        flex-direction: column;
        height: 100%;
    }
    
    .chat-sidebar {
        width: 100%;
        height: auto;
        max-height: 40vh; /* Limit sidebar height on mobile */
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.18);
    }
    
    .chat-main {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    /* Chat message bubbles adjustments for mobile */
    .bubble {
        max-width: 85%;
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .msg-row.mine .bubble {
        border-radius: 16px 16px 8px 16px;
    }
    
    .msg-row.peer .bubble {
        border-radius: 16px 16px 16px 8px;
    }
}


/* =================================================================== */
/*  НОВЫЕ, ЧИСТЫЕ МОБИЛЬНЫЕ СТИЛИ ДЛЯ SHORTS (переписано с нуля)   */
/* =================================================================== */

@media (max-width: 768px) {
    .create-short-btn {
        font-size: 14px;
        padding: 8px 18px;
    }

    .video-info {
        left: 10px;
        right: 70px; /* Оставляем место для кнопок */
    }

    .side-controls {
        right: 10px;
        bottom: 70px;
    }
    .navigation-hints {
        right: 8px;
        opacity: 0.7;
    }
    .swipe-hint {
        padding: 7px 11px;
        font-size: 10px;
    }
    .swipe-hint i {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    /* Дополнительная полировка для самых маленьких экранов */
    .side-controls {
        gap: 15px;
    }
    .side-btn {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
    .side-btn span {
        font-size: 10px;
    }
}