/*
 * HARMAT SZAUNA
 * GLOBÁLIS STÍLUSOK
 *
 * Minden oldalon érvényes közös beállítások.
 */

/* ALAPBEÁLLÍTÁSOK */

* {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

/* SZÖVEG KIJELÖLÉSE */

::selection {
    background: #c5a059;
    color: #2c1810;
}

/* GÖRGETŐSÁV */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #FEF7E4;
}

::-webkit-scrollbar-thumb {
    background: #8c6239;
    border-radius: 4px;
}

/* MOBILMENÜ */

#mobile-menu {
    transition:
        max-height 0.4s ease-in-out,
        opacity 0.3s ease-in-out,
        margin-top 0.4s ease-in-out,
        visibility 0.4s ease-in-out;

    max-height: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
}

#mobile-menu.active {
    max-height: 400px;
    margin-top: 40px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}