/* BLISS AURA 2.1: CERAMIC LIGHT MODE */

:root {
    --bliss-gold: #D4C5A9;
    --bliss-void: #1C2321;
    --glass-surface: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(255, 255, 255, 0.9);
    --glass-blur: 20px;
}

/* 1. FLUID SCROLL SETUP */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* 2. THE SOMATIC HEADER (Sticky & Glassy) */
/* Targets your specific Elementor Header */
.elementor-location-header, header.elementor-section {
    position: fixed !important;
    width: 100% !important;
    top: 0; left: 0; z-index: 999;
    background-color: rgba(247, 245, 242, 0.85) !important; /* Sand Glass */
    backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(28,35,33,0.05);
    transition: all 0.4s ease;
}

/* 3. THE CERAMIC CARD ENGINE */
/* This targets the exact classes found in your HTML file */
.cmsmasters-featured-box__content,      /* Services */
.cmsmasters-testimonial__inner,         /* Reviews */
.elementor-widget-cmsmasters-icon-list, /* Contact Info */
.wp-block-group.has-background,         /* Gutenberg Blocks */
.elementor-column-wrap.elementor-element-populated /* Generic Columns */
{
    /* We assume the element has content, so we give it the glass treatment */
}

/* THE "BLISS" CLASS (Applied by JS) */
.bliss-alive {
    background-color: var(--glass-surface) !important;
    backdrop-filter: blur(var(--glass-blur)) !important;
    -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 40px -10px rgba(28, 35, 33, 0.08) !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                box-shadow 0.5s ease, 
                border-color 0.3s ease !important;
}

/* 4. HOVER PHYSICS (The Lift) */
.bliss-alive:hover {
    transform: translateY(-8px) !important;
    background-color: #FFFFFF !important; /* Solid White on Hover */
    border-color: var(--bliss-gold) !important;
    box-shadow: 0 25px 60px -15px rgba(212, 197, 169, 0.3) !important; /* Gold Shadow */
    z-index: 10;
}

/* 5. TYPOGRAPHY HEALING */
/* Soften the stark black text to Deep Forest Green */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
    color: var(--bliss-void) !important;
    letter-spacing: -0.02em;
}

/* 6. IMAGE BREATH */
/* Images inside cards will gently zoom */
.bliss-alive img {
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bliss-alive:hover img {
    transform: scale(1.03);
}