/* ===== CORES DINÂMICAS DO TEMA - FRONTEND ===== */

:root {
    --gold: rgb(188, 210, 59);
    --gold-hex: #bcd23b;
}

/* ===== NAVBAR ===== */
/* Usa cor padrão, não afetada por mudanças dinâmicas */

/* ===== BOTÕES ===== */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: rgb(188, 210, 59) !important;
    border-color: rgb(188, 210, 59) !important;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(188, 210, 59, 0.25) !important;
}




/* ===== LINKS ===== 
a:not(.produto-abas a),
a:hover:not(.produto-abas a:hover) {
    color: #fff;
}
*/




/* ===== BADGES ===== */
.badge-primary {
    background-color: rgb(188, 210, 59) !important;
}

.badge-success {
    background-color: rgb(188, 210, 59) !important;
}

/* ===== CARDS E DESTAQUE ===== */
.card-highlight {
    border-left: 4px solid rgb(188, 210, 59);
}

.destaque,
.highlight {
    color: rgb(188, 210, 59);
}

/* ===== INPUTS E FORMS ===== */
.form-control:focus {
    border-color: rgb(188, 210, 59);
    box-shadow: 0 0 0 0.2rem rgba(188, 210, 59, 0.25);
}

.form-check-input:checked {
    background-color: rgb(188, 210, 59) !important;
    border-color: rgb(188, 210, 59) !important;
}

/* ===== PAGINAÇÃO ===== */
.pagination .page-link:hover,
.pagination .page-item.active .page-link {
    background-color: rgb(188, 210, 59) !important;
    border-color: rgb(188, 210, 59) !important;
}

/* ===== TABS ===== */
.nav-tabs .nav-link.active {
    color: rgb(188, 210, 59);
    border-bottom: 3px solid rgb(188, 210, 59);
}

/* ===== HEADING E TITLES ===== */
h1, h2, h3, h4, h5, h6 {
    color: ;
}

.text-primary {
    color: rgb(188, 210, 59) !important;
}

/* ===== NAVBAR LINKS - SEMPRE PRETOS ===== */
.navbar-nav .nav-link {
    color: #333333 !important;
}

.navbar-nav .nav-link:hover {
    color: #000000 !important;
}

.navbar-nav .nav-link.active {
    color: #000000 !important;
    border-bottom: 2px solid #333333 !important;
}

/* ===== DROPDOWN MENU - SEMPRE PRETO ===== */
.dropdown-menu {
    background-color: #ffffff !important;
}

.dropdown-item {
    color: #333333 !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #000000 !important;
    background-color: #f8f9fa !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #000000 !important;
    background-color: #e9ecef !important;
}

/* ===== PROGRESS BAR ===== */
.progress-bar {
    background-color: rgb(188, 210, 59) !important;
}

/* ===== ALERT CUSTOM ===== */
.alert-info {
    background-color: rgba(188, 210, 59, 0.1);
    border-color: rgb(188, 210, 59);
    color: ;
}

/* ===== CATEGORIA BADGE ===== */
.categoria-badge {
    background-color: rgb(188, 210, 59) !important;
    color: white !important;
}

/* ===== PRICE HIGHLIGHT ===== */
.preco-destaque {
    color: rgb(188, 210, 59);
    font-weight: bold;
}

/* ===== CUSTOM ELEMENTS ===== */
.linha-separadora {
    background-color: rgb(188, 210, 59);
}

.texto-destaque {
    color: rgb(188, 210, 59) !important;
}

/* ===== FOOTER ===== */
.footer-link:hover {
    color: rgb(188, 210, 59) !important;
}

/* ===== EFEITOS HOVER ===== */
.produto-card:hover {
    border-color: rgb(188, 210, 59);
    box-shadow: 0 0 15px rgba(188, 210, 59, 0.2);
}

/* ===== RGBA COM TRANSPARÊNCIA ===== */

/* Botões de carrossel com transparência 0.9 */
.carousel-arrow,
.carousel-arrow-imagem,
.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(188, 210, 59, 0.9) !important;
}

.carousel-arrow:hover,
.carousel-arrow-imagem:hover,
.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: rgb(188, 210, 59) !important;
}

/* Elementos inline com rgba(188, 210, 59, 0.9) */
[style*="rgba(188, 210, 59, 0.9)"] {
    background-color: rgba(188, 210, 59, 0.9) !important;
}

/* Box shadows com transparência 0.1 */
.form-control:focus,
.select:focus {
    box-shadow: 0 0 0 3px rgba(188, 210, 59, 0.1) !important;
}

/* Box shadows com transparência 0.3 */
.btn:hover,
.link-destaque:hover {
    box-shadow: 0 4px 12px rgba(188, 210, 59, 0.3) !important;
}

/* Box shadows com transparência 0.4 */
.card-hover {
    box-shadow: 0 6px 20px rgba(188, 210, 59, 0.4) !important;
}

/* Backgrounds com transparência 0.05 */
.hover-light {
    background-color: rgba(188, 210, 59, 0.05) !important;
}

/* Box shadows com transparência 0.15 */
.shadow-soft {
    box-shadow: 0 8px 24px rgba(188, 210, 59, 0.15) !important;
}

/* Capturar todos os elementos inline com rgba da cor antiga */
[style*="rgba(188, 210, 59, 0.1)"] {
    box-shadow: 0 0 0 3px rgba(188, 210, 59, 0.1) !important;
}

[style*="rgba(188, 210, 59, 0.3)"] {
    box-shadow: 0 4px 12px rgba(188, 210, 59, 0.3) !important;
}

[style*="rgba(188, 210, 59, 0.4)"] {
    box-shadow: 0 6px 20px rgba(188, 210, 59, 0.4) !important;
}

[style*="rgba(188, 210, 59, 0.05)"] {
    background-color: rgba(188, 210, 59, 0.05) !important;
}

[style*="rgba(188, 210, 59, 0.15)"] {
    box-shadow: 0 8px 24px rgba(188, 210, 59, 0.15) !important;
}

/* ===== ESTADO ATIVO/SELECIONADO ===== 
.active,
.selected {
    color: rgb(188, 210, 59);
}*/

/* ===== VARIÁVEIS DE COR DISPONÍVEIS ===== */
/* Use em qualquer CSS com: color: rgb(var(--gold)); ou background-color: var(--gold-hex); */

.btn-historia, .btn-onde-compra{
  
    border:1px solid transparent;
 
}

.btn-historia:hover, .btn-onde-comprar:hover, .btn-enviar:hover{
    color:#1a1a1a;
    border:1px solid #1a1a1a;
    background:#fff;
}
.btn:hover, .link-destaque:hover, .btn-onde-comprar:hover {
    box-shadow: 0 4px 12px rgb(0 0 0 / 0%) !important;
}

.btn-buscar:hover, .btn-cep-search:hover:not(:disabled){
    background:#000;
    color:#fff;
        box-shadow: 0 4px 12px rgba(188, 210, 59, 0.0);
}
.btn-cep-search:hover:not(:disabled){
   border-color: #000;
}

.card-story-content a:hover{
color:#fff;
}
a:hover{
    color:#000;
    text-decoration:none;
}