:root {
    --afres-primary: #250C59;
    --afres-dark: #17083B;
    --afres-medium: #46356A;
    --afres-muted: #68628B;
    --afres-lilas: #B4AECF;
    --afres-lilas-soft: #9F9AAB;
    --afres-white: #F9F9FA;
    --afres-text: #111111;
    --afres-bg: #ffffff;
    --afres-bg-light: #f7f7f9;
    --afres-border: #ded9ec;
}

/* Base */
body,
.main-wrapper {
    background: var(--afres-bg) !important;
    color: var(--afres-text) !important;
}

/* Topo superior roxo */
.header-top,
.bg-green-2 {
    background: var(--afres-primary) !important;
}

.header-top,
.header-top a,
.header-top span,
.header-top p,
.header-top i {
    color: var(--afres-white) !important;
}

/* Área logo/busca */
.header-middle,
.header-large-device {
    background: var(--afres-bg) !important;
}

/* Busca */
.categori-search-wrap,
.search-wrap-1 form input,
.categori-search-wrap .search-wrap-3 form input {
    background: var(--afres-white) !important;
    border-color: var(--afres-border) !important;
    color: var(--afres-text) !important;
}

.button-search,
.search-wrap-1 form button.button-search,
.categori-search-wrap .search-wrap-3 form button,
.categori-search-wrap.categori-search-wrap-modify-3 .search-wrap-3 form button {
    background: var(--afres-lilas) !important;
    color: var(--afres-primary) !important;
    border-color: var(--afres-lilas) !important;
}

/* Telefone */
.hotline p,
.hotline-2-content h5,
.hotline-2-content span {
    color: var(--afres-text) !important;
}

.hotline p i,
.hotline-2-wrap .hotline-2-icon i {
    color: var(--afres-primary) !important;
}

/* Menu principal */
.header-bottom,
.main-menu,
.main-menu nav {
    background: var(--afres-primary) !important;
}

.main-menu nav ul li a,
.main-menu > nav > ul > li > a {
    color: var(--afres-white) !important;
}

.main-menu nav ul li a:hover,
.main-menu nav ul li.active > a,
.main-menu > nav > ul > li:hover > a {
    color: var(--afres-lilas) !important;
}

/* Botão orçamento dentro do menu */
.header-bottom .btn,
.header-bottom .btn-primary,
.header-bottom a.btn,
.header-bottom button {
    background: var(--afres-primary) !important;
    color: var(--afres-white) !important;
    border: 1px solid var(--afres-lilas) !important;
}

.header-bottom .btn:hover,
.header-bottom .btn-primary:hover,
.header-bottom a.btn:hover,
.header-bottom button:hover {
    background: var(--afres-dark) !important;
    color: var(--afres-white) !important;
}

/* Menu lateral Produtos */
.main-categori-wrap.main-categori-wrap-modify-2 > a,
.main-categori-wrap.main-categori-wrap-modify > a {
    background: var(--afres-lilas) !important;
    color: var(--afres-white) !important;
}

.category-menu,
.category-menu-2 {
    background: var(--afres-white) !important;
    border-color: var(--afres-lilas) !important;
}

.category-menu nav > ul > li > a,
.category-menu-2 nav > ul > li > a {
    color: var(--afres-text) !important;
}

.category-menu nav > ul > li:hover > a,
.category-menu nav > ul > li:hover > a span,
.category-menu-2 nav > ul > li:hover > a,
.category-menu-2 nav > ul > li:hover > a span {
    color: var(--afres-primary) !important;
}

/* Botões gerais */
.btn,
.btn-primary,
.btn-style-1 a,
.btn-style-3 a,
.btn-1-green-2,
.btn-1-blue {
    background: var(--afres-primary) !important;
    color: var(--afres-white) !important;
    border-color: var(--afres-primary) !important;
}

