/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * FailproofDrawer - size helpers for MDB / Bootstrap Offcanvas
 *
 * Behavior (show/hide/backdrop) comes from mdb.Offcanvas. This file only adds
 * Failproof width presets and minor polish used across support tools.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.fp-drawer.offcanvas-end,
.fp-drawer.offcanvas-start
{
    --fp-drawer-width: 22.5rem; /* ~360px - default / md */
    width: var(--fp-drawer-width);
    /* Snappier than MDB's default 0.3s - feels less laggy on open */
    transition: transform 0.18s ease-out;
}

/* Backdrop fades with the panel */
.offcanvas-backdrop
{
    transition: opacity 0.18s ease-out;
}

.fp-drawer.fp-drawer-sm
{
    --fp-drawer-width: 18rem;
}

.fp-drawer.fp-drawer-md
{
    --fp-drawer-width: 22.5rem;
}

.fp-drawer.fp-drawer-lg
{
    --fp-drawer-width: 28rem;
}

.fp-drawer.fp-drawer-xl
{
    --fp-drawer-width: 36rem;
}

.fp-drawer .offcanvas-title
{
    font-size: 1.15rem;
    font-weight: 500;
    /* Beat swipeclock.css `section h5 { text-transform: uppercase }` when nested */
    text-transform: none;
}

.fp-drawer .offcanvas-body
{
    font-size: 0.95rem;
}

.fp-drawer .offcanvas-body ol,
.fp-drawer .offcanvas-body ul
{
    padding-left: 1.15rem;
}

.fp-drawer .offcanvas-body li + li
{
    margin-top: 0.5rem;
}