/**
 * LimmoVTC - Elementor Compatibility
 *
 * Loaded alongside main.css in the Elementor editor context.
 * Provides overrides so that Elementor pages and editor render correctly.
 */

/* ── Theme CSS Variables (redundant with main.css but ensures availability in editor) ── */
:root {
    --gold: #C8A96E;
    --gold-light: #E8D5A3;
    --gold-dark: #9A7A45;
    --gold-glow: rgba(200,169,110,0.08);
    --glow-gold: rgba(200,169,110,0.15);
    --black: #050505;
    --dark-pure: #020202;
    --dark: #0D0D0D;
    --dark2: #141414;
    --dark3: #1C1C1C;
    --white: #F5F0E8;
    --grey: #888;
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Montserrat', sans-serif;
    --font-accent: 'Cormorant Garamond', serif;
    --cream: #F5F0E8;
    --cream-dark: #E8E0D0;
    --cream-text: #2A2520;
    --cream-text-muted: #5A5248;
    --glass-bg: rgba(13,13,13,0.4);
    --glass-border: rgba(200,169,110,0.15);
    --glass-blur: 20px;
    --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-snap: cubic-bezier(0.77, 0, 0.18, 1);
    --ease-bounce: cubic-bezier(0.25, 1, 0.5, 1);
}

/* ── Inherit theme fonts ── */
body.elementor-page {
    font-family: var(--font-body);
    color: var(--white);
}
body.elementor-page h1,
body.elementor-page h2,
body.elementor-page h3,
body.elementor-page h4,
body.elementor-page h5,
body.elementor-page h6 {
    font-family: var(--font-heading);
}

/* ── Elementor widgets inherit theme colors ── */
.elementor-widget { color: inherit; }
.elementor-widget a { color: var(--gold); }
.elementor-widget a:hover { color: var(--gold-light); }

/* ── Container defaults (Elementor 3.x) ── */
.elementor-container { max-width: 1200px; }
.e-con { --content-width: 1200px; }
.e-con.e-con-full { --content-width: 100%; }

/* ── Button overrides ── */
.elementor-button {
    font-family: var(--font-body);
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ── Remove theme constraints on Elementor pages ── */
body.limmovtc-elementor-page .page-content {
    max-width: none;
    padding: 0;
    margin: 0;
}
body.limmovtc-elementor-page #main-content {
    padding: 0;
}

/* ── Elementor editor — hide theme preloader and custom cursor ── */
body.elementor-editor-active .preloader,
body.elementor-editor-preview .preloader,
body.elementor-editor-active .cursor,
body.elementor-editor-preview .cursor,
body.elementor-editor-active .cursor-ring,
body.elementor-editor-preview .cursor-ring,
body.elementor-editor-active .cursor-trail,
body.elementor-editor-preview .cursor-trail {
    display: none !important;
}

/* ── Scroll progress bar should not appear in editor ── */
body.elementor-editor-active .scroll-progress,
body.elementor-editor-preview .scroll-progress {
    display: none !important;
}

/* ── Force-show all reveal/animation elements in Elementor editor & preview ── */
body.elementor-editor-active .reveal,
body.elementor-editor-active .reveal-left,
body.elementor-editor-active .cinematic-left,
body.elementor-editor-active .cinematic-right,
body.elementor-editor-active .cinematic-scale,
body.elementor-editor-active .cinematic-up,
body.elementor-editor-preview .reveal,
body.elementor-editor-preview .reveal-left,
body.elementor-editor-preview .cinematic-left,
body.elementor-editor-preview .cinematic-right,
body.elementor-editor-preview .cinematic-scale,
body.elementor-editor-preview .cinematic-up,
.elementor-editor-preview .reveal,
.elementor-editor-preview .reveal-left {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* ── Pause marquee animation in editor so content is visible/selectable ── */
body.elementor-editor-active .marquee-track,
body.elementor-editor-active .marquee-track-reverse,
body.elementor-editor-preview .marquee-track,
body.elementor-editor-preview .marquee-track-reverse {
    animation: none !important;
    transform: none !important;
}

/* ── Force visibility on widget containers in editor & preview ── */
body.elementor-editor-active .partners-marquee,
body.elementor-editor-active .stats,
body.elementor-editor-active .booking-steps,
body.elementor-editor-active .features,
body.elementor-editor-active .about-section,
body.elementor-editor-active .contact-immersive,
body.elementor-editor-preview .partners-marquee,
body.elementor-editor-preview .stats,
body.elementor-editor-preview .booking-steps,
body.elementor-editor-preview .features,
body.elementor-editor-preview .about-section,
body.elementor-editor-preview .contact-immersive {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ── Booking Steps curve line — visible in editor ── */
body.elementor-editor-active .steps-curve-path,
body.elementor-editor-preview .steps-curve-path {
    stroke-dashoffset: 0 !important;
    stroke: rgba(200,169,110,0.4);
    stroke-width: 2;
}
body.elementor-editor-active .steps-curve-line,
body.elementor-editor-preview .steps-curve-line {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.elementor-editor-active .step-icon::before,
body.elementor-editor-preview .step-icon::before {
    animation: none !important;
}