/*
====================================================================

Layout

Базовая структура страниц темы.

Отвечает только за построение Layout:

- html;
- body;
- #page;
- основной контейнер;
- Footer;
- Bottom Bar.

Компоненты и оформление здесь не размещаются.

====================================================================
*/


/* ================================================================
   Базовая структура страницы
   ================================================================ */

html,
body {

    margin: 0;
    padding: 0;

    min-height: 100%;

}

body {

    display: flex;
    flex-direction: column;

    min-height: 100vh;

}

#page {

    display: flex;
    flex-direction: column;

    flex: 1;

    min-height: 100vh;

}

.site-content {

    flex: 1;

}

.site-footer {

    flex: 0 0 auto;

    margin-top: auto;

}


/* ================================================================
   Bottom Bar
   ================================================================ */

.dd-bottom-bar {

    display: flex;

    justify-content: center;
    align-items: center;

    flex-wrap: wrap;

    gap: .5rem;

    width: 100%;

    padding: 5px 0 6px;

    text-align: center;

    line-height: 1.4;

}

.dd-bottom-bar__left::after {

    content: "|";

    margin-left: .5rem;

}

.dd-bottom-bar__right {

    display: inline-flex;

    align-items: center;

    gap: 0;

}

@media (max-width: 576px) {

    .dd-bottom-bar {

        flex-direction: column;

        gap: .15rem;

    }

    .dd-bottom-bar__left::after {

        content: "";

    }

}