/**
 * Contacts Page Styles
 * 
 * Reveal animations and map widget container styles
 * 
 * @package StatusInTrade
 * @since 1.0.0
 */

/* ==========================================================================
   Reveal Animation
   ========================================================================== */

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   2GIS Map Widget Container
   ========================================================================== */

/**
 * Map container with rounded corners and shadow
 * Fixed height to prevent collapse before widget loads
 */
#map-widget-container {
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
    min-height: 600px;
    position: relative;
    z-index: 10;
    background: #fff;
}

/**
 * Fix for 2GIS widget to prevent overflow
 * Apply border radius to iframe and child divs
 */
#map-widget-container iframe,
#map-widget-container>div {
    border-radius: 2rem !important;
}