/* TripMayor Branding Styles */
h1, h2, h3, h4, h5, h6 {
    color: #FF9800 !important; /* Primary Orange for Headings */
    font-family: 'Outfit', sans-serif;
}

.box-title a {
    color: #FF9800 !important;
}

.box-title a:hover {
    color: #FF9800 !important; /* Existing dark blue for hover */
}

/* Service Box Enhancements */
.image-box.style4 .details {
    border-bottom: 3px solid #FF9800;
}

.button {
    background-color: #FF9800 !important;
    color: white !important;
    border: none !important;
}

.button:hover {
    background-color: #FF9800 !important;
}

/* Header/Footer adjustments */
#header.style7 {
    background-color: #000000 !important; /* Premium Black Header */
}

.navbar-brand img {
    max-height: 60px;
}

/* Mobile Menu Adjustments */
.mobile-menu {
    background-color: #017EB7 !important; /* Logo Blue */
}

.mobile-menu ul.menu > li > a {
    color: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.mobile-menu ul.menu > li.active > a,
.mobile-menu ul.menu > li > a:hover {
    background-color: #FF9800 !important; /* Logo Orange on hover */
}

.mobile-menu-toggle {
    background-color: #FF9800 !important; /* Orange toggle button */
}

/* Footer Background */
.footer-wrapper {
    background-color: #000000 !important; /* Black Footer */
}

/* Tour Package Label (Top Left Box) */
.entry-date {
    background-color: #017EB7 !important; /* Logo Blue */
    width: auto !important;
    padding: 10px 15px !important;
    min-width: 100px;
    height: auto !important;
    text-align: left !important;
}

.entry-date .date {
    font-size: 1.2em !important;
    font-weight: 700 !important;
    display: block !important;
    color: white !important;
    line-height: 1.2em !important;
}

.entry-date .month {
    font-size: 0.8em !important;
    font-weight: 400 !important;
    display: block !important;
    color: rgba(255, 255, 255, 0.8) !important;
    text-transform: uppercase !important;
}

/* Navigation & Dropdown Adjustments (Replacing Brown with Black) */
.main-navigation .menu > li > a:hover,
.main-navigation .menu > li.active > a {
    color: #000000 !important; /* Black text on hover/active */
}

.main-navigation .menu > li > ul {
    background-color: #000000 !important; /* Black dropdown background */
    border-top-color: #FF9800 !important; /* Orange accent border */
}

.main-navigation .menu > li > ul li > a {
    color: #ffffff !important; /* White text for dropdown items */
}

.main-navigation .menu > li > ul li > a:hover {
    background-color: #FF9800 !important; /* Orange hover for dropdown items */
    color: #000000 !important;
}

/* Fix for mobile menu consistency */
.mobile-menu {
    background-color: #000000 !important; /* Black mobile menu */
}

.mobile-menu ul.menu > li.active > a,
.mobile-menu ul.menu > li > a:hover {
    background-color: #FF9800 !important;
    color: #FF9800 !important;
}