/* 
   VR Hair - Nova Paleta de Cores
   Implementando as cores solicitadas pelo cliente
*/


/* Ajustes para elementos específicos com as novas cores */

/* Cabeçalho */
.navbar {
    background-color: var(--primary-color);
}

/* Botões */
.btn-primary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #FFFFFF;
}

.btn-primary:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: #FFFFFF;
}

.btn-secondary {
    background-color: transparent;
    border: 2px solid var(--secondary-color);
    color: var(--accent-color);
}

.btn-secondary:hover {
    background-color: var(--secondary-color);
    color: #FFFFFF;
}

.btn-salao {
    background-color: var(--secondary-color);
    color: #FFFFFF !important;
}

.btn-salao:hover {
    background-color: var(--accent-color);
}

/* Links e ícones */
.icon-link {
    color: #FFFFFF;
}

.icon-link:hover {
    color: var(--light-color);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--light-color);
}

/* Seções */
.section-title {
    color: var(--primary-color);
}

.section-title:after {
    background-color: var(--secondary-color);
}

/* Banner Principal */
/* .hero-banner {
    background: linear-gradient(rgba(99, 88, 64, 0.7), rgba(99, 88, 64, 0.7)), url('../img/hero-banner.jpg');
} */

/* Produtos */
.featured-products {
    background-color: var(--light-color);
}

.product-price {
    color: var(--primary-color);
}

.btn-add-cart {
    background-color: var(--primary-color);
    color: #FFFFFF;
}

.btn-add-cart:hover {
    background-color: var(--secondary-color);
    color: #FFFFFF;
}

/* Cursos */
.course-date {
    background-color: var(--secondary-color);
    color: #FFFFFF;
}

.course-details i {
    color: var(--secondary-color);
}

/* Depoimentos */
.testimonials {
    background-color: var(--lighter-color);
}

.testimonial-card:before {
    color: var(--secondary-color);
}

.author-image {
    border-color: var(--secondary-color);
}

/* Rodapé */
footer {
    background-color: #0c1f52;
}

footer h4:after {
    background-color: var(--secondary-color);
}

.social-icons a:hover {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

.footer-links a:hover {
    color: var(--secondary-color);
}

.contact-info i {
    color: var(--secondary-color);
}

/* Página de Produtos */
.filters-container {
    background-color: var(--lighter-color);
    /* border-left: 3px solid var(--secondary-color); */
}

.filter-group h4 {
    color: var(--primary-color);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

/* Página Sobre */
.timeline-date {
    background-color: var(--secondary-color);
    color: #FFFFFF;
}

.timeline:before {
    background-color: var(--secondary-color);
}

.value-icon {
    color: var(--secondary-color);
}

/* Área do Salão */
.salon-card {
    border-left-color: var(--secondary-color);
}

.benefits-list i {
    color: var(--secondary-color);
}

.commission-info {
    background-color: var(--light-color);
    border-left-color: var(--secondary-color);
}

/* Mega Menu */
.mega-menu-title:after {
    background-color: var(--secondary-color);
}

.mega-menu-links a:hover {
    color: var(--secondary-color);
}

@media (max-width: 991.98px) {
    .mega-menu-title {
        color: var(--secondary-color);
    }
}