/* Correção de Layout - SeekLearn
 * Pesquisa, Carrinho e Login no canto direito
 */

/* Garantir que o body não tenha overflow horizontal */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
}

/* Container principal */
.container {
    max-width: 1180px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Header */
.header-area {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.header-area .container {
    max-width: 1180px !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* Row do header - flexbox para distribuição */
.header-area .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 15px !important;
}

/* Logo - esquerda */
.header-area .row .col-auto:first-child {
    flex-shrink: 0 !important;
    min-width: fit-content !important;
}

/* Menu principal - centro */
.header-area .row .col-auto:nth-child(2) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 50% !important;
}

/* Menu sem rolagem */
.header-menu {
    width: 100% !important;
    overflow-x: hidden !important;
    display: flex !important;
    align-items: center !important;
}

.nav-menu {
    width: 100% !important;
    overflow-x: hidden !important;
}

/* Menu principal - tamanho reduzido */
.primary-menu,
.main-menu-ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Itens do menu */
.primary-menu li,
.main-menu-ul > li {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    position: relative !important;
}

.primary-menu li a,
.main-menu-ul > li a {
    display: block !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    text-decoration: none !important;
    color: #333 !important;
    white-space: nowrap !important;
}

/* ========================================
   PESQUISA, CARRINHO E LOGIN - CANTO DIREITO
   ======================================== */


/* Container direito - agrupar pesquisa, cart e login */
.header-area .row .col-auto:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 15px !important;
    flex-shrink: 0 !important;
    min-width: fit-content !important;
    margin-left: auto !important;
}

/* Campo de pesquisa */
.Esearch_entry {
    max-width: 180px !important;
    min-width: 150px !important;
    flex-shrink: 1 !important;
    order: 1 !important;
}

/* Carrinho */
.cart-icon,
.shopping-cart,
.header-cart,
[class*="cart"] {
    flex-shrink: 0 !important;
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 5px !important;
}

/* Botão login */
.btn-off,
.auth-user-menu,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    flex-shrink: 0 !important;
    order: 3 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    min-width: fit-content !important;
    margin-left: 0 !important;
}

