/* Global navbar styling for all pages */

/* Override sticky header behavior */
#sticky-header.main-header-area,
#sticky-header.main-header-area.sticky {
    background-color: #d67909 !important;
    padding: 5px 0 !important;
    height: 150px !important;
    min-height: 150px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
}

@keyframes waveAnimation {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Contact bar styling */
.header-contact-bar {
    background-color: #f8f8f8;
    padding: 5px 15px;
    position: fixed;
    top: 150px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9998;
    border-bottom: 1px solid #e0e0e0;
}

/* Add padding to body to prevent content from being hidden under fixed navbar */
body {
    padding-top: 180px !important;
}

/* Ensure logo stays the same size when scrolling */
.header-area .main-header-area .logo img,
.header-area .main-header-area.sticky .logo img {
    height: 110px !important;
    max-height: 110px !important;
    width: auto !important;
}

/* Mobile logo override */
@media (max-width: 767px) {
    .header-area .main-header-area .logo img,
    .header-area .main-header-area.sticky .logo img {
        height: 45px !important;
        max-height: 45px !important;
        width: auto !important;
    }
}

/* Ensure text stays the same size when scrolling */
.header-area .main-header-area .logo a,
.header-area .main-header-area.sticky .logo a {
    font-size: 28px !important;
}

/* Social media icons */
.social_media_links {
    text-align: right;
}

.social_media_links a {
    margin-left: 15px;
    font-size: 16px;
    color: #d67909;
}

/* Contact list styling */
.short_contact_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.short_contact_list ul li {
    display: inline-block;
    margin-right: 20px;
}

.short_contact_list ul li a {
    color: #333;
    font-size: 14px;
}

.short_contact_list ul li a i {
    color: #d67909;
    margin-right: 5px;
}

/* Navigation menu alignment - keep consistent when scrolling */
#navigation,
.header-area .main-header-area.sticky #navigation {
    margin-bottom: 0;
    width: 100%;
    justify-content: flex-end;
}

#navigation li,
.header-area .main-header-area.sticky #navigation li {
    margin: 0 2px;
    white-space: nowrap;
}

#navigation li a,
.header-area .main-header-area.sticky #navigation li a {
    padding: 8px 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    color: #D50809 !important;
    -webkit-text-stroke: 1px white !important;
    text-stroke: 1px white !important;
}

/* Submenu styling */
#navigation .submenu {
    background-color: #d67909 !important;
    border-top: 3px solid #d67909 !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important;
}

#navigation .submenu li a,
.header-area .main-header-area.sticky #navigation .submenu li a {
    color: white !important;
    font-weight: 500 !important;
    padding: 10px 15px !important;
}

#navigation .submenu li a:hover {
    background-color: #d67909 !important;
    color: white !important;
}

/* Ensure donate button alignment and size */
.book_btn a,
.header-area .main-header-area.sticky .book_btn a {
    padding: 8px 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background-color: #d67909 !important;
    color: white !important;
    border: 2px solid white !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
}

/* Improve mobile menu */
@media (max-width: 767px) {
    .logo img {
        max-height: 25px !important;
        margin-right: 5px !important;
    }
    
    .logo a {
        font-size: 12px !important;
        display: flex !important;
        align-items: center !important;
        height: 60px !important;
        margin-left: 0 !important;
        padding-left: 5px !important;
    }
    
    .col-xl-2.col-lg-2 {
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    
    .header-area .main-header-area {
        padding: 5px 15px !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .row.align-items-center {
        align-items: center !important;
        height: 60px !important;
        margin: 0 !important;
    }
    
    .col-xl-2.col-lg-2 {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    .col-xl-10.col-lg-10 {
        flex: 1 !important;
        text-align: right !important;
    }
    
    #navigation {
        display: none !important;
    }
    
    .mobile_menu {
        display: block !important;
        margin-top: 0 !important;
    }
    
    body {
        padding-top: 90px !important;
    }
    
    .header-contact-bar {
        display: block !important;
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9998 !important;
        background-color: #f8f8f8 !important;
        padding: 3px 10px !important;
        font-size: 10px !important;
    }
    
    .short_contact_list ul {
        display: flex !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .short_contact_list ul li {
        margin-right: 15px !important;
        font-size: 10px !important;
    }
    
    .social_media_links {
        display: none !important;
    }
    
    #sticky-header.main-header-area,
    #sticky-header.main-header-area.sticky {
        background-color: #d67909 !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 0px 15px !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .slicknav_menu {
        background: transparent !important;
        position: relative !important;
    }
    
    .slicknav_btn {
        background-color: #d67909 !important;
        border: 2px solid white !important;
        margin-top: 0 !important;
        width: 35px !important;
        height: 35px !important;
        position: absolute !important;
        right: 15px !important;
        top: -70px !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .slicknav_nav {
        background-color: #d67909 !important;
        margin-top: 0px !important;
        position: absolute !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
    }
    
    .slicknav_nav a {
        color: #D50809 !important;
        -webkit-text-stroke: 1px white !important;
        text-stroke: 1px white !important;
        padding: 15px 20px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    
    .slicknav_nav a:hover {
        background-color: rgba(255,255,255,0.1) !important;
    }
}