/**
 * Estilos para Largura Total - LEDS
 * 
 * @package LEDS_Child_Theme
 * @version 1.0.2
 */

/* ========================================
   IMPORTAÇÃO DE FONTES
   ======================================== */

/* Importação das fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ========================================
   LARGURA TOTAL - REMOVER CONTAINERS
   ======================================== */

/* Remover containers do tema pai */
.site-content .leds-container,
.site-content .container,
.site-content .wp-block-group__inner-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Garantir que os widgets Elementor ocupem 100% da largura */
.elementor-section,
.elementor-container,
.elementor-column {
    max-width: 100% !important;
}

/* Garantir que os widgets LEDS ocupem 100% da largura */
.leds-banner,
.leds-technology,
.leds-solutions,
.leds-brands,
.leds-blog,
.leds-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Containers dos widgets com largura total */
.leds-banner.full-width .leds-banner-container,
.leds-technology.full-width .leds-technology-container,
.leds-solutions.full-width .leds-solutions-container,
.leds-brands.full-width .leds-brands-container,
.leds-blog.full-width .leds-blog-container,
.leds-cta.full-width .leds-cta-container {
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* ========================================
   ELEMENTOR FULL WIDTH - OVERRIDE CONTAINERS
   ======================================== */

/* Forçar largura 100% nos containers do Elementor */
.elementor-section.elementor-section-boxed > .elementor-container,
.elementor-section.elementor-section-full_width > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Override específico para .e-con-inner */
.e-con > .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    --content-width: 100% !important;
}

/* Garantir que todas as seções do Elementor ocupem 100% */
.elementor-section {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override para containers específicos do Elementor */
.elementor-container {
    max-width: 100% !important;
    width: 100% !important;
}

/* Forçar largura total em colunas do Elementor */
.elementor-column {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override para widgets do Elementor */
.elementor-widget {
    width: 100% !important;
    max-width: 100% !important;
}

/* Garantir que elementos com classes específicas do Elementor sejam 100% */
.elementor-element.elementor-element-7ad93aa,
.elementor-element[class*="elementor-element-"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Override para containers flex do Elementor */
.e-flex.e-con-boxed.e-con.e-parent {
    width: 100% !important;
    max-width: 100% !important;
}

.e-flex.e-con-boxed.e-con.e-parent > .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    --content-width: 100% !important;
    gap: 0 !important;
}

/* ========================================
   REMOVER PADDING HORIZONTAL DOS ELEMENTOS
   ======================================== */

/* Remover padding horizontal de elementos específicos do Elementor */
.elementor-element.elementor-element-e229699,
.elementor-element[class*="elementor-element-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remover padding horizontal dos containers flex */
.e-flex.e-con-boxed.e-con.e-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remover padding horizontal dos containers internos */
.e-flex.e-con-boxed.e-con.e-parent > .e-con-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remover padding top e bottom do .e-con-inner */
.e-con > .e-con-inner,
.e-con-full,
.e-con > .e-con-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-block-start: 0 !important;
    padding-block-end: 0 !important;
}

/* Remover padding horizontal de todos os containers do Elementor */
.elementor-section,
.elementor-container,
.elementor-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Remover padding horizontal dos widgets */
.elementor-widget {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .leds-banner.full-width .leds-banner-container,
    .leds-technology.full-width .leds-technology-container,
    .leds-solutions.full-width .leds-solutions-container,
    .leds-brands.full-width .leds-brands-container,
    .leds-blog.full-width .leds-blog-container,
    .leds-cta.full-width .leds-cta-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Manter padding responsivo para Elementor (apenas se necessário) */
    .e-con > .e-con-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remover padding horizontal em mobile também */
    .elementor-element.elementor-element-e229699,
    .elementor-element[class*="elementor-element-"],
    .e-flex.e-con-boxed.e-con.e-parent,
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Remover padding top e bottom em mobile também */
    .e-con > .e-con-inner,
    .e-con-full,
    .e-con > .e-con-inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-block-start: 0 !important;
        padding-block-end: 0 !important;
    }
}