/* ----- General ----- */
.site-content { padding-bottom: 5rem; }

@media ( min-width: 1100px ) {
    .woocommerce-edit-address .site-content { padding-bottom: 13.188rem; }
}

@media ( max-width: 1099px ) {
    .account-box {
        margin-inline: calc(0px - var(--gutters));
        padding: var(--gutters) var(--gutters) calc(var(--gutters) + 1px);
        background: var(--color-bg-white);
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid var(--color-fg-border);
    }
    .account-box.no-bg {
        background: transparent;
        border: none;
    }
    .account-box.is-last { border-bottom: none; }
    .account-box.is-first { padding-top: 0; }

    .site-content {
        position: relative;
        padding-bottom: 1.5rem;
    }

    .woocommerce-orders .site-content,
    .woocommerce-view-order .site-content,
    .woocommerce-edit-account .site-content,
    .woocommerce-edit-address .site-content { padding-bottom: 0; }

    body:not(.woocommerce-orders) .site-content::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 12.5rem;
        background-color: var(--color-bg-white);
        content: "";
    }

    body:not(.woocommerce-orders) .site-footer { background-color: var(--color-bg-white); }

    .blocks {
        position: relative;
        z-index: 1;
    }

    .edit-account .wc-action-btn { gap: 1rem; }
}



/* ----- Navigation ----- */
.nav-account a {
    padding: 1rem 1.5rem;
    border-radius: var(--border-radius-2xs);
}

.nav-account__icon {
    width: 1.25rem;
    height: 1.25rem;
}

.nav-account li.is-active a {
    font-weight: 500;
    color: var(--color-fg-primary);
    background-color: var(--color-bg-white);
}
.nav-account li.is-active a .nav-account__icon svg *[fill] { fill: var(--color-fg-primary); }
.nav-account li.is-active a .nav-account__icon svg *[stroke] { stroke: var(--color-fg-primary); }

@media ( hover: hover ) {
    .nav-account a { transition: color, background-color .2s; }

    .nav-account__icon svg * { transition: all .2s; }

    .nav-account a:hover {
        color: var(--color-fg-primary);
        background-color: var(--color-bg-white);
    }

    .nav-account a:hover .nav-account__icon svg *[fill] { fill: var(--color-fg-primary); }
    .nav-account a:hover .nav-account__icon svg *[stroke] { stroke: var(--color-fg-primary); }
}

@media ( min-width: 1100px ) {
    .nav-account { max-width: 19.875rem; }

    .nav-account li:not(:last-child) { margin-bottom: 0.5rem; }

    .nav-account li.is-active a { box-shadow: var(--shadow-box); }
}



/* ----- Confirmation dialog ----- */
.confirm-box {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--color-overlay-dark);
    backdrop-filter: blur(var(--background-blur));
    -webkit-backdrop-filter: blur(var(--background-blur));
    z-index: 1000;
}

.confirm-box__box {
    width: 100%;
    max-width: 32rem;
    padding: 2rem;
    text-align: center;
    background-color: var(--color-bg-white);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-box);
}

.confirm-box__button { min-width: 7.5rem; }