/*
Theme Name: Astra Child - VinCheck Insight
Theme URI: https://vincheckinsight.com
Template: astra
Description: Custom child theme for VinCheck Insight. Professional vehicle history reports.
Version: 1.0.0
Author: VinCheck Insight
Author URI: https://vincheckinsight.com
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

/* =============================================
   GLOBAL CSS VARIABLES
   ============================================= */
:root {
    --vc-purple: #673DE6;
    --vc-purple-light: #8B5CF6;
    --vc-purple-dark: #5429CC;
    --vc-dark: #0a0a0a;
    --vc-gray: #5a5a6e;
    --vc-gray-light: #9a9aaa;
    --vc-bg-light: #F8F9FC;
    --vc-success: #22c55e;
    --vc-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* =============================================
   MINIMAL GLOBAL STYLES
   Only what's absolutely necessary site-wide
   ============================================= */

/* Global font - only if not loaded in HTML widgets */
body {
    font-family: var(--vc-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}


/* =============================================
   EDGE-TO-EDGE: ELEMENTOR + ASTRA OVERRIDES
   Forces page CONTENT to stretch full viewport.
   Eliminates white side-gaps on coloured sections.
   !! SCOPED to .site-content — header is excluded !!
   ============================================= */

/* ── Astra site layout: remove max-width (CONTENT ONLY) ── */
.site-content .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-page,
.ast-separate-container .comment-respond,
.site-content #primary,
.site-content .site-main,
.site-content .entry-content {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remove Astra's post/page wrapper background + shadow (white box) */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-page {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── Elementor containers: full viewport (CONTENT ONLY) ── */
.site-content .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
}

.site-content .elementor-container,
.site-content .elementor-column-wrap,
.site-content .elementor-widget-wrap,
.site-content .elementor-element {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Elementor section itself — no side padding */
.site-content .elementor-section,
.site-content .elementor-section-wrap>.elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Elementor full-width + boxed → both stretch */
.site-content .elementor-section.elementor-section-full_width,
.site-content .elementor-section.elementor-section-boxed {
    width: 100% !important;
    max-width: 100% !important;
}

/* ── Elementor Flexbox containers (new layout) ── */
.site-content .e-con {
    --padding-inline-start: 0 !important;
    --padding-inline-end: 0 !important;
    --padding-block-start: 0 !important;
    --padding-block-end: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

/* Force flex containers to stretch children to full width.
   This prevents left-alignment of HTML widgets inside .e-con */
.site-content .e-con,
.site-content .e-con-inner {
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
}

.site-content .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── HTML widget: take full width, no extra spacing ── */
.site-content .elementor-widget-html {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Widget inner container — zero padding but DO NOT override margin
   (inner wrappers like .vc-container use margin:auto for centering) */
.site-content .elementor-widget-html .elementor-widget-container {
    width: 100% !important;
    padding: 0 !important;
}

/* Kill Astra content background if it's white */
.ast-separate-container #content .ast-container,
.ast-plain-container #content .ast-container {
    background: transparent !important;
}

/* Remove page title area padding */
.ast-archive-description,
.ast-breadcrumbs-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =============================================
   NOTE: Each HTML widget is self-contained
   with its own <style> tag. The overrides above
   only remove Elementor/Astra wrapper spacing
   inside .site-content. Header is untouched.
   ============================================= */

/* =============================================
   8. MOBILE WOOCOMMERCE CHECKOUT FIX
   ============================================= */
@media (max-width: 768px) {

    body.woocommerce-checkout .site-content .ast-container,
    body.woocommerce-checkout .site-content #primary {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}