/* ---- Phase 1: No Visible Scrollbars + Toast Size + Wide Mode ---- */

/* No visible scrollbars on layout containers — scrolling still works via wheel/trackpad/keyboard */
/* Only hide on specific layout elements, NOT globally — textarea, pre, code, .table-wrap keep scrollbars */
body,
.aems-sidebar,
.aems-page-content {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body::-webkit-scrollbar,
.aems-sidebar::-webkit-scrollbar,
.aems-page-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Ensure scrollable content elements always show scrollbars */
textarea,
pre,
code,
.table-wrap {
    scrollbar-width: auto !important;
    -ms-overflow-style: auto !important;
}
textarea::-webkit-scrollbar,
pre::-webkit-scrollbar,
code::-webkit-scrollbar,
.table-wrap::-webkit-scrollbar {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
}

/* Body no horizontal overflow ever */
body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* Wide mode - full-width layout */
.aems-app-layout.wide-mode .aems-sidebar {
    width: 48px !important;
}
.aems-app-layout.wide-mode .aems-sidebar .aems-nav-link span,
.aems-app-layout.wide-mode .aems-sidebar .aems-nav-section-label,
.aems-app-layout.wide-mode .aems-sidebar .aems-nav-footer,
.aems-app-layout.wide-mode .aems-sidebar .aems-sidebar-profile-info {
    display: none !important;
}
.aems-app-layout.wide-mode .aems-sidebar .aems-nav-icon {
    margin: 0 auto;
}
.aems-app-layout.wide-mode .aems-app-main {
    max-width: 100% !important;
}
.aems-app-layout.wide-mode .aems-page-content {
    max-width: none !important;
}

/* ---- Toast 2x larger, 2x longer ---- */
.aems-toast,
[class*="toast"] {
    font-size: 1rem !important;
    padding: var(--space-4) var(--space-6) !important;
    min-width: 320px !important;
    animation-duration: 6s !important;
    transition: opacity 0.5s ease !important;
}

/* ---- Language toggle fix - equal width pills ---- */
.lang-pill {
    min-width: 48px;
    text-align: center;
}

/* ---- Navbar button width parity ---- */
.aems-topbar-brand {
    min-width: 60px;
}