/* ==========================================================================
   AluminiumGlass User App
   MASTER CSS ENTRY POINT
   File: /user_app/assets/css/main.css

   IMPORTANT:
   Every User App HTML page should load ONLY this stylesheet:

   /user_app/assets/css/main.css

   This file centrally loads all shared and feature CSS.
   ========================================================================== */


/* ==========================================================================
   01. CORE / FOUNDATION
   ========================================================================== */

@import url("/user_app/assets/css/variables.css");
@import url("/user_app/assets/css/reset.css");
@import url("/user_app/assets/css/base.css");


/* ==========================================================================
   02. GLOBAL LAYOUT
   ========================================================================== */

@import url("/user_app/assets/css/layout.css");
@import url("/user_app/assets/css/header.css");
@import url("/user_app/assets/css/sidebar.css");
@import url("/user_app/assets/css/navigation.css");


/* ==========================================================================
   03. GLOBAL UI COMPONENTS
   ========================================================================== */

@import url("/user_app/assets/css/forms.css");
@import url("/user_app/assets/css/buttons.css");
@import url("/user_app/assets/css/cards.css");
@import url("/user_app/assets/css/tables.css");
@import url("/user_app/assets/css/modal.css");
@import url("/user_app/assets/css/alerts.css");


/* ==========================================================================
   04. AUTHENTICATION
   ========================================================================== */

@import url("/user_app/assets/css/auth.css");


/* ==========================================================================
   05. DASHBOARD
   ========================================================================== */

@import url("/user_app/assets/css/dashboard.css");


/* ==========================================================================
   06. USER PROFILE
   ========================================================================== */

@import url("/user_app/assets/css/profile.css");


/* ==========================================================================
   07. LOCATIONS
   ========================================================================== */

@import url("/user_app/assets/css/locations.css");


/* ==========================================================================
   08. SEARCH
   ========================================================================== */

@import url("/user_app/assets/css/search.css");


/* ==========================================================================
   09. ENQUIRIES
   ========================================================================== */

@import url("/user_app/assets/css/enquiries.css");


/* ==========================================================================
   10. FAVORITES
   ========================================================================== */

@import url("/user_app/assets/css/favorites.css");


/* ==========================================================================
   11. REVIEWS
   ========================================================================== */

@import url("/user_app/assets/css/reviews.css");


/* ==========================================================================
   12. MESSAGES
   ========================================================================== */

@import url("/user_app/assets/css/messages.css");


/* ==========================================================================
   13. NOTIFICATIONS
   ========================================================================== */

@import url("/user_app/assets/css/notifications.css");


/* ==========================================================================
   14. ACTIVITY
   ========================================================================== */

@import url("/user_app/assets/css/activity.css");


/* ==========================================================================
   15. SETTINGS
   ========================================================================== */

@import url("/user_app/assets/css/settings.css");


/* ==========================================================================
   16. SECURITY
   ========================================================================== */

@import url("/user_app/assets/css/security.css");


/* ==========================================================================
   17. SUPPORT
   ========================================================================== */

@import url("/user_app/assets/css/support.css");


/* ==========================================================================
   18. ACCOUNT
   ========================================================================== */

@import url("/user_app/assets/css/account.css");


/* ==========================================================================
   19. RESPONSIVE
   ========================================================================== */

@import url("/user_app/assets/css/responsive.css");


/* ==========================================================================
   20. USER APP GLOBAL STATE HELPERS
   ========================================================================== */

/*
   These classes are intentionally small and generic to the User App.
   Feature styles belong in their respective CSS files.
*/

.user-app-hidden {
    display: none !important;
}

.user-app-visible {
    display: block !important;
}

.user-app-loading {
    visibility: hidden;
}

.user-app-ready {
    visibility: visible;
}

.user-app-no-scroll {
    overflow: hidden !important;
}

.user-app-no-print {
    /* Intentionally empty here.
       Print behavior is handled below. */
}


/* ==========================================================================
   21. GLOBAL ACCESSIBILITY
   ========================================================================== */

.user-app-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.user-app-sr-only-focusable:focus,
.user-app-sr-only-focusable:active {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
}


/* ==========================================================================
   22. GLOBAL FOCUS
   ========================================================================== */

.user-app-focus-ring:focus-visible {
    outline: 2px solid var(--color-primary, #2563eb);
    outline-offset: 2px;
}


/* ==========================================================================
   23. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}


/* ==========================================================================
   24. PRINT
   ========================================================================== */

@media print {
    .user-app-no-print {
        display: none !important;
    }
}