/* GLOBAL CSS FILE
   Place this in: assets/css/styles.css
*/

.hero-bg {
    /* Updated path: ../images/global/floorplan.png means "go up out of 'css', into 'images', into 'global'" */
    background-image: linear-gradient(rgba(26,93,138,0.6), rgba(26,93,138,0.6)), url('../images/global/floorplan.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* TEXT CONTRAST */
.text-shadow-strong {
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8);
}

.nav-link {
    @apply text-xs uppercase tracking-[0.15em] text-dark hover:text-primary transition;
}
.btn-sharp {
    @apply border border-dark bg-transparent text-dark uppercase tracking-[0.2em] text-xs px-8 py-4 hover:bg-primary hover:text-white hover:border-primary transition;
}
.section-fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}
.section-fade-in.visible { opacity: 1; transform: translateY(0); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
#galleryModal { transition: opacity 0.3s ease; }
#galleryModal.hidden { opacity: 0; pointer-events: none; }
#galleryModal.flex { opacity: 1; pointer-events: auto; }

/* Custom scrollbar hiding for the grid wall */
.hide-scroll::-webkit-scrollbar {
    display: none;
}
.hide-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}