/* Garantir que pesquisa, cart e login fiquem juntos */
.header-menu > div:last-child,
.header-menu > div:nth-last-child(2),
.header-menu > div:nth-last-child(3) {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Dropdown de categorias */
.primary-menu li.have-mega-menu,
.main-menu-ul > li.have-mega-menu {
    overflow: visible !important;
    position: relative !important;
}

.primary-menu li.have-mega-menu:hover .main-mega-menu,
.main-menu-ul > li.have-mega-menu:hover .main-mega-menu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

.main-mega-menu,
.mega-dropdown-menu {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 99999 !important;
    overflow: visible !important;
}

.mega-menu-items,
.mega_list {
    overflow: visible !important;
}

.mega_list li a {
    display: block !important;
    padding: 10px 15px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Overflow visible para dropdown */
.header-area,
.header-area .container,
.header-area .row,
.header-area .col-auto:nth-child(2),
.header-menu,
.nav-menu,
.primary-menu,
.main-menu-ul,
.primary-menu li.have-mega-menu,
.main-menu-ul > li.have-mega-menu {
    overflow: visible !important;
}

/* Row do Bootstrap */
.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Seção principal */
section {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Media queries */
@media (max-width: 1200px) {
    .container {
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .primary-menu li a,
    .main-menu-ul > li a {
        font-size: 12px !important;
        padding: 8px 8px !important;
    }
    
    .Esearch_entry {
        max-width: 150px !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .Esearch_entry {
        max-width: 120px !important;
    }
}


/* ========================================
   AJUSTE ESPECÍFICO - PESQUISA, CARRINHO, LOGIN
   ======================================== */

/* Container do lado direito (col-sm-5 col-md-3 col-xl-4) */
.col-sm-5.col-md-3.col-xl-4,
.header-area .row .col-auto:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    min-width: fit-content !important;
    margin-left: auto !important;
    padding-left: 15px !important;
}

/* Campo de pesquisa dentro do container */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry,
.col-auto:last-child .Esearch_entry {
    max-width: 180px !important;
    min-width: 150px !important;
    flex-shrink: 1 !important;
    margin: 0 !important;
    order: 1 !important;
}

/* Carrinho - posicionar corretamente */
.col-sm-5.col-md-3.col-xl-4 a[href*="cart"],
.col-auto:last-child a[href*="cart"] {
    flex-shrink: 0 !important;
    order: 2 !important;
    margin: 0 5px !important;
    display: flex !important;
    align-items: center !important;
}

/* Botão login - último item */
.col-sm-5.col-md-3.col-xl-4 .eBtn,
.col-auto:last-child .eBtn,
.col-sm-5.col-md-3.col-xl-4 .btn-off,
.col-auto:last-child .btn-off {
    flex-shrink: 0 !important;
    order: 3 !important;
    margin: 0 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir espaçamento correto entre pesquisa, cart e login */
.col-sm-5.col-md-3.col-xl-4 > *,
.col-auto:last-child > * {
    margin-right: 10px !important;
}

.col-sm-5.col-md-3.col-xl-4 > *:last-child,
.col-auto:last-child > *:last-child {
    margin-right: 0 !important;
}

/* Menu não deve ultrapassar */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 550px) !important;
    flex: 0 1 auto !important;
}


/* ========================================
   DOIS CONTAINERS DIREITA - ALINHAR CORRETAMENTE
   ======================================== */

/* Container da pesquisa (col-sm-5 col-md-3 col-xl-4) */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    padding-left: 10px !important;
}

/* Campo de pesquisa */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry {
    max-width: 180px !important;
    min-width: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Container do carrinho e login (ms-lg-auto col-auto) */
.ms-lg-auto.col-auto {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    gap: 12px !important;
    margin-left: 0 !important;
    padding-left: 10px !important;
}

/* Carrinho */
.ms-lg-auto.col-auto a[href*="cart"] {
    flex-shrink: 0 !important;
    margin: 0 5px !important;
    display: flex !important;
    align-items: center !important;
}

/* Botão login */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off {
    flex-shrink: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Container primary-end */
.primary-end {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Reduzir menu para dar espaço */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 600px) !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
}

/* Garantir que ambos containers fiquem juntos à direita */
.header-area .row {
    justify-content: space-between !important;
}


/* ========================================
   MOVER MAIS PARA DIREITA
   ======================================== */

/* Menu ainda menor para dar mais espaço à direita */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 650px) !important;
    flex: 0 1 auto !important;
}

/* Itens do menu mais compactos */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 8px !important;
    font-size: 12px !important;
}

/* Container da pesquisa - mais à direita */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: 30px !important;
    padding-left: 15px !important;
}

/* Campo de pesquisa menor */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry {
    max-width: 160px !important;
    min-width: 140px !important;
}

/* Container carrinho e login - mais à direita */
.ms-lg-auto.col-auto {
    margin-left: 10px !important;
    padding-left: 15px !important;
    gap: 15px !important;
}

/* Mais espaço entre pesquisa e carrinho */
.header-area .row {
    gap: 20px !important;
}


/* ========================================
   PESQUISA E LOGIN NO CANTO DIREITO
   ======================================== */

/* Menu ainda menor */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 700px) !important;
    flex: 0 1 auto !important;
}

/* Itens do menu ainda mais compactos */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 6px !important;
    font-size: 12px !important;
}

/* Container da pesquisa - extremo direito */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 5px !important;
}

/* Campo de pesquisa mais compacto */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry {
    max-width: 150px !important;
    min-width: 130px !important;
    margin: 0 !important;
}

/* Container carrinho e login - extremo direito */
.ms-lg-auto.col-auto {
    margin-left: 5px !important;
    padding-left: 5px !important;
    padding-right: 0 !important;
    gap: 10px !important;
    margin-right: 0 !important;
}

/* Botão login - canto direito */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient {
    margin: 0 !important;
    padding-right: 0 !important;
}

/* Garantir que fiquem no canto */
.header-area .row {
    justify-content: space-between !important;
    padding-right: 0 !important;
}

.header-area .container {
    padding-right: 15px !important;
}


/* ========================================
   PESQUISAR TAMBÉM NO CANTO DIREITO
   ======================================== */

/* Container da pesquisa - extremo direito */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-shrink: 0 !important;
}

