/*
Theme Name: BSB Osteopatia Theme
Theme URI: https://www.bsbosteopatia.com.br
Author: Manus AI
Author URI: https://www.manus.im
Description: Tema WordPress personalizado para BSB Osteopatia, otimizado para Elementor Free.
Version: 1.0.0
Text Domain: bsbosteopatia-theme
*/

/* ========================================================================== */
/* ! Base Styles                                                              */
/* ========================================================================== */

html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF; /* Cor de fundo padrão */
	font-family: 'Lexend', sans-serif; /* Fonte padrão do corpo */
	color: #141414; /* Cor de texto padrão */
}

/* ========================================================================== */
/* ! Elementor Compatibility                                                  */
/* ========================================================================== */

/* Ensure Elementor content takes full width */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px; /* Largura máxima do conteúdo Elementor */
}

.elementor-section.elementor-section-full_width > .elementor-container {
	max-width: 100%;
}

/* Reset Elementor default margins/paddings if needed */
.elementor-section {
	padding: 0 !important;
}

.elementor-container {
	margin: 0 auto;
}

/* Hide default WordPress header/footer if Elementor is used */
.elementor-editor-active .site-header,
.elementor-editor-active .site-footer,
.elementor-editor-active .main-navigation {
    display: none;
}

/* Global Colors (from original site analysis) */
:root {
    --e-global-color-primary: #AA7227; /* Dourado */
    --e-global-color-secondary: #F9F9F9; /* Cinza claro */
    --e-global-color-text: #141414; /* Preto */
    --e-global-color-accent: #00BA1A; /* Verde */
}

/* Global Typography (from original site analysis) */
:root {
    --e-global-typography-primary-font-family: 'Cinzel', serif;
    --e-global-typography-primary-font-size: 42px;
    --e-global-typography-primary-font-weight: 400;
    --e-global-typography-primary-line-height: 50px;

    --e-global-typography-secondary-font-family: 'Cinzel', serif;
    --e-global-typography-secondary-font-size: 20px;
    --e-global-typography-secondary-font-weight: 600;
    --e-global-typography-secondary-line-height: 28px;

    --e-global-typography-text-font-family: 'Lexend', sans-serif;
    --e-global-typography-text-font-size: 16px;
    --e-global-typography-text-font-weight: 300;
    --e-global-typography-text-line-height: 24px;

    --e-global-typography-accent-font-family: 'Questrial', sans-serif;
    --e-global-typography-accent-font-size: 16px;
    --e-global-typography-accent-font-weight: 600;
    --e-global-typography-accent-text-transform: uppercase;
    --e-global-typography-accent-letter-spacing: 1px;
}

/* Basic WordPress styles for content outside Elementor */
.site-main {
    padding: 20px;
}

.site-header, .site-footer {
    text-align: center;
    padding: 20px;
    background-color: var(--e-global-color-primary);
    color: #FFFFFF;
}

.site-header a, .site-footer a {
    color: #FFFFFF;
}

.site-title, .site-description {
    margin: 0;
}

.main-navigation {
    margin-top: 10px;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.main-navigation li {
    margin: 0 10px;
}

.main-navigation a {
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Cinzel', serif;
    font-size: 18px;
}

.skip-link {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* Elementor specific adjustments */
.elementor-template-full-width .site-content {
    padding: 0;
}

.elementor-template-full-width .site-main {
    padding: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100%;
    }
    .site-header, .site-footer {
        padding: 15px;
    }
    .main-navigation ul {
        flex-direction: column;
    }
    .main-navigation li {
        margin: 5px 0;
    }
}