/* =========================
   LOGO + MENU
========================= */
.logo-menu {
    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--grayColor);
    box-shadow: var(--boxShadow);
}

.logo-menu .container {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    gap: 10px;
}

/* LOGO */
.logo-menu .left {
    width: 30%;
    display: flex;
    align-items: center;
}

.logo-menu .left img {
    max-height: 80px;
    width: auto;
    border-radius: var(--borderRadius);
    box-shadow: var(--boxShadow);
}

/* RIGHT SIDE */
.logo-menu .right {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* =========================
   MENU PRINCIPAL
========================= */
.fence-menu .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fence-menu .menu li {
    font-size: 15px;
    font-weight: 500;
}

/* links do menu */
.fence-menu .menu li a {
    text-decoration: none;
    color: var(--graphiteColor) !important;
}

/* dropdown */
.fence-menu .menu .dropdown-toggle::after {
    content: none !important;
}

.fence-menu .menu li .dropdown-menu {
    padding: 5px;
}

.fence-menu .menu li .dropdown-item {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.fence-menu .menu li .dropdown-item:hover {
    background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    border-radius: var(--borderRadius) !important;
    box-shadow: var(--boxShadow) !important;
}

@media (max-width: 480px) {
    .logo-menu .container {
        flex-direction: column !important;
    }

    /* LOGO */
    .logo-menu .left {
        justify-content: center !important;
        width: 100% !important;
    }

    .logo-menu .left {
        width: 35%;
    }

    .logo-menu .right {
        width: 65%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .dropdown-menu {
        background: var(--skeletonColor);
    }
}