/**
 * Conceito Mármores - Elementor Custom Overrides
 * 
 * Estilos customizados para sobrescrever estilos padrão do Elementor
 * 
 * @package ConceitoMarmores
 */

/* ========================================
   ELEMENTOR WIDGETS OVERRIDES
======================================== */

/* Garantir que todos os elementos do Elementor usem border-radius 2px */
.elementor-widget-wrap,
.elementor-element,
.elementor-button,
.elementor-widget-container img {
    border-radius: 2px !important;
}

/* Botões do Elementor */
.elementor-button {
    border-radius: 2px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    transition: all 200ms ease !important;
}

.elementor-button.elementor-button-primary {
    background-color: #FF5700 !important;
}

.elementor-button.elementor-button-primary:hover {
    background-color: #e04e00 !important;
}

.elementor-button.elementor-button-secondary {
    background-color: #003593 !important;
}

.elementor-button.elementor-button-secondary:hover {
    background-color: #004bb8 !important;
}

/* Espaçamentos de seção */
.elementor-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (max-width: 768px) {
    .elementor-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* Garantir que imagens do Elementor não ultrapassem o container */
.elementor-widget-image img {
    max-width: 100%;
    height: auto;
}

/* Tipografia do Elementor */
.elementor-heading-title {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

/* ========================================
   ELEMENTOR THEME BUILDER OVERRIDES
======================================== */

/* Header do Elementor */
.elementor-location-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Compensação para conteúdo em páginas Elementor largura total (EXCETO HOME) */
body.elementor-page:not(.home) #primary,
body.elementor-page:not(.home) .site-main,
body.elementor-page:not(.home) main {
    margin-top: 80px !important;
}

/* Garantir que breadcrumb fique abaixo do header (EXCETO HOME) */
body:not(.home) .breadcrumb-wrapper {
    position: relative;
    z-index: 10;
}

/* Ajuste para páginas com Elementor Canvas/Full Width (EXCETO HOME) */
body.elementor-page:not(.home).elementor-template-canvas .breadcrumb-wrapper,
body.elementor-page:not(.home).elementor-template-full-width .breadcrumb-wrapper {
    margin-top: 80px;
}

/* Garantir que o conteúdo principal não fique atrás do header (EXCETO HOME) */
body:not(.home) .elementor-location-header ~ .elementor,
body:not(.home) .elementor-location-header ~ #content {
    padding-top: 80px;
}

/* Para páginas usando Elementor Full Width (EXCETO HOME) */
body.elementor-template-full-width:not(.home) .elementor-section:first-of-type {
    padding-top: 100px !important;
}

/* Footer do Elementor */
.elementor-location-footer {
    color: #ffffff;
}

/* ========================================
   AJUSTES DE CORES GLOBAIS
======================================== */

/* Garantir que cores personalizadas sejam respeitadas */
.elementor-element.elementor-widget-button .elementor-button {
    border-radius: 2px !important;
}

/* Links do Elementor */
.elementor-widget-container a {
    color: #003593;
    transition: color 200ms ease;
}

.elementor-widget-container a:hover {
    color: #004bb8;
}