/* Low Data Mode Styles */
.low-data-message {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;    background-color: var(--highlight-color);
    color: var(--button-text);
    padding: 8px;
    text-align: center;
    z-index: 2000;
    font-size: 14px;
    transition: opacity 0.5s ease-in-out;
}

body.low-data-mode {
    /* Reduce visual effects */
    --background-color: var(--low-data-bg);
    --secondary-background: var(--low-data-secondary);
    --card-background: var(--low-data-card);
}

/* Lower quality visuals for low data mode */
body.low-data-mode .menu-item {
    box-shadow: none !important;
    border: 1px solid var(--border-color);
}

body.low-data-mode img.menu-item-image {
    filter: none !important;
    transition: none !important;
    animation: none !important;
    opacity: 0.9;
}

body.low-data-mode * {
    transition: none !important;
    animation: none !important;
}

/* Hide non-essential elements in low data mode */
body.low-data-mode .product-info-link {
    display: none;
}

/* Reduce padding and margins to simplify layout in low data mode */
body.low-data-mode .menu-item {
    padding: 8px !important;
    margin: 6px 0 !important;
}

body.low-data-mode .menu-category {
    margin-bottom: 10px !important;
    padding: 5px !important;
}

/* Network-specific optimizations */
body.network-slow-2g .menu-item-image,
body.network-2g .menu-item-image {
    opacity: 0.7;
    background-color: var(--low-data-element);
}