/*
Theme Name: TutorStarter Child
Template:   tutorstarter
Version:    1.0.0
Description: Tema filho do TutorStarter — customizações O Contraturno
Text Domain: tutorstarter-child
*/

/* ── Botões de Login/Criar conta no header ── */
.primary-menu li:nth-last-child(2) > a,
.nav-menu li:nth-last-child(2) > a {
    border: 2px solid #7c3aed;
    color: #7c3aed !important;
    border-radius: 50px;
    padding: .4rem 1.1rem !important;
    transition: background .2s, color .2s;
}
.primary-menu li:nth-last-child(2) > a:hover,
.nav-menu li:nth-last-child(2) > a:hover {
    background: #7c3aed;
    color: #fff !important;
}
.primary-menu li:last-child > a,
.nav-menu li:last-child > a {
    background: #7c3aed;
    color: #fff !important;
    border-radius: 50px;
    padding: .4rem 1.1rem !important;
    transition: background .2s;
}
.primary-menu li:last-child > a:hover,
.nav-menu li:last-child > a:hover {
    background: #5b21b6;
}


/* ══════════════════════════════════════════════════════════════════
   HEADER — Alinhamento visual com ocontraturno.com.br
   Aplicado: 2026-07-03
   Referência de paleta (kit Elementor landing, post-19.css):
     #331869  = roxo escuro (--e-global-color-secondary) — texto menu
     #7958D7  = roxo médio  (--e-global-color-d49ac81)   — hover/ativo/CTA
     #9781FC  = roxo claro  (--e-global-color-332724a)   — hover suave
     #F8F8FF  = branco-lavanda (--e-global-color-cfa1f76) — fundo hero landing
     #ede9ff  = lavanda suave (fundo da seção a12fea4)
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. Fundo: gradiente sutil branco-lavanda → lavanda, como na landing ── */
header.header-default {
    background: linear-gradient(135deg, #F8F8FF 0%, #ede9ff 100%) !important;
    border-bottom: 1px solid rgba(121, 88, 215, 0.10) !important;
}

/* ── 2. Logo: aumentar de 30px → 52px (landing usa 55px) ──────────────── */
header.header-default .navbar-brand img,
header.header-default .navbar-brand .logo-dark,
header.header-default .navbar-brand .logo-white {
    max-height: 52px !important;
    height: 52px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ── 3. Alinhamento vertical do navbar ────────────────────────────────── */
header.header-default .navbar {
    align-items: center !important;
}

/* ── 4. Cor dos itens do menu: roxo escuro da marca ──────────────────── */
header.header-default .navbar-nav > .menu-item > a,
header.header-default .navbar-nav > .menu-item > a:link,
header.header-default .navbar-nav > .menu-item > a:visited {
    color: #331869 !important;
    font-weight: 500;
}

/* ── 5. Hover e item ativo: roxo médio (substitui azul #1950d1) ───────── */
/* Underline deslizante (pseudo-elemento ::after) */
header.header-default .navbar-nav > .menu-item:not(.icon) a::after,
.navbar.navbar-right .menu-item:not(.icon) a::after {
    background: #7958D7 !important;
}
/* Cor de texto no hover */
header.header-default .navbar-nav > .menu-item > a:hover {
    color: #7958D7 !important;
}
/* Cor de texto item ativo (current-menu-item) */
header.header-default .navbar-nav .menu-item.current-menu-item > a,
header.header-default .navbar-nav .menu-item.current-menu-ancestor > a,
header.header-default .navbar-nav .menu-item.current-page-ancestor > a {
    color: #7958D7 !important;
}
/* Variável CSS usada pelo tema para o ativo */
header.header-default {
    --navDefaultHoverColor: #7958D7;
    --navDefaultColor: #331869;
}

/* ── 6. Ícone hamburguer: roxo escuro (mobile) ────────────────────────── */
header.header-default .navbar-toggler .toggle-icon span,
header.header-default .navbar-toggler .toggle-icon span::before,
header.header-default .navbar-toggler .toggle-icon span::after {
    background: #331869 !important;
}

/* ── 7. Menu deslizante mobile: mesma paleta ──────────────────────────── */
@media (max-width: 991px) {
    header.header-default .navbar-nav {
        background: #F8F8FF !important;
    }
    header.header-default .navbar-nav > .menu-item > a,
    header.header-default .navbar-nav > .menu-item > a:hover {
        color: #331869 !important;
    }
    header.header-default .navbar-nav .menu-item.current-menu-item > a {
        color: #7958D7 !important;
    }
}

/* ── 8. Dropdown do usuário: borda sutil com cor da marca ────────────── */
header.header-default .navbar-utils .tutor-header-profile-menu ul,
header.header-default .navbar-utils .tutor-header-profile-submenu-wrap {
    border-top: 2px solid #7958D7 !important;
}

/* ── 9. CTA do header (convidado): dois botões no lugar do "Getting Started" ── */
.utils-btn-duplo {
    display: flex;
    align-items: center;
    gap: .6rem;
}
.utils-btn-duplo .btn-getstarted-secundario {
    background: transparent !important;
    color: #7958D7 !important;
    border: 2px solid #7958D7 !important;
}
.utils-btn-duplo .btn-getstarted-secundario:hover {
    background: #7958D7 !important;
    color: #fff !important;
}