/* GiftAid — variáveis de tema padrão (GiftAid verde) */
:root {
    --ga-primary:        #1e7f5c;
    --ga-primary-text:   #ffffff;
    --ga-secondary:      #34a07a;
    --ga-bg:             #f2f2f2;
    --ga-text:           #1e7f5c;
    --ga-navbar-bg:      #1e7f5c;
    --ga-navbar-text:    #ffffff;
    --ga-input-text:     #1e7f5c;
}

body {
    background-color: var(--ga-bg) !important;
    color: var(--ga-text) !important;
}

/* Botões primários */
.btn-primary {
    background-color: var(--ga-primary) !important;
    border-color: var(--ga-primary) !important;
    color: var(--ga-primary-text) !important;
}
.btn-primary .valor_carrinho {
    color: var(--ga-primary-text) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    opacity: 0.85;
    background-color: var(--ga-primary) !important;
    border-color: var(--ga-primary) !important;
}
.btn-outline-primary {
    color: var(--ga-primary) !important;
    border-color: var(--ga-primary) !important;
}
.bg-primary {
    background-color: var(--ga-primary) !important;
}
.text-primary {
    color: var(--ga-primary) !important;
}
.border-primary {
    border-color: var(--ga-primary) !important;
}
input[type="range"] {
    accent-color: var(--ga-primary) !important;
}

/* Botões secundários */
.btn-secondary {
    background-color: var(--ga-secondary) !important;
    border-color: var(--ga-secondary) !important;
}
.btn-secondary:hover,
.btn-secondary:active {
    opacity: 0.85;
    background-color: var(--ga-secondary) !important;
    border-color: var(--ga-secondary) !important;
}

/* Textos gerais */
p, span, a, li, div, td, th, label {
    color: var(--ga-text) !important;
}
.text-muted {
    color: var(--ga-text) !important;
}
.text-site-brand {
    color: var(--ga-text) !important;
}

/* Inputs */
input,
textarea,
select {
    color: var(--ga-input-text) !important;
}

/* Navbar */
.navbar,
.navbar a,
.navbar span,
.navbar-brand,
.navbar-nav .nav-link {
    background-color: var(--ga-navbar-bg) !important;
    color: var(--ga-navbar-text) !important;
}
.navbar-toggler-icon,
.navbar-toggler {
    color: var(--ga-navbar-text) !important;
    border-color: var(--ga-navbar-text) !important;
}

/* Componentes */
.the-container .offcanvas {
    background-color: var(--ga-bg) !important;
    color: var(--ga-text) !important;
}
.modal-content {
    background-color: var(--ga-bg) !important;
    color: var(--ga-text) !important;
}
.popover-body {
    background-color: var(--ga-bg) !important;
}
.progress {
    background-color: var(--ga-secondary) !important;
}
.progress-bar {
    color: var(--ga-primary-text) !important;
}
.featurette-heading .text-muted {
    color: var(--ga-secondary) !important;
}
.secondary-color {
    color: var(--ga-secondary) !important;
}

/* Comparativo de exemplos */
.the-container .exemplo-comparativo-button.selected {
    background-color: var(--ga-primary) !important;
    border-color: var(--ga-primary) !important;
    color: var(--ga-primary-text) !important;
}
.the-container .exemplo-comparativo-button.selected,
.the-container .exemplo-comparativo-button.selected * {
    color: var(--ga-primary-text) !important;
}
.the-container .exemplo-comparativo-button.selected img {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
}