/*------------------------------------------------------------------
    Chaminuka RDC Corporate Colors Override
    Primary (Brown): #7a5253
    Secondary (Maroon): #a53946
    Tertiary (Blue): #404196
-------------------------------------------------------------------*/

/* Logo Size and Positioning - Overlapping Top Bar */
header .logo {
    position: absolute !important;
    top: 0 !important;
    left: 220px !important;
    z-index: 100;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 150px !important;
}

header .logo img {
    max-height: 120px !important;
    width: auto !important;
    transition: all 0.3s ease;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

header .logo a {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
}

/* Slider button text color */
.home-slider .btn {
    color: #fff !important;
}

/* History section image override */
.history .museum-img {
    background: url(../images/about.webp) center center no-repeat !important;
    background-size: cover !important;
}

/* Mobile responsive logo positioning */
@media (max-width: 991px) {
    header .logo {
        left: 15px !important;
    }
}

/* Remove all header padding */
header {
    padding: 0 !important;
    margin: 0 !important;
}

header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

nav {
    margin: 0 !important;
    padding: 0 !important;
}

/* Move entire nav container down */
header .container:has(nav) {
    margin-top: 30px !important;
}

/* Top Bar - Primary Brown Background */
header .top-bar {
    background: #7a5253 !important;
}

/* Align header content with body content */
header .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Navigation Active/Hover - No Background */
nav .ownmenu li.active a,
nav .ownmenu li a:hover {
    color: #404196 !important;
    background: transparent !important;
}

header .ownmenu > li.active > a,
header .ownmenu > li > a:hover {
    background: transparent !important;
}

/* Submenu/Dropdown Background - Secondary Maroon */
header .ownmenu ul.dropdown {
    background: #a53946 !important;
    padding-top: 15px !important;
    margin-top: 0 !important;
    top: 100% !important;
}

header .ownmenu ul.dropdown li a {
    color: #fff !important;
    padding: 10px 20px !important;
}

header .ownmenu ul.dropdown li a:hover {
    background: #7a5253 !important;
    color: #fff !important;
}

/* Fix dropdown hover - prevent menu from disappearing */
header .ownmenu > li {
    position: relative !important;
}

header .ownmenu > li:hover > ul.dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

header .ownmenu ul.dropdown {
    position: absolute !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: none !important;
}

header .ownmenu ul.dropdown li:hover > ul.dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Buttons - Primary Brown */
.btn {
    background: #7a5253 !important;
    border-color: #7a5253 !important;
}

.btn:hover {
    background: #a53946 !important;
    border-color: #a53946 !important;
}

/* Secondary Button - Maroon */
.btn-1 {
    background: #a53946 !important;
    border-color: #a53946 !important;
}

.btn-1:hover {
    background: #404196 !important;
    border-color: #404196 !important;
}

/* Section Titles and Headings */
.tittle h2 {
    color: #7a5253 !important;
}

.tittle hr {
    background: #a53946 !important;
}

/* History Section */
.history-detail h4 {
    color: #7a5253 !important;
}

.history-detail hr {
    background: #a53946 !important;
}

/* Gallery Tags */
.gallery .tag {
    background: #404196 !important;
}

/* Gallery Hover */
.gallery .hover-info {
    background: rgba(122, 82, 83, 0.9) !important;
}

.gallery .hover-info a {
    color: #fff !important;
    border-color: #a53946 !important;
}

/* Event Date Badge */
.event .date {
    background: #a53946 !important;
}

/* Links */
a {
    color: #404196 !important;
}

a:hover {
    color: #a53946 !important;
}

/* About Section Links */
.about a {
    color: #7a5253 !important;
}

.about a:hover {
    color: #a53946 !important;
}

/* Hours Section */
.hrs h3 {
    color: #7a5253 !important;
}

.hrs .appoiment {
    background: #404196 !important;
}

/* Footer */
footer {
    background: #7a5253 !important;
}

/* Footer Links - White Color */
footer .foot-link li a {
    color: #ffffff !important;
}

footer .foot-link li a:hover {
    color: #a53946 !important;
}

footer .con-info li p,
footer .social-link li a {
    color: #ffffff !important;
}

footer .social-link li a:hover {
    color: #a53946 !important;
}

/* Sponsors Section Background */
.sponsors {
    background: url(../images/sponsor.webp) no-repeat !important;
    background-size: cover !important;
}

/* Sponsors Section Overlay - Lighter for better logo visibility */
.sponsors .overlay {
    background: rgba(255, 255, 255, 0.75) !important;
}

/* Sponsor Logos - Smaller Size */
.sponsors .client-slide img {
    max-width: 120px !important;
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Event Details */
.event-detail h4 {
    color: #7a5253 !important;
}

.event-detail span i {
    color: #a53946 !important;
}

/* Navigation Border - Removed */
nav {
    border-bottom: none !important;
}

/* Position slider/content sections with space for menu */
.home-slider,
.sub-bnr {
    margin-top: 10px !important;
    padding-top: 0 !important;
}

/* Mobile Responsive Menu */
@media (max-width: 991px) {
    /* Hamburger Menu Icon */
    .mobile-menu-toggle {
        display: block !important;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 9999;
        background: #7a5253;
        color: #fff;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 24px;
    }
    
    .mobile-menu-toggle:hover {
        background: #a53946;
    }
    
    /* Hide hamburger when menu is active */
    .mobile-menu-toggle.hidden {
        display: none !important;
    }
    
    /* Hide desktop nav */
    header nav {
        display: none !important;
    }
    
    /* Mobile Menu Overlay */
    .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #7a5253;
        z-index: 9998;
        transition: right 0.3s ease-in-out;
        overflow-y: auto;
        padding: 60px 20px 20px;
    }
    
    .mobile-menu.active {
        right: 0;
    }
    
    /* Mobile Menu Close Button */
    .mobile-menu-close {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10000;
        background: #7a5253;
        color: #fff;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 24px;
        display: none;
    }
    
    .mobile-menu-close.active {
        display: block !important;
    }
    
    .mobile-menu-close:hover {
        background: #a53946;
    }
    
    /* Mobile Menu Items */
    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .mobile-menu ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .mobile-menu ul li a {
        display: block;
        padding: 15px 10px;
        color: #fff !important;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal !important;
        font-family: 'Open Sans', sans-serif !important;
    }
    
    .mobile-menu ul li a:hover,
    .mobile-menu ul li.active a {
        background: #a53946;
        color: #fff !important;
    }
    
    /* Overlay backdrop */
    .mobile-menu-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9997;
        display: none;
    }
    
    .mobile-menu-backdrop.active {
        display: block;
    }
}

@media (min-width: 992px) {
    .mobile-menu-toggle,
    .mobile-menu,
    .mobile-menu-backdrop {
        display: none !important;
    }
}

/* Primary Color Accents */
h4, h5 {
    color: #7a5253 !important;
}

/* Icon Colors */
.ion-ios-clock-outline,
.ion-headphone,
.ion-ios-location-outline {
    color: #a53946 !important;
}

/* Gallery Detail Links */
.gallery .detail a {
    color: #7a5253 !important;
}

.gallery .detail a:hover {
    color: #a53946 !important;
}

/* Social Links */
.social-link li a:hover {
    color: #a53946 !important;
}

/* Form Elements (if any) */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #404196 !important;
}

/* Gradient Overlays */
.overlay {
    background: linear-gradient(135deg, rgba(122, 82, 83, 0.85), rgba(64, 65, 150, 0.75)) !important;
}
textarea:focus {
    border-color: #404196 !important;
}

/* Gradient Overlays */
.overlay {
    background: linear-gradient(135deg, rgba(122, 82, 83, 0.85), rgba(64, 65, 150, 0.75)) !important;
}