/*
enhanced theme based style
*/
/* -------------------------------------------------------------- */
/*GLOBAL CHANGE
-----------------------------------------------------------------------------*/

body.custom-background {
  background-color: #fff;
}

/* 1. COMPLETELY hide the "brown box" and standard dropdown generated by Warp */
.uk-navbar-nav .uk-parent .uk-dropdown, 
.uk-navbar-nav .uk-parent .uk-dropdown-navbar {
    display: none !important;
}

/* 2. Target the sub-menu UL specifically to act as the new dropdown container */
.uk-navbar-nav .uk-parent {
    position: relative; /* Anchor for the absolute positioning */
}

.uk-navbar-nav .uk-parent .level2 {
    display: none !important;
    position: absolute;
    top: 100%; /* Positions directly below the 'About' text */
    left: 0;
    background: #ffffff !important;
    min-width: 200px;
    padding: 10px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 9999;
    border-radius: 4px;
}

/* 3. Show the menu on hover */
.uk-navbar-nav .uk-parent:hover .level2 {
    display: block !important;
}

/* 4. Fix the LI items (Rates/Policies) so they don't stack on top of each other */
.uk-navbar-nav .uk-parent .level2 li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important; /* Forces normal vertical flow */
}

/* 5. Style the individual links */
.uk-navbar-nav .uk-parent .level2 li a {
    display: block !important;
    padding: 10px 20px !important;
    color: #444 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #f0f0f0;
}

.uk-navbar-nav .uk-parent .level2 li:last-child a {
    border-bottom: none;
}

/* 6. Hover effect for the links */
.uk-navbar-nav .uk-parent .level2 li a:hover {
    background-color: #f9f9f9 !important;
    color: #e67e22 !important;
}