/* Mobile Day Planner overrides.
 *
 * This file intentionally mirrors the desktop bundle but leaves room for
 * mobile-first adjustments. Using a dedicated asset prevents 404 responses
 * when the module enqueues `sbdp-day-planner-mobile`.
 */

@media (max-width: 782px) {
    .sbdp-day-planner {
        padding: 16px;
    }

    .sbdp-day-planner__columns {
        display: block;
    }

    .sbdp-day-planner__sidebar,
    .sbdp-day-planner__timeline {
        width: 100%;
    }
}