@import url('https://fonts.googleapis.com/css2?family=Fjord+One&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Fjord+One&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Fjord+One&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Satisfy&display=swap');

:root{
    --savory-sage: #818263;
    --avocado-green: #c2c395;
    --blush-beet: #ddbaae;
    --peach-protein: #efd7cf;
    --oat-latte: #dcd4c1;
    --honey-oatmilk: #F6EAD4;
    --cocunut-cream: #fffaf2;
    --dark-oak: #3D2B1F;
    --ink-black: #2c2725;
}

body{
    background-color: var(--cocunut-cream);
    font-family: 'Roboto Condensed', sans-serif !important;
    color: var(--ink-black);
    margin: 0;
    padding: 0;
}

h2,h3,h4,h5,h6{
    font-family: 'Fjord One', serif;
    color: var(--dark-oak);
    font-weight: 700;
}

h1{
    font-family: 'Satisfy', cursive;
    color: var(--dark-oak);
}

.admin-menu {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.6rem 1.2rem;
    background-color: var(--dark-oak);
    color: var(--cocunut-cream);
}

.admin-menu-brand {
    margin-bottom: 1.4rem;
}

.admin-menu-brand-inner {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.admin-menu-logo {
    width: 62px;
    height: 62px;
    border-radius: 20px;
    object-fit: cover;
    background-color: rgba(255, 250, 242, 0.08);
}

.admin-menu-brand-copy h1 {
    margin: 0;
    font-size: 2.6rem;
    color: var(--cocunut-cream);
}

.admin-menu-brand-label {
    display: block;
    margin-bottom: 0.25rem;
    color: rgba(255, 250, 242, 0.72);
    font-size: 0.82rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.admin-menu-divider {
    width: 100%;
    height: 1px;
    margin-bottom: 1.4rem;
    background-color: rgba(255, 250, 242, 0.14);
}

.admin-menu-nav {
    display: grid;
    gap: 0.75rem;
    margin-bottom: auto;
}

.admin-menu-link,
.admin-menu-logout {
    display: inline-flex;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    color: var(--cocunut-cream);
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 700;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.admin-menu-link:hover,
.admin-menu-logout:hover {
    transform: translateX(4px);
    color: var(--cocunut-cream);
}

.admin-menu-link.is-active,
.admin-menu-link:hover {
    background-color: rgba(255, 250, 242, 0.12);
}

.admin-menu-footer {
    padding-top: 1.4rem;
}

.admin-menu-logout {
    background-color: rgba(221, 186, 174, 0.2);
}

@media (max-width: 992px) {
    .admin-menu {
        min-height: auto;
        border-radius: 0 0 28px 28px;
    }
}