/*
 * Identidade visual do cliente
 * Cor primária:   #006d37
 * Cor secundária: #003226
 *
 * Este arquivo é carregado após o CSS do tema Unimart para centralizar e
 * preservar a personalização do cliente durante futuras atualizações.
 */
:root {
    --ehc-color-primary: #006d37;
    --ehc-color-primary-hover: #00582d;
    --ehc-color-primary-soft: #e6f2ec;
    --ehc-color-secondary: #003226;
    --ehc-color-secondary-hover: #00271e;
    --ehc-color-secondary-soft: #e5ebe9;

    /* Variáveis utilizadas pelo tema e pelas integrações locais. */
    --color-primary: var(--ehc-color-primary);
    --color-secondary: var(--ehc-color-secondary);
    --color-brand: var(--ehc-color-primary);
    --color-success: var(--ehc-color-primary);
    --primary-color: var(--ehc-color-primary);
    --secondary-color: var(--ehc-color-secondary);
}

/* Faixas institucionais e áreas de maior destaque. */
.rbt-header-campaign,
.rbt-topbar-bg-three,
.rbt-bg-primary,
.rbt-bg-color-primary,
.bg-primary {
    background-color: var(--ehc-color-primary) !important;
}

/* Botões principais. */
.rbt-btn:not(.rbt-btn-secondary):not(.rbt-btn-border):not(.rbt-btn-transparent):not(.rbt-btn-naked):not(.rbt-btn-link):not(.rbt-btn-black),
.rbt-btn-primary,
.btn-primary,
button[type="submit"]:not(.rbt-btn-secondary),
input[type="submit"] {
    background-color: var(--ehc-color-primary) !important;
    border-color: var(--ehc-color-primary) !important;
    color: #fff !important;
}

.rbt-btn:not(.rbt-btn-secondary):not(.rbt-btn-border):not(.rbt-btn-transparent):not(.rbt-btn-naked):not(.rbt-btn-link):not(.rbt-btn-black):hover,
.rbt-btn-primary:hover,
.btn-primary:hover,
button[type="submit"]:not(.rbt-btn-secondary):hover,
input[type="submit"]:hover {
    background-color: var(--ehc-color-primary-hover) !important;
    border-color: var(--ehc-color-primary-hover) !important;
    color: #fff !important;
}

/* Botões secundários usam a cor institucional mais escura. */
.rbt-btn-secondary,
.btn-secondary {
    background-color: var(--ehc-color-secondary) !important;
    border-color: var(--ehc-color-secondary) !important;
    color: #fff !important;
}

.rbt-btn-secondary:hover,
.btn-secondary:hover {
    background-color: var(--ehc-color-secondary-hover) !important;
    border-color: var(--ehc-color-secondary-hover) !important;
    color: #fff !important;
}

/* Botões contornados e links de ação. */
.rbt-btn-border {
    border-color: var(--ehc-color-primary) !important;
    color: var(--ehc-color-primary) !important;
}

.rbt-btn-border:hover {
    background-color: var(--ehc-color-primary) !important;
    border-color: var(--ehc-color-primary) !important;
    color: #fff !important;
}

.rbt-btn-link,
.rbt-btn-text,
a.rbt-card-subtitle,
.rbt-card-subtitle,
.rbt-price-text,
.offer-price,
.rbt-product-price,
.price,
ins,
.rbt-link-hover {
    color: var(--ehc-color-primary) !important;
}

/* Navegação, menus e estados ativos. */
.rbt-mainmenu-nav .mainmenu > li > a:hover,
.rbt-mainmenu-nav .mainmenu > li.current > a,
.rbt-mainmenu-nav .mainmenu > li.active > a,
.rbt-mainmenu-nav .submenu li a:hover,
.rbt-dropdown-parent-wrapper a:hover,
.mega-menu-item li a:hover,
.rbt-footer-widget .ft-link li a:hover,
.rbt-footer-widget a:hover,
.rbt-breadcrumb-item.active,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
    color: #fff !important;
}

.rbt-mainmenu-nav .mainmenu > li > a::after,
.nav-tabs .nav-link.active::after {
    background-color: var(--ehc-color-primary) !important;
}

