/* Tanah Baru Residence — shared styles */

.glass-nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-overlay {
    background: linear-gradient(to right, rgba(6, 78, 59, 0.92) 0%, rgba(6, 78, 59, 0.55) 55%, rgba(6, 78, 59, 0.35) 100%);
}

.page-hero-overlay {
    background: linear-gradient(to bottom, rgba(6, 78, 59, 0.85) 0%, rgba(6, 78, 59, 0.75) 100%);
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Dropdown (Tipe Rumah) */
.nav-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.nav-dropdown-wrap:hover .nav-dropdown,
.nav-dropdown-wrap:focus-within .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Active nav link (set via main.js based on current page) */
.nav-active {
    color: #059669 !important;
    font-weight: 700;
}

/* Gallery filter buttons */
.filter-btn.active {
    background-color: #059669;
    color: #fff;
    border-color: #059669;
}

/* Simple fade-in-up utility for scroll reveal */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .6s ease, transform .6s ease;
}
.reveal.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Lightbox */
#lightbox {
    background: rgba(6, 20, 15, 0.92);
}

/* Line clamp helper (in case Tailwind CDN build lacks the plugin) */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* WhatsApp floating button */
.wa-float {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 40;
}