/* ============================================================
   USMIM - Overrides leves para Antler (WHMCS)
   Objetivo: manter hero/topo original e aplicar paleta USMIM
   Cores base:
   - Azul primário:   #2D4CFF
   - Azul escuro:     #001B4D
   - Azul claro:      #EAF3FF
   - Amarelo:         #FFC800
   - Amarelo hover:   #E0B200
   - Texto cinza:     #67738A
   ============================================================ */

/* ------------------------ LINKS E TEXTOS ------------------------ */

a {
    color: #2D4CFF;
}
a:hover,
a:focus {
    color: #001B4D;
}

h1, h2, h3, h4, h5, h6,
.page-title {
    color: #001B4D;
}

.text-muted,
.text-secondary {
    color: #67738A;
}

/* ------------------------ BOTÕES ------------------------ */

/* Botões principais (azul USMIM) */
.btn-primary,
.btn-success,
.btn-info {
    background-color: #2D4CFF !important;
    border-color: #2D4CFF !important;
    color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-success:focus,
.btn-info:focus {
    background-color: #001B4D !important;
    border-color: #001B4D !important;
    color: #FFFFFF !important;
}

/* Botão destaque amarelo (CTAs específicos) */
.btn-warning,
.btn-secondary,
.btn-yellow {
    background-color: #FFC800 !important;
    border-color: #FFC800 !important;
    color: #001B4D !important;
}

.btn-warning:hover,
.btn-secondary:hover,
.btn-yellow:hover {
    background-color: #E0B200 !important;
    border-color: #E0B200 !important;
    color: #001B4D !important;
}

/* Botões com borda apenas */
.btn-outline-primary {
    color: #2D4CFF !important;
    border-color: #2D4CFF !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover {
    color: #FFFFFF !important;
    background-color: #2D4CFF !important;
}

/* ------------------------ FORMULÁRIOS ------------------------ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
    border-radius: 6px !important;
    border: 1px solid #CCD5E0 !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #2D4CFF !important;
    box-shadow: 0 0 0 0.1rem rgba(45, 76, 255, 0.25) !important;
    outline: none !important;
}

/* ------------------------ CARDS / BOXES ------------------------ */

.card,
.panel,
.panel-default,
.client-home-panels .panel {
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E0E6F0;
}

/* Card/Plano em destaque */
.pricing.featured,
.plan.popular,
.card-popular {
    border-color: #2D4CFF !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important;
}

/* Cabeçalhos de painéis */
.client-home-panels .panel-heading,
.panel-heading {
    background-color: #001B4D !important;
    color: #FFFFFF !important;
    border-bottom: none !important;
}

/* ------------------------ SEÇÕES HOME (AMARELO / AZUL CLARO) ------------------------ */
/* Ajuste fino: se as classes forem diferentes, apenas troque aqui. */

/* Bloco amarelo "Como Podemos Ajudar Hoje?" */
.section-yellow,
.home-shortcuts,
.home-quicklinks {
    background-color: #FFC800 !important;
}



/* Seção azul clara "Últimos Anúncios" */
.section-light,
.home-announcements {
    background-color: #EAF3FF !important;
}

/* Cards dentro dessas seções sempre em branco */
.section-yellow .card,
.section-light .card,
.section-yellow .panel,
.section-light .panel {
    background-color: #FFFFFF !important;
    border-radius: 8px !important;
    border: 10px solid #E0E6F0 !important;
}

.section-heading {
       margin-top: 41px !important;
}

/* Títulos nessas seções */
.section-yellow h2,
.section-yellow h3,
.section-light h2,
.section-light h3 {
    color: #001B4D !important;
}

/* ------------------------ LOGIN ------------------------ */

#login,
.loginpage,
body.login {
    /* mantém fundo padrão; se quiser clarear, descomente: */
    /* background-color: #EAF3FF !important; */
}

#login .card,
.login .card,
#login .panel,
.login .panel {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    border: 1px solid #E0E6F0 !important;
}

/* Botão de login amarelo (para destacar) */
#login .btn-primary,
.login .btn-primary,
.btn-login {
    background-color: #FFC800 !important;
    border-color: #FFC800 !important;
    color: #001B4D !important;
}
#login .btn-primary:hover,
.login .btn-primary:hover,
.btn-login:hover {
    background-color: #E0B200 !important;
    border-color: #E0B200 !important;
    color: #001B4D !important;
}

/* Links de login (Esqueceu a senha etc.) */
#login a,
.login a {
    color: #2D4CFF !important;
}
#login a:hover,
.login a:hover {
    color: #001B4D !important;
}

/* ------------------------ TABELAS ------------------------ */

.table thead th,
.table > thead > tr > th {
    background-color: #EAF3FF !important;
    color: #001B4D !important;
    border-bottom: 1px solid #CCD5E0 !important;
}

.table > tbody > tr > td {
    border-color: #E0E6F0 !important;
}

/* ------------------------ RODAPÉ ------------------------ */

.footer,
.site-footer,
#footer {
    background-color: #001B4D !important;
    color: #FFFFFF !important;
    border-top: none !important;
}

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

