/*
Theme Name:   TutorStarter Child
Theme URI:    https://preview.tutorlms.com/
Description:  Tema filho do TutorStarter para personalizações seguras.
Author:       Seu Nome ou Combat Fire Extrema
Author URI:   https://www.combatfireextrema.com.br
Template:     tutorstarter
Text Domain:  tutorstarter-child
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Tags:         education, e-learning, lms, tutor lms
*/

.woocommerce-Price-amount, .amount, .tutor-topbar-mark-btn tutor-btn, .tutor-mr-20, .plyr__controls, .quiz-meta-info-left, .quiz-meta-info-right, .tutor-py-20, .tutor-my-20, .tutor-alert.tutor-warning, .progress-percentage, .tutor-course-topic-single-footer, .tutor-spotlight-mobile-progress-complete{
	display: none !important
}


.tutor-container{
	padding-top: 20px;
	padding-bottom: 20px
}
@media screen and (max-width: 960px){
	.tutor-accordion-item h4{
		font-size: 14px;
	}
	.tutor-course-content-list-item :is(h5, span){
		font-size: 12px;
	}
}
/* ==========================================
   FONTES - MODERNIZAÇÃO COM Poppins + Open Sans
========================================== */

/* Títulos principais */
h1, .elementor-heading-title, .elementor-widget-heading h1 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
    line-height: 1.2;
}

/* Subtítulos e títulos menores */
h2, .elementor-widget-heading h2 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.3px;
    line-height: 1.3;
}

h3, .elementor-widget-heading h3,
h4, .elementor-widget-heading h4 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.2px;
}

/* Textos de corpo, parágrafos, botões */
body, p, .elementor-widget-text-editor, .elementor-button, .elementor-icon-box-description {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

}



/* --- ANIMAÇÃO DE TRANSIÇÃO SUTIL --- */
.elementor-button:active {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* Cards ou caixas de conteúdo — sombra suave e hover */
.elementor-widget-wrap .elementor-element {
    transition: all 0.3s ease;
}
.elementor-widget-wrap .elementor-element:hover {
    transform: translateY(-5px);
}

/* Seções com padding generoso — visual clean e moderno */
.elementor-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

/* Títulos em maiúsculo com espaçamento — para badges, labels, chamadas */
.uppercase-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #e53935;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
}

/* Melhoria em listas e ícones */
.elementor-icon-list-text {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1.6;
}

/* Links em destaque */
a {
    transition: all 0.25s ease;
}
a:hover {
    color: #e53935 !important;
    text-decoration: none !important;
}

/* Scroll suave (opcional, mas moderno) */
html {
    scroll-behavior: smooth;
}

/* =============================================
   MENU DE NAVEGAÇÃO - CORREÇÃO DO ITEM ATIVO
============================================= */

.elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: white !important;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 2px;
    background: #e53935;
    transform: translateX(-50%);
}

.elementor-nav-menu--main .elementor-item:hover {
    color: white !important;
}

.elementor-nav-menu--main .elementor-item:hover::after {
    width: 100%;
    background: #e53935;
}

/* =============================================
   BOTÃO "ENTRAR" — DESTAQUE MÁXIMO
============================================= */

a.btn-login, a.btn-dashboard {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    color: white !important;
    background: linear-gradient(135deg, #2b2a92, #151486) !important;
    padding: 10px 24px !important;
    border-radius: 30px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(229, 57, 53, 0.3);
    border: 2px solid transparent;
}

/* =============================================
   MENU MOBILE (HAMBURGUER) — MODERNO E SUAVE
============================================= */

.elementor-menu-toggle {
    color: #333333 !important;
    font-size: 24px;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.elementor-menu-toggle:hover {
    background: #f5f5f5;
    color: #e53935 !important;
}

/* Dropdown mobile */
.elementor-nav-menu--dropdown .elementor-nav-menu {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.elementor-nav-menu--dropdown .elementor-item {
    padding: 12px 0;
    font-size: 18px;
    border-bottom: 1px solid #eee;
}

.elementor-nav-menu--dropdown .elementor-item:last-child {
    border-bottom: none;
}

/* =============================================
   CONTAINERS — ESPAÇAMENTO EQUILIBRADO
============================================= */

.elementor-element-22cca0f {
    padding: 16px 40px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    z-index: 999;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Responsivo */
@media (max-width: 1024px) {
    .elementor-element-22cca0f {
        padding: 12px 20px;
    }
    .elementor-nav-menu--main .elementor-item {
        font-size: 15px;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .elementor-nav-menu--main {
        display: none;
    }
    .elementor-menu-toggle {
        display: block !important;
    }
    a.btn-login {
        font-size: 14px;
        padding: 8px 16px !important;
    }
}

/* =============================================
   ESTILOS DE OCULTAÇÃO (TUTOR, WOOCOMMERCE etc.)
============================================= */

.woocommerce-Price-amount,
.amount,
.tutor-topbar-mark-btn.tutor-btn,
.tutor-mr-20,
.plyr__controls,
.quiz-meta-info-left,
.quiz-meta-info-right,
.tutor-py-20,
.tutor-my-20,
.tutor-alert.tutor-warning,
.progress-percentage,
.tutor-course-topic-single-footer,
.tutor-spotlight-mobile-progress-complete {
    display: none !important;
}

.tutor-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .tutor-accordion-item h4 {
        font-size: 14px;
    }
    .tutor-course-content-list-item :is(h5, span) {
        font-size: 12px;
    }
}