/*
 * Marina de Los Caracas — Elementor Compatibility CSS
 * Este archivo se carga solo cuando Elementor está activo.
 * Aquí van overrides para que el tema funcione perfectamente con Elementor.
 */

/* ─── Reset Elementor defaults que chocan con el tema ─────────────────── */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
    max-width: none;
}

/* Fuentes del tema aplicadas a Elementor */
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-text-editor {
    font-family: 'Playfair Display', serif;
}
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
    font-family: 'Jost', sans-serif;
}

/* ─── Secciones Elementor con fondo del tema ──────────────────────────── */
.elementor-section.marina-dark-section {
    background-color: var(--navy-d) !important;
}
.elementor-section.marina-navy-section {
    background-color: var(--navy) !important;
}
.elementor-section.marina-darkest-section {
    background-color: var(--navy-dd) !important;
}

/* ─── Botones Elementor con estilo del tema ───────────────────────────── */
.elementor-button.marina-btn-gold {
    background-color: var(--gold) !important;
    color: var(--navy-d) !important;
    border-radius: 0 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
}
.elementor-button.marina-btn-gold:hover {
    background-color: var(--gold-l) !important;
}
.elementor-button.marina-btn-outline {
    background-color: transparent !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 0 !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Jost', sans-serif;
}
.elementor-button.marina-btn-outline:hover {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
}

/* ─── Headings Elementor con el serif del tema ────────────────────────── */
.elementor-widget-heading .elementor-heading-title.marina-serif {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.15;
}
.elementor-widget-heading .elementor-heading-title.marina-serif em {
    font-style: italic;
    color: var(--gold);
}

/* ─── Divider dorado ──────────────────────────────────────────────────── */
.elementor-widget-divider.marina-gold-divider .elementor-divider-separator {
    border-color: var(--gold) !important;
    border-width: 2px !important;
}

/* ─── Nav en páginas con Elementor ───────────────────────────────────── */
body.elementor-page #marina-nav {
    background: rgba(6, 13, 26, 0.96) !important;
    backdrop-filter: blur(12px);
    border-bottom-color: rgba(201, 168, 76, 0.2) !important;
}

/* ─── Full-width Elementor Sections ──────────────────────────────────── */
.elementor-section.elementor-section-full_width > .elementor-container {
    max-width: 100%;
}

/* ─── Elementor Forms con estilo Marina ───────────────────────────────── */
.elementor-form .elementor-field-group .elementor-field {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    font-family: 'Jost', sans-serif !important;
}
.elementor-form .elementor-field-group .elementor-field::placeholder {
    color: rgba(255,255,255,0.3) !important;
}
.elementor-form .elementor-button {
    background: var(--gold) !important;
    color: var(--navy-d) !important;
    border-radius: 0 !important;
    letter-spacing: 2px;
    font-family: 'Jost', sans-serif !important;
}

/* ─── Stats widget con estilo Marina ─────────────────────────────────── */
.elementor-counter .elementor-counter-number-wrapper {
    font-family: 'Playfair Display', serif;
    color: var(--gold-l);
}
.elementor-counter .elementor-counter-title {
    font-family: 'Jost', sans-serif;
    color: var(--gray);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
}

/* ─── Cards con hover effect del tema ─────────────────────────────────── */
.elementor-widget-image-box.marina-card:hover {
    border-color: rgba(201,168,76,0.3);
}

/* ─── Asegurar que el footer siempre aparece ─────────────────────────── */
body.elementor-page #marina-footer {
    display: block !important;
}

/* ─── Elementor canvas (páginas en blanco) — eliminar nav y footer ─────── */
body.elementor-page-builder #marina-nav,
body.elementor-page-builder #marina-footer {
    display: none;
}

/* ─── Typography global override para Elementor ──────────────────────── */
.elementor * {
    --e-global-color-primary: var(--gold);
    --e-global-color-secondary: var(--teal);
    --e-global-color-text: rgba(255,255,255,0.75);
    --e-global-color-accent: var(--navy);
    --e-global-typography-primary-font-family: 'Playfair Display';
    --e-global-typography-secondary-font-family: 'Jost';
    --e-global-typography-text-font-family: 'Jost';
    --e-global-typography-accent-font-family: 'Cormorant Garamond';
}