.footer a:hover,
.site-footer a:hover,
#footer a:hover {
    color: #FFC800 !important;
}

/* ------------------------ DETALHES DIVERSOS ------------------------ */

/* Texto do spinner "Marenzo..." */
#spinner-area .spinner-txt {
    color: #2D4CFF !important;
}

/* Badges */
.badge-primary,
.label-primary {
    background-color: #2D4CFF !important;
}

.badge-warning,
.label-warning {
    background-color: #FFC800 !important;
    color: #001B4D !important;
}

/* Cards dos planos na home logo abaixo do hero */
.top-plans .pricing,
.top-plans .card,
.top-plans .panel {
    border-radius: 12px;
    border: 1px solid #E0E6F0;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* Plano central em destaque */
.top-plans .pricing.featured,
.top-plans .card.popular,
.top-plans .plan.popular {
    border-color: #2D4CFF;
}

/* Fundo das internas (fora da home) em azul bem claro */
body:not(.homepage) .main-body,
body:not(.homepage) .wrapper.sec-normal,
body:not(.homepage) .content.bg-colorstyle {
    background-color: #EAF3FF !important;
}

/* Conteúdo principal das internas em branco */
body:not(.homepage) .main-body .container,
body:not(.homepage) .main-content,
body:not(.homepage) .panel,
body:not(.homepage) .card {
    background-color: #FFFFFF !important;
}

/* Fundo geral do login em amarelo */
body.login,
body#login,
.loginpage {
    background-color: #FFC800 !important;
}

/* Box central de login em branco */
body.login #login,
body#login #login,
.loginpage #login {
    background-color: #FFFFFF !important;
    border-radius: 12px !important;
    border: 1px solid #E0E6F0 !important;
    padding: 30px !important;
}

/* =========================================================
   INTERNAS: remover amarelo/preto de fundo e unificar paleta
   ========================================================= */

/* Considerando que o body da home tem classe .homepage.
   Se não tiver, a gente ajusta depois. */

body:not(.homepage) .bg-colorstyle,
body:not(.homepage) .content.bg-colorstyle,
body:not(.homepage) .wrapper.sec-normal,
body:not(.homepage) .main-body {
    background-color: #EAF3FF !important;  /* azul claro */
}

/* Boxes das internas sempre brancos */
body:not(.homepage) .main-body .container,
body:not(.homepage) .main-content,
body:not(.homepage) .panel,
body:not(.homepage) .card {
    background-color: #FFFFFF !important;
    border-radius: 8px;
    border: 1px solid #E0E6F0;
}

/* Qualquer faixa amarela em internas volta para azul claro */
body:not(.homepage) .section-yellow,
body:not(.homepage) .home-shortcuts,
body:not(.homepage) .home-quicklinks {
    background-color: #EAF3FF !important;
}

/* Qualquer faixa preta/escura nas internas clareada */
body:not(.homepage) .top-header,
body:not(.homepage) .hero,
body:not(.homepage) .banner,
body:not(.homepage) .item-dark {
    background-color: #EAF3FF !important;
}

/* Navbar/menu sempre legível nas internas */
.header,
.navbar,
#header {
    background-color: #FFFFFF !important;
}

.navbar-light .navbar-nav .nav-link,
.navbar .nav-link {
    color: #001B4D !important;   /* azul escuro */
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: #2D4CFF !important;   /* azul forte */
}

/* Home: header translúcido escuro, se quiser */
body.homepage .header,
body.homepage .navbar,
body.homepage #header {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Internas: header branco */
body:not(.homepage) .header,
body:not(.homepage) .navbar,
body:not(.homepage) #header {
    background-color: #FFFFFF !important;
}
/* Ajusta o slide principal do hero para azul claro */
.top-header.item1,
.top-header.item17,
.hero-slider .slide-1 {
    background-color: #EAF3FF !important;
    background-image: none !important; /* se quiser matar qualquer imagem escura */
}
/* Se quiser eliminar o bloco amarelo e deixar azul claro como o restante */
.section-yellow,
.home-shortcuts,
.home-quicklinks {
    background-color: #EAF3FF !important;
}

/* ================================================
   CORREÇÃO RÁPIDA - HOME: slide topo + corpo
   ================================================ */

/* Slide principal do hero (topo preto) -> azul claro */
.top-header.item1,
.top-header.item17,
.top-header.overlay,
.hero .item1,
.slider .top-header {
    background-color: #EAF3FF !important;
    background-image: none !important;
}

/* Bloco amarelo da home -> azul claro */
.bg-colorstyle {
    background-color: #EAF3FF !important;
}

/* Se ainda ficar amarelo, força também: */
.content.bg-colorstyle,
.wrapper.bg-colorstyle {
    background-color: #EAF3FF !important;
}

body:not(.homepage) .bg-colorstyle, body:not(.homepage) .content.bg-colorstyle, body:not(.homepage) .wrapper.sec-normal, body:not(.homepage) .main-body {
    background-color: #eaf3ff !important;
}

body.login #login, body#login #login, .loginpage #login {
    background-color: #2d4cff !important;
}

.header .desk.navbar-nav>li a {
       color: #2d4cff;
  }