/* ═══════════════════════════════════════════════════════
   elementor-overrides.css
   Forces ThatRV dark theme over Elementor/Hello Elementor defaults.
   Loads last so specificity wins.
   ════════════════════════════════════════════════════ */

/* ── Force dark body background ──────────────────────── */
html,
body,
body.elementor-page,
body.hello-elementor,
body.page-template-elementor_canvas,
body.page-template-default {
    background-color: #070A14 !important;
    background: #070A14 !important;
    color: #fff !important;
}

/* ── Elementor section/container backgrounds ─────────── */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
    background-color: transparent !important;
}

/* Reset Elementor's default white on headings and body text */
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4,
.elementor-widget-container h5,
.elementor-widget-container p {
    color: inherit;
}

/* ── Header: override Hello Elementor defaults ───────── */
#site-header,
.site-header,
header.site-header,
.hello-elementor-header {
    display: none !important; /* hide Hello Elementor's own header shell */
}

/* Our custom nav */
.trv-header {
    display: flex !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    height: 68px !important;
    background: rgba(7,10,20,0.92) !important;
    border-bottom: 1px solid rgba(255,255,255,0.09) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    width: 100% !important;
}

/* ── Page/post title Elementor sometimes inserts ─────── */
.page-title-hidden .entry-header,
.entry-header.page-header {
    display: none !important;
}

/* ── Fix Elementor column widths inside our widgets ──── */
.elementor-widget-thatrv-hero .trv-container,
.elementor-widget-thatrv-why .trv-container,
.elementor-widget-thatrv-lifestyle .trv-container,
.elementor-widget-thatrv-guides-grid .trv-container,
.elementor-widget-thatrv-comparisons .trv-container,
.elementor-widget-thatrv-listings-grid .trv-container,
.elementor-widget-thatrv-sell-banner .trv-container,
.elementor-widget-thatrv-parks-search .trv-container,
.elementor-widget-thatrv-find-rvs .trv-container,
.elementor-widget-thatrv-sell-page .trv-container,
.elementor-widget-thatrv-dashboard .trv-container {
    max-width: 100% !important;
    padding-inline: 0 !important;
}

/* ── Elementor editor preview dark mode ──────────────── */
.elementor-editor-active body,
body.elementor-editor-preview {
    background: #070A14 !important;
}

/* ── Remove default Hello Elementor body padding ─────── */
body.hello-elementor .site {
    background: #070A14 !important;
}
.site-main,
main#main,
main.site-main {
    background: transparent !important;
}

/* ── Elementor Pro popup/modal backgrounds ───────────── */
.elementor-location-header {
    background: transparent !important;
}

/* ── Fix white flash on page load ────────────────────── */
:root {
    color-scheme: dark;
}

/* ── Input/select Elementor defaults ────────────────────*/
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea {
    background: rgba(255,255,255,0.05) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,0.09) !important;
}