/* Campo de pesquisa - canto direito */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry {
    max-width: 150px !important;
    min-width: 130px !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 10px !important;
}

/* Formulário de pesquisa */
.Esearch_entry form {
    margin: 0 !important;
    padding: 0 !important;
}

/* Garantir que pesquisa fique antes do carrinho e login */
.header-area .row {
    justify-content: flex-start !important;
}

/* Menu ainda menor para dar espaço */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 550px) !important;
    flex: 0 1 auto !important;
}

/* Containers direitos agrupados no canto */
.header-area .row .col-auto:nth-child(3),
.header-area .row .col-auto:last-child {
    margin-left: 0 !important;
    padding-left: 5px !important;
}


/* ========================================
   BOTÃO LOGIN - VOLTAR UM POUCO
   ======================================== */

/* Container carrinho e login - adicionar espaço à esquerda */
.ms-lg-auto.col-auto {
    margin-left: 15px !important;
    padding-left: 10px !important;
}

/* Botão login - voltar um pouco */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 10px !important;
}

/* Gap entre carrinho e login */
.ms-lg-auto.col-auto .primary-end,
.ms-lg-auto.col-auto .d-flex {
    gap: 12px !important;
}


/* ========================================
   DIMINUIR ESPAÇAMENTO ENTRE ITENS DO MENU
   ======================================== */

/* Menu principal - reduzir gap */
.primary-menu,
.main-menu-ul {
    gap: 2px !important;
}

/* Itens do menu - reduzir padding */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 6px !important;
}

/* Reduzir margin entre itens */
.primary-menu li,
.main-menu-ul > li {
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* ========================================
   DIMINUIR AINDA MAIS O ESPAÇAMENTO DO MENU
   ======================================== */

/* Menu principal - gap mínimo */
.primary-menu,
.main-menu-ul {
    gap: 0px !important;
}

/* Itens do menu - padding mínimo */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 4px !important;
}

/* Sem espaçamento extra */
.primary-menu li,
.main-menu-ul > li {
    margin: 0 !important;
    padding: 0 !important;
}


/* ========================================
   ESPAÇAMENTO DO MENU - MEIO TERMO
   ======================================== */

/* Menu principal - gap moderado */
.primary-menu,
.main-menu-ul {
    gap: 3px !important;
}

/* Itens do menu - padding moderado */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 8px !important;
}


/* ========================================
   AUMENTAR UM POUCO MAIS O ESPAÇAMENTO DO MENU
   ======================================== */

/* Menu principal - gap um pouco maior */
.primary-menu,
.main-menu-ul {
    gap: 5px !important;
}

/* Itens do menu - padding um pouco maior */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 10px !important;
}


/* ========================================
   AUMENTAR MAIS O ESPAÇAMENTO DO MENU
   ======================================== */

/* Menu principal - gap maior */
.primary-menu,
.main-menu-ul {
    gap: 8px !important;
}

/* Itens do menu - padding maior */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 12px !important;
}


/* ========================================
   AUMENTAR UM POUCO MAIS O ESPAÇAMENTO
   ======================================== */

/* Menu principal - gap um pouco maior */
.primary-menu,
.main-menu-ul {
    gap: 10px !important;
}

/* Itens do menu - padding um pouco maior */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 14px !important;
}


/* ========================================
   AUMENTAR UM POUCO MAIS O ESPAÇAMENTO
   ======================================== */

/* Menu principal - gap um pouco maior */
.primary-menu,
.main-menu-ul {
    gap: 12px !important;
}

/* Itens do menu - padding um pouco maior */
.primary-menu li a,
.main-menu-ul > li a {
    padding: 8px 16px !important;
}


/* ========================================
   BOTÃO LOGIN - TRAZER UM POUCO PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - reduzir margem */
.ms-lg-auto.col-auto {
    margin-left: 10px !important;
    padding-left: 5px !important;
}

/* Botão login - reduzir margem */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 5px !important;
}


/* ========================================
   BOTÃO LOGIN - TRAZER MAIS PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - reduzir mais a margem */
.ms-lg-auto.col-auto {
    margin-left: 5px !important;
    padding-left: 0 !important;
}

/* Botão login - reduzir mais a margem */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 0 !important;
}


