/*
Theme Name: Astra Child Theme
Template: astra
Version: 1.0.0
*/

/* Cosmic styling yahan add karein */
body {
    background: #0a0e17;
    color: #ffffff;
}

/* Full Width Sections Ke Liye Important CSS */
.full-width-section {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
}

/* Astra Container Ko Override Karein */
.ast-container, 
.site-content .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* Page Builder Compatibility */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

.elementor-section-stretched {
    width: 100% !important;
    max-width: 100% !important;
}

/* Gutenberg Full Width Blocks */
.alignfull, 
.alignwide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-group.alignfull {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Header aur Footer bhi full width */
.site-header, 
.site-footer {
    max-width: 100% !important;
}

/* Main Content Area */
.site-content {
    max-width: 100% !important;
}

/* Additional Safe Guards */
body, html {
    overflow-x: hidden;
    max-width: 100%;
}

/* Astra Specific Overrides */
.ast-row, 
.ast-flex {
    max-width: 100% !important;
}

/* Custom Classes for Specific Use */
.section-fullwidth {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.container-full {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}