main-menu-3

/* --- TOP LEVEL MENU ITEMS --- */
.main-menu-3 .g-toplevel {
 justify-content: center !important;
}

.main-menu-3 .g-menu-item-container {
 color: white !important;
 font-weight: 500;
 letter-spacing: 0.5px !important;
 padding: 12px 28px !important;
 border: none !important;
 transition: all 0.3s ease;
}

.main-menu-3 .g-toplevel>li .g-menu-item-title {
 font-size: 18px;
 font-weight: 500;
 text-transform: none !important;
}

.main-menu-3 .g-toplevel>.g-menu-item>.g-menu-item-container:hover {
 color: rgb(var(--secondary-color-rgb)) !important;
 background: transparent !important;
}

/* Ensure links and icons stay white */
.main-menu-3 a,
.main-menu-3 .g-menu-item-type-particle,
.main-menu-3 .g-menu-item-content {
 color: white !important;
}

.main-menu-3 i,
.main-menu-3 .fa {
 font-size: 1.5rem !important;
 vertical-align: middle;
}

/* Underline Animation */
.main-menu-3 .g-toplevel>.g-menu-item>.g-menu-item-container {
 position: relative;
}

.main-menu-3 .g-toplevel>.g-menu-item>.g-menu-item-container::after {
 content: "";
 position: absolute;
 width: 0;
 height: 2px;
 bottom: 5px;
 left: 50%;
 background-color: rgb(var(--secondary-color-rgb));
 transition: all 0.3s ease;
 transform: translateX(-50%);
}

.main-menu-3 .g-toplevel>.g-menu-item:hover>.g-menu-item-container::after {
 width: 40%;
}


/* --- DROPDOWNS & SUBLEVELS --- */
.main-menu-3 .g-dropdown {
 background-color: rgb(var(--default-white-rgb)) !important;
 border-top: 3px solid rgb(var(--secondary-color-rgb));
 border-radius: 0 0 4px 4px;
 box-shadow: 0 10px 25px rgba(var(--default-black-rgb), 0.15) !important;
 padding: 8px 0;
 min-width: 220px !important;
 z-index: 1002 !important;
}

/* Dropdown Links */
.main-menu-3 .g-dropdown .g-menu-item-container,
.main-menu-3 .g-dropdown .g-menu-item-content {
 color: rgb(var(--primary-color-rgb)) !important;
}

.main-menu-3 .g-sublevel .g-menu-item-container {
 font-size: 14px !important;
 padding: 10px 20px !important;
 font-weight: 500 !important;
 border-left: 3px solid transparent !important;
 display: block;
 text-transform: none !important;
 transition: all 0.3s ease !important;
}

/* Dropdown Hover Effect */
.main-menu-3 .g-sublevel .g-menu-item-container:hover {
 background-color: rgba(var(--tertiary-color-rgb), 0.35) !important;
 color: rgb(var(--secondary-color-rgb)) !important;
 border-left: 3px solid rgb(var(--secondary-color-rgb)) !important;
 padding-left: 25px !important;
}

/* --- MOBILE SPECIFIC CHANGES --- */
@media (max-width: 50.99rem) {
 .main-menu-3 .g-dropdown {
 box-shadow: none !important;
 border-top: none;
 background-color: rgba(var(--tertiary-color-rgb), 0.3) !important;
 }
}