.btn:hover,
.btn-primary:hover,
.btn-style-1 a:hover,
.btn-style-3 a:hover {
    background: var(--afres-dark) !important;
    color: var(--afres-white) !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6,
.section-title h2,
.section-title h3 {
    color: var(--afres-text) !important;
}

.section-title span,
.section-subtitle,
.green,
.blue,
.main-categori-wrap > a.green,
.main-categori-wrap > a.blue {
    color: var(--afres-primary) !important;
}

/* Slider */
.dot-style-1 ul li button,
.dot-style-2 ul li button,
.slick-dots li button,
.swiper-pagination-bullet {
    background: var(--afres-lilas) !important;
}

.dot-style-1 ul li.slick-active button,
.dot-style-2 ul li.slick-active button,
.slick-dots li.slick-active button,
.swiper-pagination-bullet-active {
    background: var(--afres-primary) !important;
}

/* Cards e seções */
.product-wrap,
.single-product-wrap,
.card,
.sidebar-widget,
.shop-sidebar {
    background: var(--afres-white) !important;
    color: var(--afres-text) !important;
    border-color: var(--afres-border) !important;
}

.bg-gray,
.bg-light,
.section-bg {
    background: var(--afres-bg-light) !important;
}

/* Rodapé roxo */
.footer-area {
    background: var(--afres-dark) !important;
}

.footer-area,
.footer-area p,
.footer-area a,
.footer-area span,
.footer-area i,
.footer-area h1,
.footer-area h2,
.footer-area h3,
.footer-area h4,
.footer-area h5,
.footer-area h6 {
    color: var(--afres-white) !important;
}

/* Qualquer área roxa escura precisa de texto branco */
/* Áreas realmente escuras */
.header-top,
.header-top a,
.header-top span,
.header-top p,
.header-top i,
.header-bottom,
.header-bottom > *,
.footer-area,
.footer-area p,
.footer-area a,
.footer-area span,
.footer-area i {
    color: var(--afres-white) !important;
}

/* Links diretos do menu principal */
.main-menu > nav > ul > li > a {
    color: var(--afres-white) !important;
}

/* Dropdowns têm fundo claro, então texto escuro */
.header-bottom .mega-menu-style,
.header-bottom .mega-menu-style *,
.header-bottom .category-menu,
.header-bottom .category-menu *,
.header-bottom .category-menu-2,
.header-bottom .category-menu-2 * {
    color: var(--afres-text) !important;
}

/* Hover dos dropdowns */
.header-bottom .mega-menu-style a:hover,
.header-bottom .category-menu a:hover,
.header-bottom .category-menu-2 a:hover {
    color: var(--afres-primary) !important;
}

/* Títulos/botões escuros específicos */
.main-categori-wrap.main-categori-wrap-modify-2 > a,
.main-categori-wrap.main-categori-wrap-modify > a,
.header-bottom .btn,
.header-bottom .btn-primary {
    color: var(--afres-white) !important;
}

/* Troca utilitários antigos do template */
.bg-blue,
.bg-green-2,
.btn-1-green-2,
.btn-1-blue,
.main-categori-wrap.main-categori-wrap-modify-2 > a.categori-blue {
    background-color: var(--afres-primary) !important;
}

.category-menu-2,
.category-menu-2.category-menu-2-blue,
.border-bottom-8 {
    border-color: var(--afres-lilas) !important;
}

/* Lupa fechada no menu */
.header-search-1 > a.search-toggle,
.header-search-1 > a.search-toggle i,
.header-search-1 > a.search-toggle .icon-magnifier,
.header-search-1 > a.search-toggle .s-open {
    color: #F9F9FA !important;
}

/* Lupa dentro do campo aberto */
.header-search-1 .search-wrap-1 button.button-search,
.header-search-1 .search-wrap-1 button.button-search i,
.header-search-1 .search-wrap-1 button.button-search .icon-magnifier {
    color: #F9F9FA !important;
}

/* X de fechar */
.header-search-1 .search-toggle .icon_close,
.header-search-1 .search-toggle .s-close {
    color: #F9F9FA !important;
}

/* Hover: não deixar ficar vermelho */
.header-search-1 .search-toggle:hover,
.header-search-1 .search-toggle:hover i,
.header-search-1 .search-toggle:hover .icon_close,
.header-search-1 .search-toggle:hover .icon-magnifier,
.header-search-1 .search-wrap-1 button.button-search:hover,
.header-search-1 .search-wrap-1 button.button-search:hover i {
    color: #B4AECF !important;
}

/* Dropdown serviços */
.category-menu-2 nav ul li,
.category-menu nav ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #ececec;
}

/* Links */
.category-menu-2 nav ul li a,
.category-menu nav ul li a {
    display: block;
    padding: 0 15px !important;
    font-size: 15px !important;
    line-height: 26px !important;
    color: #111 !important;
    white-space: normal !important;
}

/* Mega menu produtos */
.mega-menu-style {
    background: #ffffff !important;
}

.mega-menu-style a {
    color: #111111 !important;
}

.mega-menu-style ul li a {
    color: #111111 !important;
    font-size: 15px !important;
    line-height: 28px !important;
}

.mega-menu-style ul li a:hover {
    color: #250C59 !important;
}

/* Títulos do mega menu */
.mega-menu-style h3,
.mega-menu-style h4,
.mega-menu-style .menu-title {
    color: #250C59 !important;
}