/* =========================================================
   THE WOUNDED LEGACY
   LAYOUT PÚBLICO COMPARTILHADO
========================================================= */

:root {
    --sidebar-width: 190px;
}

/* =========================================================
   ESTRUTURA GERAL
========================================================= */

.landing-layout,
.page-layout {
    width: 100%;

    display: grid;

    grid-template-columns:
        var(--sidebar-width)
        minmax(0, 1fr);

    align-items: stretch;
}

.site-main {
    min-width: 0;
    width: 100%;
}

/* =========================================================
   DESKTOP MÉDIO
========================================================= */

@media (max-width: 1500px) {

    :root {
        --sidebar-width: 170px;
    }

}

/* =========================================================
   NOTEBOOK
========================================================= */

@media (max-width: 1250px) {

    :root {
        --sidebar-width: 150px;
    }

}

/* =========================================================
   NOTEBOOK PEQUENO
========================================================= */

@media (max-width: 1000px) {

    :root {
        --sidebar-width: 74px;
    }

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

    .landing-layout,
    .page-layout {
        display: block;
    }

}