/**
 * FlowX4 Responsive Styles
 * ========================
 */

@media (max-width: 900px) {
    /* Mobile: скрываем nav и burger в header */
    .nav-burger,
    .nav {
        display: none !important;
    }

    /* Mobile: показываем footer-menu */
    .footer-menu {
        display: block;
    }

    /* Mobile: header растянут на всю ширину */
    .header {
        display: flex;
        justify-content: space-between;
        padding: 0 var(--space-3);
    }

    .header-left {
        flex-shrink: 0;
    }

    .header-center {
        flex: 1;
        justify-content: center;
        min-width: 0;
    }

    .header-right {
        flex-shrink: 0;
    }

    /* Mobile: скрываем лупу/O/W/профиль/поиск — всё в бургере */
    .header-search-toggle,
    .header-search,
    .header-orders,
    .header-wallet,
    .header-user {
        display: none !important;
    }

    /* Mobile: бургер в header вместо footer */
    .header-burger { display: flex; }
    .footer-burger { display: none; }

    /* footer-nav выпадает от header вниз (fixed позиционирование) */
    .footer-nav {
        position: fixed;
        bottom: auto;
        top: calc(var(--header-height) + var(--space-2));
        left: auto;
        right: var(--space-3);
        transform: none;
        margin-bottom: 0;
    }

    /* Mobile: logo */
    .logo img {
        width: 24px;
        height: 24px;
    }

    /* Mobile: chart-info компактнее */
    .chart-info {
        gap: 8px;
    }

    .chart-info__symbol {
        font-size: 14px;
    }

    .chart-info__divider {
        display: none;
    }

    .page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-4);
    }

    .filters {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box {
        width: 100%;
    }

    .settings-form {
        grid-template-columns: 1fr;
    }

    .modal {
        width: 95%;
        max-height: 90vh;
    }

    /* Mobile: цена компактнее */
    .chart-info__price {
        font-size: 11px;
    }

    /* Mobile: биржи через dropdown */
    .chart-info__exchanges {
        display: none;
    }

    .chart-info__exc-mobile {
        display: flex;
    }

    /* Mobile: dropdown поиска на всю ширину */
    .header-search.open .symbol-autocomplete__dropdown {
        left: 0;
        right: 0;
        min-width: auto;
    }

    .monitoring-grid {
        grid-template-columns: 1fr;
    }

}