/* Custom styles if needed */
.swiper-slide {
    background-size: cover;
    background-position: center;
    min-height: 80vh; /* Adjust as needed */
    display: flex;
    align-items: center;
}
    /* Style for dropdown menu */
.group:hover .group-hover\:block {
    display: block;
}
    /* Mobile menu toggle */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}
.mobile-menu-open {
    transform: translateX(0);
}
.mobile-menu-closed {
    transform: translateX(-100%);
}
/* Custom color definitions */
.text-gold { color: #D1AA4D; } /* Primary Gold */
.bg-gold { background-color: #D1AA4D; }
.border-gold { border-color: #D1AA4D; }
.hover\:text-gold-dark:hover { color: #D69537; } /* Darker Gold for hover */
.hover\:bg-gold-dark:hover { background-color: #D69537; }
.bg-black-overlay { background-color: rgba(0, 0, 0, 0.6); } /* Overlay color */

/* Mobile menu toggle */
#mobile-menu { 
    transition: transform 0.3s ease-in-out; 
}
.mobile-menu-open { 
    transform: translateX(0); 
}
.mobile-menu-closed { 
    transform: translateX(-100%); 
}


/* Dropdown Arrow */
.nav-arrow {
    margin-left: 0.25rem; /* Adjust spacing */
    display: inline-block;
    transition: transform 0.3s ease;
}
.group:hover .nav-arrow {
    transform: rotate(180deg);
}
/* Submenu styling */
.sub-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        background-color: white; /* Or your desired background */
        min-width: 200px; /* Adjust as needed */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        z-index: 50; /* Ensure it's above other content */
}
.sub-menu li a {
    padding: 0.75rem 1rem; /* Adjust padding */
    display: block;
    color: #000000; /* Text color for submenu items */
    white-space: nowrap; /* Prevent wrapping */
}
.sub-menu li a:hover {
    background-color: #f3f4f6; /* Hover background */
    color: #D1AA4D; /* Gold hover text */
}

/* Ensure dropdown hover works */
nav ul li:hover > ul {
    display: block;
}

/* Hamburger Icon Styling */
.hamburger div {
    width: 25px;
    height: 3px;
    background-color: white; /* Or #D1AA4D depending on header background */
    margin: 5px 0;
    transition: 0.4s;
}

/* Animations for Hamburger Icon (Optional) */
.hamburger.active .bar1 {
    transform: rotate(-45deg) translate(-5px, 6px);
}
.hamburger.active .bar2 {
    opacity: 0;
}
.hamburger.active .bar3 {
    transform: rotate(45deg) translate(-5px, -6px);
}

#video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}

/* Style for date picker placeholder */
        input[type="date"]::-webkit-calendar-picker-indicator {
            cursor: pointer;
            opacity: 0.6;
        }