/* Custom hover effect */
.gallery-img {
    transition: transform 0.3s ease;
    width: 100%;
    height: 100%;
    object-fit: fill;
    /* Ensures the image covers the container */
}

.gallery-img:hover {
    transform: scale(1.05);
    cursor: pointer;
}

.gallery-item {
    aspect-ratio: 1/1;
    /* Maintain a square aspect ratio */
    overflow: hidden;
    /* Ensure no content overflows */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    /* Optional background color */
}

.row,
.col {
    margin: 0;
    /* Remove any default margins */
    padding: 0;
    /* Remove default padding */
}

/* Ensure modal fills the screen */
.modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: 100%;
}

.modal-content {
    height: 100%;
    background: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body {
    padding: 0;
    position: relative;
    /* Makes it possible to absolutely position elements inside */
    height: 100%;
}

/* Image full-bleed */
#lightboxImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Keep aspect ratio */
}

/* Close button styling */
.btn-close-white {
    z-index: 2;
    /* Ensure it appears above the image */
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

.btn-close-white:hover {
    opacity: 1;
}

/* Position the button on the image's top-right corner */
.modal-body .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.baumans-regular {
    font-family: "Baumans", serif;
    font-weight: 400;
    font-style: normal;
}


.inter-body-bold {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    /* Adjust the weight as needed */
    font-style: normal;
}

/* Navbar scroll behavior */
.navbar-scroll {
    background-color: rgba(0, 0, 0, 0.8);
    /* Example scroll effect */
    transition: background-color 0.3s ease-in-out;
}

.navbar.navbar-scroll .nav-link {
    color: white !important;
    /* Make nav links white when scrolled */
}

/* Optional: add smooth color transition */
.navbar .nav-link {
    color: #000 !important;
    /* Default link color */
    transition: color 0.3s ease;
}