/* Departamento e menus expansíveis. */
.rbt-category-update .rbt-btn-transparent,
.rbt-category-update .has-bg-shape-hover:hover,
.rbt-dropdown-parent-wrapper > li:hover > a,
.rbt-dropdown-parent-wrapper > li.active > a {
    color: var(--ehc-color-primary) !important;
}

.rbt-update-category-dropdown,
.rbt-dropdown-child-wrapper,
.rbt-mainmenu-nav .submenu {
    border-top-color: var(--ehc-color-primary) !important;
}

/* Ícones rápidos, contadores e badges. */
.rbt-quick-access .rbt-round-btn:hover,
.rbt-round-btn:hover,
.rbt-card-link-btn,
.rbt-wishlist-btn:hover,
.rbt-cart-btn:hover {
    background-color: var(--ehc-color-primary) !important;
    border-color: var(--ehc-color-primary) !important;
    color: #fff !important;
}

.access-box-count,
.rbt-badge,
.rbt-offer-badge,
.badge-primary,
.rbt-product-badge,
.rbt-cart-count {
    background-color: var(--ehc-color-primary) !important;
    color: #fff !important;
}

/* Paginação, sliders e controles. */
.swiper-pagination-bullet-active,
.rbt-swiper-pagination .swiper-pagination-bullet-active,
.rbt-swiper-arrow:hover,
.rbt-arrow-brand:hover,
.pagination .page-item.active .page-link,
.page-link:hover {
    background-color: var(--ehc-color-primary) !important;
    border-color: var(--ehc-color-primary) !important;
    color: #fff !important;
}

.pagination .page-link,
.rbt-swiper-arrow.rbt-arrow-brand {
    color: var(--ehc-color-primary);
}

/* Formulários e controles de seleção. */
.form-control:focus,
.form-select:focus,
input:focus,
textarea:focus,
select:focus,
.search-input:focus {
    border-color: var(--ehc-color-primary) !important;
    box-shadow: 0 0 0 .2rem rgba(0, 109, 55, .14) !important;
}

.form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: var(--ehc-color-primary) !important;
    border-color: var(--ehc-color-primary) !important;
}

/* Produtos, cards e interações comerciais. */
.rbt-product-card:hover .title a,
.rbt-default-card:hover .title a,
.rbt-card:hover .title a,
.rbt-cat-box:hover .title a,
.rbt-product-card .rbt-card-link-btn:hover,
.rbt-rating i,
.rating i,
.star-rating i {
    color: var(--ehc-color-primary) !important;
}

.rbt-card-link-btn:hover {
    background-color: var(--ehc-color-secondary) !important;
}

.rbt-cat-box:hover,
.rbt-product-card:hover,
.rbt-default-card:hover {
    border-color: rgba(0, 109, 55, .35) !important;
}

/* Componentes comerciais implementados no projeto. */
.ehc-floor-calculator,
.ehc-commercial-box,
.ehc-purchase-box,
.ehc-shipping-calculator {
    --color-primary: var(--ehc-color-primary);
    --color-success: var(--ehc-color-primary);
}

.ehc-commercial-notice {
    border-color: rgba(0, 109, 55, .30) !important;
    background-color: var(--ehc-color-primary-soft) !important;
}

/* Rodapé e áreas escuras usam a cor secundária. */
.rbt-footer,
.rbt-footer-area,
.rbt-footer-style-1,
.rbt-footer-style-2,
.rbt-footer-style-3,
.rbt-footer-style-4,
.rbt-footer-style-5,
.rbt-footer-style-6,
.rbt-footer-style-7,
.rbt-footer-style-8,
.rbt-footer-style-9,
.rbt-footer-style-10,
.rbt-bg-color-dark,
.rbt-bg-color-black {
    --color-heading: #fff;
}

.ft-title {
    color: var(--color-secondary);
}

/* Links de acessibilidade e foco por teclado. */
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid rgba(0, 109, 55, .40) !important;
    outline-offset: 2px;
}

/* Classes utilitárias do tema. */
.rbt-text-color-primary,
.text-primary {
    color: var(--ehc-color-primary) !important;
}

.rbt-text-color-secondary,
.text-secondary {
    color: var(--ehc-color-secondary) !important;
}

.border-primary {
    border-color: var(--ehc-color-primary) !important;
}

.border-secondary {
    border-color: var(--ehc-color-secondary) !important;
}