/*
Theme Name: EstateFlow
Theme URI: #
Author: Kive Labs
Author URI: https://kive.co.za/
Description: Minimalist starter theme for Coram Realty Specialist (Tailwind CSS v4 + Property CPT).
Version: 1.0.10
License: GNU General Public License v2 or later
Text Domain: estateflow
*/

/* Core Global Layout Overrides */
body {
    margin: 0;
    background: #F5F5F3;
    font-family: 'Montserrat', sans-serif;
    color: #203A5C;
}

/* Typography Classes */
.serif {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
}

/* Structural Components */
.floating-card {
    box-shadow: 0 30px 70px rgba(0, 0, 0, .28), 0 12px 24px rgba(0, 0, 0, .12);
}

.sale-card {
    transform: perspective(600px) rotateZ(-3deg) rotateY(-6deg);
    box-shadow: 0 32px 60px rgba(0, 0, 0, 0.42), 0 12px 22px rgba(0, 0, 0, 0.20);
}

.location-card {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.hero-image {
    background-size: cover;
    background-position: center center;
}

.headline-shadow {
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.price-shadow {
    text-shadow: 0 5px 18px rgba(0, 0, 0, 0.28);
}

/* Testimonials Slide Mechanics */
.coram-slide {
    opacity: 0;
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
}

.coram-slide.active {
    opacity: 1;
    pointer-events: auto;
}

.coram-dot.active {
    background: #203A5C !important;
    transform: scale(1.15);
}

/* Modal Core Setup Structure */
.coram-modal-backdrop-frame {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(8px);
    align-items: center;
    justify-content: center;
    padding: 2rem;
    z-index: 9999;
}

.coram-modal-backdrop-frame.active {
    display: flex !important;
}

.coram-modal-panel-box {
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 40px 90px rgba(0, 0, 0, .5);
    background: #0F2B55;
    animation: coramModalScale 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes coramModalScale {
    from {
        transform: scale(0.95);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@media (max-width: 900px) {
    .coram-modal-panel-box {
        grid-template-columns: 1fr;
        max-height: 90vh;
        overflow-y: auto;
    }
}