/* Consolidated media-query overrides loaded after style.css. */
@media (max-width: 767.98px) {
    /* Mobile gutter tuning for public venues pages (Home/Index + Home/Lokaler). */
    .controller-home.action-index .container-fluid.px-5,
    .controller-home.action-lokaler .container-fluid.px-5,
    .controller-home.action-event .container-fluid.px-5,
    .controller-home.action-old .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .controller-home.action-index .venue-content,
    .controller-home.action-index .event-content,
    .controller-home.action-event .event-content,
    .controller-home.action-old .event-content,
    .controller-home.action-lokaler .venue-content {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .app-client-brandname {
        display: none;
    }

    /* Mobile gutter tuning for account/auth pages. */
    .controller-account .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .controller-account .body-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .controller-account .body-content > .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* Mobile gutter tuning for manage pages. */
    .controller-manage .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .controller-manage .body-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .controller-manage .body-content > .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* Mobile gutter tuning for admin area pages (Administration + related controllers). */
    .admin-validation-scope .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .admin-validation-scope .body-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .admin-validation-scope .body-content > .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* Mobile gutter tuning for Bookings/Index header. */
    .controller-bookings.action-index .navbar-top .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .controller-bookings.action-index .body-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Mobile gutter tuning for Bookings/Calendar header + subheader + content. */
    .controller-bookings.action-calendar .navbar-top .container-fluid.px-5,
    .controller-bookings.action-calendar .navbar-under .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .controller-bookings.action-calendar .body-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    /* Mobile: hide "Alla lediga tider" button on Bookings/Index subheader. */
    .controller-bookings.action-index .navbar-under .readonlycalendarlink {
        display: none !important;
    }

    .controller-bookings.action-index .booking-subheader-prefix {
        display: none;
    }

    .controller-bookings .fc .fc-toolbar-title {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .controller-bookings .fc .fc-toolbar .fc-button {
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm);
    }

    .controller-home.action-event .arrangemang-date-inline {
        display: none !important;
    }
}