/* ========================================
   CORRIGIR BOTÃO ENTRAR - TRAZER PARA DENTRO
   ======================================== */

/* Container carrinho e login - reduzir espaço à direita */
.ms-lg-auto.col-auto {
    margin-left: 10px !important;
    margin-right: 15px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Botão entrar/login */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* Container primary-end */
.primary-end {
    gap: 10px !important;
}

/* Reduzir espaço no container direito */
.header-area .row .col-auto:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}


/* ========================================
   TRAZER BOTÃO ENTRAR MAIS PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - trazer mais para dentro */
.ms-lg-auto.col-auto {
    margin-left: 15px !important;
    margin-right: 30px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Botão entrar/login - mais próximo */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 5px !important;
    margin-right: 0 !important;
}

/* Container primary-end - gap menor */
.primary-end {
    gap: 8px !important;
}

/* Reduzir mais o espaço no container direito */
.header-area .row .col-auto:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Container da pesquisa também ajustar */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-right: 10px !important;
}


/* ========================================
   TRAZER BOTÃO CARRINHO MAIS PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - trazer mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: 5px !important;
    margin-right: 30px !important;
}

/* Carrinho - reduzir margem esquerda */
.ms-lg-auto.col-auto a[href*="cart"],
.col-auto:last-child a[href*="cart"] {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* Container primary-end - gap menor */
.primary-end {
    gap: 8px !important;
    margin-left: 0 !important;
}

/* Reduzir espaço entre pesquisa e carrinho */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-right: 5px !important;
}


/* ========================================
   TRAZER BOTÃO LOGIN MAIS PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - trazer ainda mais */
.ms-lg-auto.col-auto {
    margin-left: 0 !important;
    margin-right: 30px !important;
    padding-left: 0 !important;
}

/* Botão entrar/login - mais próximo do carrinho */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Container primary-end - gap mínimo */
.primary-end {
    gap: 5px !important;
    margin-left: 0 !important;
}

/* Carrinho - manter próximo */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-right: 5px !important;
}


/* ========================================
   BOTÃO LOGIN - ALINHAR MAIS À ESQUERDA
   ======================================== */

/* Container carrinho e login - trazer muito mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: -10px !important;
    margin-right: 40px !important;
    padding-left: 0 !important;
}

/* Botão entrar/login - alinhar mais à esquerda */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: -5px !important;
    margin-right: 0 !important;
}

/* Container primary-end - gap mínimo */
.primary-end {
    gap: 3px !important;
    margin-left: -5px !important;
}

/* Carrinho - manter próximo mas alinhado */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-right: 3px !important;
    margin-left: 0 !important;
}


/* ========================================
   CARRINHO E BOTÃO LOGIN - MOVER PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - mover mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: -15px !important;
    margin-right: 50px !important;
    padding-left: 0 !important;
}

/* Botão entrar/login - mover para esquerda */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: -5px !important;
    margin-right: 0 !important;
}

/* Container primary-end - mover para esquerda */
.primary-end {
    gap: 3px !important;
    margin-left: -10px !important;
}

/* Carrinho - mover para esquerda e próximo do login */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-right: 3px !important;
    margin-left: -5px !important;
}

/* Ajustar pesquisa também para alinhar melhor */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-right: 0 !important;
}


/* ========================================
   PESQUISA, CARRINHO E LOGIN - MOVER PARA ESQUERDA
   ======================================== */

/* Container da pesquisa - mover para esquerda */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: auto !important;
    margin-right: -20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Campo de pesquisa */
.col-sm-5.col-md-3.col-xl-4 .Esearch_entry {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

/* Container carrinho e login - mover muito mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: -25px !important;
    margin-right: 60px !important;
    padding-left: 0 !important;
}

/* Botão entrar/login - mover para esquerda */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: -5px !important;
    margin-right: 0 !important;
}

/* Container primary-end - mover para esquerda */
.primary-end {
    gap: 3px !important;
    margin-left: -15px !important;
}

/* Carrinho - mover para esquerda */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-right: 3px !important;
    margin-left: -10px !important;
}


/* ========================================
   PESQUISA, CARRINHO E LOGIN - MOVER MAIS PARA ESQUERDA
   ======================================== */

