/* The cart's web header does not supply the client-area sidebar. */
.ewy-configure-with-sidebar {
    --configure-nav-top: 60px;
    --configure-nav-color: var(--theme-color-9, #2265ed);
    margin-left: var(--configure-sidebar-width, 200px);
    min-width: 0;
    box-sizing: border-box;
    min-height: calc(100vh - var(--configure-content-top, 61px));
    min-height: calc(100dvh - var(--configure-content-top, 61px));
    background: #f2f4f9;
}
.ewy-configure-sidebar {
    position: fixed;
    top: var(--configure-nav-top);
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: var(--configure-sidebar-width, 200px);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    border-right: 1px solid #eef0f5;
    color: #555b6d;
}
.ewy-configure-sidebar .ewy-configure-nav-title { display: block; padding: 18px 22px 12px; font-size: 13px; color: #9aa5bd; }
.ewy-configure-sidebar a { transition: color .15s, background-color .15s; }
.ewy-configure-sidebar ul { padding: 0; margin: 0; list-style: none; }
.ewy-configure-sidebar .ewy-configure-nav-list { padding: 4px 8px 24px; }
.ewy-configure-sidebar li { padding: 0; margin: 0; }
.ewy-configure-sidebar li > a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 10px 14px; color: #555b6d; font-size: 14px; line-height: 1.5; text-decoration: none; border-radius: min(var(--ewy-card-radius, 14px), 6px); }
.ewy-configure-sidebar li > a > span { min-width: 0; overflow-wrap: anywhere; }
.ewy-configure-sidebar li > a > i { flex-shrink: 0; width: 18px; font-size: 16px; text-align: center; color: #7b879c; }
.ewy-configure-sidebar li > a:hover,
.ewy-configure-sidebar li > a[aria-current="page"] { color: var(--configure-nav-color); background: #f3f6fb; }
.ewy-configure-sidebar li > a:hover > i,
.ewy-configure-sidebar li > a[aria-current="page"] > i { color: var(--configure-nav-color); }
.ewy-configure-sidebar li > a:focus-visible { outline: 2px solid var(--configure-nav-color); outline-offset: -2px; }
.ewy-configure-sidebar li ul { padding-left: 16px; }
.ewy-configure-sidebar li ul a { font-size: 13px; }
.ewy-configure-sidebar [hidden], .ewy-configure-nav-backdrop[hidden] { display: none !important; }
.ewy-configure-sidebar li > a > .ewy-configure-nav-arrow { margin-left: auto; font-size: 10px; }
.ewy-configure-sidebar [aria-expanded="true"] > .ewy-configure-nav-arrow { transform: rotate(180deg); }
.ewy-configure-nav-toggle, .ewy-configure-nav-backdrop { display: none; }
@media (max-width: 991.98px) {
    .ewy-configure-with-sidebar { margin-left: 0; padding: 12px; }
    .ewy-configure-sidebar { visibility: hidden; transform: translateX(-100%); }
    .ewy-configure-with-sidebar.is-nav-open .ewy-configure-sidebar { visibility: visible; transform: none; }
    .ewy-configure-nav-toggle { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 10px 14px; border: 1px solid #e4e7ed; border-radius: min(var(--ewy-card-radius, 14px), 8px); background: #fff; color: var(--configure-nav-color); font-size: 13px; cursor: pointer; }
    .ewy-configure-nav-backdrop { display: block; position: fixed; inset: var(--configure-nav-top) 0 0; z-index: 1039; background: rgba(31,45,77,.22); border: 0; }
}
