/**
 * ELREDA Responsive Adjustments
 * --------------------------------------------------------------------------
 * Add only real device-specific fixes discovered during testing.
 * Avoid duplicating Elementor/Astra responsive controls here.
 *
 * Target test widths for this project:
 * 360 / 390 / 768 / 1024 / 1366 / 1920 px
 */

/* Small phones */
@media (max-width: 390px) {
    :root {
        --elreda-gutter: 14px;
    }
}

/* Tablets and smaller */
@media (max-width: 1024px) {
    /* Reserved for tested tablet/mobile fixes. */
}

/* Large desktops */
@media (min-width: 1440px) {
    /* Keep the custom content utility comfortable on wide screens. */
    .elreda-container {
        inline-size: min(100% - 64px, var(--elreda-content-width));
    }
}