/* Container da pesquisa - mover mais para esquerda */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: auto !important;
    margin-right: -30px !important;
}

/* Container carrinho e login - mover muito mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: -35px !important;
    margin-right: 70px !important;
}

/* Container primary-end - mover mais para esquerda */
.primary-end {
    margin-left: -20px !important;
}

/* Carrinho - mover mais para esquerda */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-left: -15px !important;
}

/* Botão login - mover mais para esquerda */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: -10px !important;
}


/* ========================================
   CORRIGIR - MOVER PARA ESQUERDA CORRETAMENTE
   ======================================== */

/* Container da pesquisa - reduzir margin-left auto, adicionar margin-right */
.col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

/* Container carrinho e login - reduzir margin-left, aumentar margin-right */
.ms-lg-auto.col-auto {
    margin-left: 0 !important;
    margin-right: 80px !important;
}

/* Container primary-end - reduzir margin-left */
.primary-end {
    margin-left: 0 !important;
}

/* Carrinho - remover margin-left negativo */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* Botão login - remover margin-left negativo */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: 0 !important;
}

/* Menu - reduzir max-width para dar mais espaço aos elementos da direita */
.header-area .row .col-auto:nth-child(2) {
    max-width: calc(100% - 600px) !important;
}


/* ========================================
   CARRINHO E BOTÃO LOGIN - MAIS PARA ESQUERDA
   ======================================== */

/* Container carrinho e login - trazer mais para esquerda */
.ms-lg-auto.col-auto {
    margin-left: -10px !important;
    margin-right: 90px !important;
}

/* Container primary-end - trazer mais para esquerda */
.primary-end {
    margin-left: -10px !important;
}

/* Carrinho - mais próximo da pesquisa */
.ms-lg-auto.col-auto a[href*="cart"] {
    margin-left: -5px !important;
    margin-right: 10px !important;
}

/* Botão login - mais próximo do carrinho */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    margin-left: -5px !important;
}


/* ========================================
   ALINHAR TEXTO DENTRO DO BOTÃO ENTRAR
   ======================================== */

/* Botão entrar/login - alinhar texto no centro */
.ms-lg-auto.col-auto .eBtn,
.ms-lg-auto.col-auto .btn-off,
.d-none.d-lg-inline-block.eBtn.btn.gradient,
a.eBtn.btn.gradient,
.eBtn.btn.gradient {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px 20px !important;
}

/* Texto dentro do botão */
.eBtn.btn.gradient,
a.eBtn.btn.gradient {
    line-height: 1.5 !important;
    vertical-align: middle !important;
}


/* ========================================
   SETINHA DO DROPDOWN - PRÓXIMA AO TEXTO
   ======================================== */

/* Item do menu com dropdown - reduzir espaço entre texto e setinha */
.primary-menu li.have-mega-menu a,
.main-menu-ul > li.have-mega-menu a,
.menu-parent-a {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
}

/* Setinha do dropdown - próxima ao texto */
.primary-menu li.have-mega-menu a::after,
.main-menu-ul > li.have-mega-menu a::after,
.menu-parent-a::after,
.primary-menu li.have-mega-menu a i,
.main-menu-ul > li.have-mega-menu a i,
.menu-parent-a i {
    margin-left: 3px !important;
}

/* Espaçamento entre texto e ícone/setinha */
.primary-menu li.have-mega-menu a span,
.main-menu-ul > li.have-mega-menu a span {
    margin-right: 3px !important;
}

/* Se houver ícone SVG ou Font Awesome */
.primary-menu li.have-mega-menu a svg,
.main-menu-ul > li.have-mega-menu a svg,
.primary-menu li.have-mega-menu a .fa,
.main-menu-ul > li.have-mega-menu a .fa {
    margin-left: 4px !important;
    font-size: 12px !important;
}


/* ========================================
   AJUSTAR SETINHA DO DROPDOWN - MAIS PRÓXIMA
   ======================================== */

/* Link do menu com dropdown */
.menu-parent-a,
.primary-menu li.have-mega-menu > a,
.main-menu-ul > li.have-mega-menu > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Setinha/ícone após o texto - próximo */
.menu-parent-a::after,
.primary-menu li.have-mega-menu > a::after,
.main-menu-ul > li.have-mega-menu > a::after {
    margin-left: 2px !important;
    margin-right: 0 !important;
    padding-left: 2px !important;
}

