/* ===================== Base Styles ===================== */
body {
    background-color: #111827;
    color: #f1f1f1;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	
}

/* ===================== Navbar ===================== */

/* Remove old navbar-custom – not used */

/* Logo */
.nav-logo {
  width: auto;
  height: 40px;
}
/* Navbar separators */
.nav-separator {
    color: #bfc9d1;
    margin: 0 10px;
    font-size: 18px;
    font-weight: 300;
}

/* Nav link spacing */
.navbar-nav .nav-link {
    padding: 10px 6px;
}

/* Center menu spacing */
.navbar-nav {
    gap: 5px;
}

/* Right section alignment */
.navbar .ms-auto {
    margin-left: auto !important;
}

/* Social icon styles */
.social-icons a {
    color: #fff;
    margin-right: 10px;
    font-size: 20px;
    transition: 0.2s;
}

.social-icons a:hover {
    transform: scale(1.2);
    color: #f1c40f;
}

/* Carousel images */
.carousel-img-fixed {
    height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 15px;
}
/* Ensure full navbar stays in 1 row */
.navbar {
    white-space: nowrap;
}

.navbar-nav {
    flex-wrap: nowrap !important;
}

/* Right side */
.right-info {
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* Prevent "Book A Bed" from breaking lines */
.navbar-nav .nav-link {
    white-space: nowrap;
}

/* Control spacing */
.nav-separator {
    margin: 0 6px;
    color: #9aa2a9;
}

/* Social icons*/
.social-icons a {
    font-size: 19px;
    margin-right: 10px;
}
/* --- Right Section Wrapper --- */
.right-info {
    gap: 25px; /* space between social icons and contact info */
}

/* --- Social Icons --- */
.social-icons a {
    color: #ffffff;
    font-size: 18px;
    margin-right: 12px;
    transition: 0.3s;
}

.social-icons a:last-child {
    margin-right: 0;
}

.social-icons a:hover {
    color: #f1c40f; /* gold hover */
}



/* Divider line spacing */
.contact-info span {
    color: #cccccc;
    padding: 0 8px;
}

/* Fix vertical alignment */
.navbar .right-info,
.navbar .contact-info,
.navbar .social-icons {
    display: flex;
    align-items: center;
}

/* --- RESPONSIVE MOBILE FIX --- */
@media (max-width: 991px) {
    .right-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 10px;
    }

    .contact-info {
        font-size: 14px;
    }

    .social-icons a {
        font-size: 16px;
    }
	
}

/* Align Right Section */
.right-info {
    display: flex;
    align-items: center;
    gap: 25px;
}

/* Social Icons */
.social-icons a {
    color: #ffffff;
    font-size: 20px;
    margin-right: 12px;
}

.social-icons a:hover {
    color: #f1c40f;
}

/* Contact Info Wrapper */
.contact-info {
    display: flex;
    align-items: center;
    gap: 15px; /* space between phone and email */
}

/* Phone + Email Items */
.contact-info .phone,
.contact-info .email {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
}

/* Icons (Gold Color & Spacing) */
.contact-info i {
    color: #f1c40f;    /* gold like your screenshot */
    font-size: 20px;
    margin-right: 6px; /* small gap exactly like screenshot */
}

/* Responsive */
@media (max-width: 991px) {
    .right-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .contact-info {
        flex-direction: column;
        gap: 8px;
    }
}


.contact-info {
    margin-left: 15px;   /* move right */
    font-size: 12px;
    color: #ecf0f1;
}

.contact-info i {
    color: #f1c40f;      /* gold icons */
    margin-right: 1px;
}

/* PG Section */
.pg-section {
    background: #1f2937;
    padding: 40px 30px;
    border-radius: 12px;
    color: #f1f1f1;
    margin-bottom: 40px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Title */
.pg-title {
    font-size: 32px;
    font-weight: 700;
    color: #f1c40f;
    text-align: center;
    margin-bottom: 10px;
}

.pg-title span {
    color: #ffffff;
    font-weight: 500;
}

/* Subtitle */
.pg-subtitle {
    text-align: center;
    color: #e5e5e5;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
}

/* Description */
.pg-description {
    text-align: center;
    font-size: 16px;
    color: #d1d5db;
    max-width: 800px;
    margin: auto;
    margin-bottom: 20px;
}

/* List */
.pg-list {
    list-style: none;
    padding-left: 0;
    max-width: 800px;
    margin: auto;
}

.pg-list li {
    font-size: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pg-list li i {
    color: #f1c40f;
    font-size: 18px;
}
/* Make all gallery images the same size */
.gallery-img {
    height: 250px;       /* Set a fixed height */
    width: 100%;         /* Take full card width */
    object-fit: cover;   /* Crop image without distortion */
}






/* Footer Background */
.footer-section {
    background-color: #0a0a0a !important;  /* darker for better contrast */
}

/* Footer Titles */
.footer-title {
    color: #ffffff !important;  /* full white */
    font-weight: 600;
}

/* Footer Menu Links */
.footer-list a,
.footer-contact a {
    color: #f5f5f5 !important;  /* bright white (passes contrast) */
    text-decoration: none;
}

.footer-list a:hover,
.footer-contact a:hover {
    color: #ffd700 !important;  /* golden yellow hover */
}

/* Footer text (© copyright) */
.footer-bottom-text p {
    color: #e6e6e6 !important;
}

.carousel-img-fixed {
  aspect-ratio: 16/5;
  width: 100%;
  object-fit: cover;
}

.pg-box {
    background-color: #0f1b2a;   /* same as top box */
    padding: 35px;
    border-radius: 12px;
    max-width: 1100px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.pg-box p {
    line-height: 1.8;
    margin-bottom: 15px;
    color: #d6d6d6;
}

.pg-box h2.pg-title {
    text-align: center;
    margin-bottom: 20px;
}