/* Color Palette: 
   - Background: white
   - Text: black
   - Menu Hover: goldenbrown (#DAA520, a nice rich gold/brown)
   - Highlight Hover: black
   - Accent/Border: A slightly darker golden-brown for subtle accents (#B8860B)
*/

/* GLOBAL STYLES */
body {
    background-color: white;
    color: black;
    font-family: Arial, sans-serif;
}

/* BRANDING */
.brand-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: black !important; /* Ensure brand name is black */
}
.brand-name strong {
    color: #DAA520; /* Highlight Jaisalmer in goldenbrown */
}

/* NAVIGATION MENU STYLES */
.nav-link {
    color: black !important;
    font-weight: 500;
    transition: color 0.3s ease;
}

.nav-link:hover,
.nav-link.active {
    color: #DAA520 !important; /* Menu Hover Color: goldenbrown */
}

/* CAROUSEL/SLIDER STYLES */
.carousel-item {
    height: 600px; /* Standard height for a full slider */
    background-size: cover;
    background-position: center;
    position: relative;
}
.carousel-caption {
    background: rgba(0, 0, 0, 0.4); /* Dark overlay for text readability */
    padding: 20px;
    border-radius: 5px;
    bottom: 20%;
}
.carousel-caption h1 {
    color: white;
    font-size: 3rem;
    font-weight: 700;
}
.carousel-caption p {
    color: #f0f0f0;
}

/* HIGHLIGHTED LINKS (More, Read More, Explore Etc) */
.highlight-link {
    background-color: #DAA520; /* Base color: goldenbrown */
    color: white;
    border: 2px solid #DAA520;
    font-weight: 600;
    transition: all 0.3s ease;
}

.highlight-link:hover {
    background-color: black; /* Highlight Hover Color: black */
    color: white;
    border-color: black;
}

/* SECTION SPECIFIC STYLES */
.card-body {
    background-color: white;
}
.border-golden {
    border: 3px solid #DAA520 !important;
}

/* FOOTER STYLES */
.footer {
    background-color: black;
    color: white;
}
.footer h5 {
    color: #DAA520;
    font-weight: 600;
}
.footer-link {
    color: white;
    text-decoration: none;
    transition: color 0.3s ease;
}
.footer-link:hover {
    color: #DAA520; /* Menu Hover Color: goldenbrown */
}

/* Instagram Grid Placeholder */
.instagram-grid img {
    width: 31%;
    height: auto;
    object-fit: cover;
}