/* Se a setinha for um elemento separado */
.menu-parent-a i,
.menu-parent-a svg,
.primary-menu li.have-mega-menu > a i,
.primary-menu li.have-mega-menu > a svg {
    margin-left: 2px !important;
    font-size: 10px !important;
}

/* Espaçamento interno do link */
.menu-parent-a,
.primary-menu li.have-mega-menu > a,
.main-menu-ul > li.have-mega-menu > a {
    padding-right: 0 !important;
}

/* Mobile adjustments */
@media (max-width: 991.98px) {
    .toggle-bar{
        display: flex !important;
    }
    .header-area .row{
        flex-wrap: wrap !important;
        gap: 12px !important;
        align-items: center !important;
    }
    .header-area .row .col-auto{
        display: flex !important;
        align-items: center !important;
        flex: 0 1 auto !important;
    }
    .header-area .row .col-auto:first-child{
        order: 1 !important;
        flex: 0 1 auto !important;
    }
    .header-area .row .col-auto:nth-child(2){
        order: 4 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        justify-content: flex-start !important;
        margin-top: 8px !important;
    }
    .header-menu{
        display: none !important;
    }
    .header-area .row .col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto{
        order: 2 !important;
        flex: 1 1 auto !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .floating-searchbar{
        display: flex !important;
        align-items: center !important;
        position: relative !important;
    }
    .floating-searchbar>form{
        right: 0 !important;
        left: auto !important;
        top: 52px !important;
    }
    .header-area .row .ms-lg-auto.col-auto{
        order: 3 !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    .mobile-controls{
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: 8px !important;
        order: 4 !important;
        flex: 0 0 auto !important;
    }
    .mobile-controls .mobile-login-btn{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .mobile-controls .toggle-bar{
        margin-left: 0 !important;
        border: none !important;
        background: #f1f3f9 !important;
        border-radius: 10px !important;
        width: 40px !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
    }
    .mobile-controls .toggle-bar i{
        color: #192335 !important;
        font-size: 18px !important;
    }
    .primary-end{
        width: auto !important;
        justify-content: flex-end !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
        flex: 1 1 auto !important;
    }
    .primary-end .d-flex{
        gap: 10px !important;
    }
    .primary-end .toggle-bar{
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        order: 3 !important;
        margin-left: 6px !important;
        color: #192335 !important;
        background: #f1f3f9 !important;
        border-radius: 10px !important;
        width: 40px !important;
        height: 40px !important;
        cursor: pointer !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
        flex: 0 0 40px !important;
        position: relative !important;
        z-index: 5 !important;
    }
    .primary-end .toggle-bar i{
        color: inherit !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }
    .mobile-login-btn{
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        order: 2 !important;
        padding: 0 14px !important;
        min-height: 38px !important;
        margin-left: 6px !important;
        font-size: 14px !important;
        flex: 0 0 auto !important;
        min-width: 110px !important;
    }
    .header-area .logo-image img{
        max-height: 28px !important;
        width: auto !important;
    }
}
@media (max-width: 575.98px) {
    .header-area .row{
        gap: 8px !important;
    }
    .header-area .row .col-sm-5.col-md-3.col-xl-4.ms-lg-0.col-auto.ms-auto{
        flex: 0 0 auto !important;
    }
    .header-area .row .ms-lg-auto.col-auto{
        flex: 0 0 100% !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }
    .primary-end{
        width: 100% !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
    }
    .mobile-login-btn{
        margin-left: 0 !important;
        min-width: 110px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        min-height: 36px !important;
        flex: 0 0 auto !important;
    }
    .header-area .logo-image img{
        max-height: 24px !important;
    }
    .floating-searchbar>form{
        width: min(280px, 90vw) !important;
        left: auto !important;
        transform: none !important;
    }
}
@media (min-width: 992px) {
    .toggle-bar{
        display: none !important;
    }
    .mobile-login-btn{
        display: none !important;
    }
}
@media (min-width: 992px) {
    .toggle-bar{
        display: none !important;
    }
    .mobile-login-btn{
        display: none !important;
    }
    .mobile-controls{
        display: none !important;
    }
}