/**
 * Site-wide glass morphism — homepage + inner public pages
 */

/* Canvas behind frosted panels */
.site-glass-theme.page-home,
.site-glass-theme.page-public {
    background-color: var(--glass-canvas);
    background-image:
        radial-gradient(ellipse 90% 55% at 8% -5%, rgba(217, 196, 150, 0.35) 0%, transparent 52%),
        radial-gradient(ellipse 70% 45% at 95% 8%, rgba(255, 255, 255, 0.85) 0%, transparent 48%),
        radial-gradient(ellipse 55% 40% at 50% 100%, rgba(34, 34, 34, 0.06) 0%, transparent 55%);
    background-attachment: fixed;
}

.site-glass-theme main {
    position: relative;
    z-index: 0;
}

/* Let section whites show the mesh gradient */
.site-glass-theme section.bg-white,
.site-glass-theme .brand-collaborations.bg-white,
.site-glass-theme .damac-premier-band.bg-white,
.site-glass-theme .damac-home-destinations.bg-white {
    background: transparent !important;
}

/* Tailwind white cards → glass */
.site-glass-theme .bg-white.rounded-lg,
.site-glass-theme .bg-white.shadow-lg,
.site-glass-theme .bg-white.shadow-xl {
    background: var(--glass-surface) !important;
    backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow) !important;
}

/* ——— Header ——— */
.site-glass-theme .site-header--damac.site-header--glass,
.site-glass-theme .site-header--damac.site-header--solid {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 4px 30px rgba(34, 34, 34, 0.06);
}

.site-glass-theme .page-home .site-header--damac.site-header--transparent {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.42) 0%,
        rgba(0, 0, 0, 0.08) 55%,
        transparent 100%
    );
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.site-glass-theme .btn-damac--header {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.site-glass-theme .page-public .site-header--solid .damac-nav-icon.glass-background,
.site-glass-theme .page-home .site-header--glass .damac-nav-icon.glass-background {
    background: rgba(255, 255, 255, 0.45);
    border-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.2);
}

.site-glass-theme .page-home .site-header--glass .glass-background {
    background: rgba(34, 34, 34, 0.06);
    border-color: var(--glass-edge);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
}

.site-glass-theme .damac-nav-icon:not(.glass-background) {
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-glass-theme .page-public .site-header--solid .damac-nav-icon:not(.glass-background),
.site-glass-theme .page-home .site-header--glass .damac-nav-icon:not(.glass-background) {
    background: rgba(255, 255, 255, 0.5);
    border-color: var(--glass-border);
}

/* ——— Cards & panels ——— */
.site-glass-theme .damac-card,
.site-glass-theme .damac-news-card,
.site-glass-theme .damac-hub-tile,
.site-glass-theme article.damac-card {
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(1.15);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.site-glass-theme .damac-card:hover,
.site-glass-theme .damac-news-card:hover {
    background: var(--glass-surface-strong);
    border-color: rgba(217, 196, 150, 0.55);
    box-shadow: var(--glass-shadow-lg);
}

.site-glass-theme .damac-filter-panel,
.site-glass-theme .damac-property-sidebar,
.site-glass-theme .damac-filter-sticky {
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.15);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.15);
    border-color: var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.site-glass-theme .damac-breadcrumb {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom-color: var(--glass-edge);
}

.site-glass-theme .damac-similar-strip {
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top-color: var(--glass-edge);
}

.site-glass-theme .damac-field,
.site-glass-theme .damac-filter-panel select,
.site-glass-theme .damac-filter-panel input {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-color: var(--glass-edge);
}

.site-glass-theme .brand-logo-item {
    background: var(--glass-surface);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: var(--glass-border);
}

/* Project / community KPI strips */
.site-glass-theme .damac-project-property-kpi,
.site-glass-theme .damac-property-kpi {
    background: var(--glass-surface);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

/* Hero quick search — premium dark glass */
.site-glass-theme .damac-hero-search .quick-search-container,
.site-glass-theme .quick-search-container {
    background: rgba(22, 22, 22, 0.62);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.3);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.3);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.2);
}

.site-glass-theme .damac-hero-search .quick-search-field select {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Menu & search drawers */
.site-glass-theme .damac-menu__panel,
.site-glass-theme .damac-search__panel {
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    border-right: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow-lg);
}

.site-glass-theme .damac-search__panel {
    border-right: none;
    border-left: 1px solid var(--glass-border);
}

.site-glass-theme .damac-menu__backdrop,
.site-glass-theme .damac-search__backdrop {
    background: rgba(10, 10, 10, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.site-glass-theme .damac-search-input,
.site-glass-theme .damac-search-select {
    background: rgba(255, 255, 255, 0.55);
    border: 1px solid var(--glass-edge);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Enquiry modal */
.site-glass-theme #enquiry-modal .damac-glass-modal {
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow-lg);
}

.site-glass-theme #enquiry-modal .absolute.inset-0.bg-black\/60 {
    background: rgba(8, 8, 8, 0.45) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.site-glass-theme #enquiry-modal input,
.site-glass-theme #enquiry-modal select,
.site-glass-theme #enquiry-modal textarea {
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* Floating actions */
.site-glass-theme .damac-fab {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
}

.site-glass-theme .damac-fab--primary {
    background: rgba(217, 196, 150, 0.85);
    border-color: rgba(255, 255, 255, 0.4);
}

/* Flash messages */
.site-glass-theme .damac-flash__item--success {
    background: rgba(240, 253, 244, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.site-glass-theme .damac-flash__item--error {
    background: rgba(254, 242, 242, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Sticky launch / property bars */
.site-glass-theme .damac-sticky-bar,
.site-glass-theme .damac-project-sticky-cta {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.15);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.15);
    border-top: 1px solid var(--glass-border);
    box-shadow: 0 -8px 32px rgba(34, 34, 34, 0.08);
}

.site-glass-theme .damac-mobile-sticky-bar {
    background: rgba(28, 28, 28, 0.72);
    backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    -webkit-backdrop-filter: blur(var(--glass-blur-lg)) saturate(1.2);
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.25);
}

.site-glass-theme .damac-launch-card__body {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 70%, transparent 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Pagination */
.site-glass-theme .damac-pagination a,
.site-glass-theme .damac-pagination span {
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.site-glass-theme .damac-pagination .is-active {
    background: rgba(217, 196, 150, 0.9);
}

@media (prefers-reduced-transparency: reduce) {
    .site-glass-theme .damac-card,
    .site-glass-theme .site-header--glass,
    .site-glass-theme .damac-glass,
    .site-glass-theme .damac-menu__panel {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: #fff;
    }
}