/**
 * ========================================
 * AGROHORIZON - TEMA VERDE CUSTOMIZADO
 * ========================================
 * Sobrescreve cores azuis do Bootstrap
 * por tons de verde (#2fab58)
 */

:root, [data-bs-theme=light] {
    /* Cor principal */
    --bs-blue: #2fab58 !important;
    --bs-primary: #2fab58 !important;
    --bs-primary-rgb: 47, 171, 88 !important;

    /* Links */
    --bs-link-color: #2fab58 !important;
    --bs-link-hover-color: #258a46 !important;
    --bs-link-hover-color-rgb: 37, 138, 70 !important;

    /* Variações de verde para estados */
    --bs-primary-hover: #258a46 !important;
    --bs-primary-active: #1f7339 !important;
    --bs-primary-disabled: #6bc98a !important;
    --bs-primary-light: #e8f7ee !important;
}

/* ========================================
 * FORM CONTROLS
 * ======================================== */
.form-check-input:focus {
    border-color: #6bc98a;
    box-shadow: 0 0 0 .25rem rgba(47, 171, 88, .25);
}

.form-check-input:checked {
    background-color: #2fab58;
    border-color: #2fab58;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #2fab58;
    border-color: #2fab58;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(47, 171, 88, .25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(47, 171, 88, .25);
}

.form-range::-webkit-slider-thumb {
    background-color: #2fab58;
}

.form-range::-webkit-slider-thumb:active {
    background-color: #9bddb0;
}

.form-range::-moz-range-thumb {
    background-color: #2fab58;
}

.form-range::-moz-range-thumb:active {
    background-color: #9bddb0;
}

/* ========================================
 * BOTÕES
 * ======================================== */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2fab58;
    --bs-btn-border-color: #2fab58;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #258a46;
    --bs-btn-hover-border-color: #1f7339;
    --bs-btn-focus-shadow-rgb: 47, 171, 88;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1f7339;
    --bs-btn-active-border-color: #1a6330;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2fab58;
    --bs-btn-disabled-border-color: #2fab58;
}

.btn-outline-primary {
    --bs-btn-color: #2fab58;
    --bs-btn-border-color: #2fab58;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2fab58;
    --bs-btn-hover-border-color: #2fab58;
    --bs-btn-focus-shadow-rgb: 47, 171, 88;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2fab58;
    --bs-btn-active-border-color: #2fab58;
    --bs-btn-disabled-color: #2fab58;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2fab58;
}

/* ========================================
 * NAVEGAÇÃO
 * ======================================== */
.nav-pills {
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #2fab58;
}

/* ========================================
 * DROPDOWNS
 * ======================================== */
.dropdown-menu {
    --bs-dropdown-link-active-bg: #2fab58;
}

.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #2fab58;
}

/* ========================================
 * PAGINAÇÃO
 * ======================================== */
.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(47, 171, 88, 0.25);
    --bs-pagination-active-bg: #2fab58;
    --bs-pagination-active-border-color: #2fab58;
}

/* ========================================
 * PROGRESS BAR
 * ======================================== */
.progress {
    --bs-progress-bar-bg: #2fab58;
}

.progress-bar {
    background-color: #2fab58 !important;
}

/* ========================================
 * LIST GROUP
 * ======================================== */
.list-group {
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #2fab58;
    --bs-list-group-active-border-color: #2fab58;
}

/* ========================================
 * DATATABLES
 * ======================================== */
table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > * {
    box-shadow: inset 0 0 0 9999px #2fab58 !important;
}

/* ========================================
 * BADGES
 * ======================================== */
.badge.bg-primary {
    background-color: #2fab58 !important;
}

.badge.text-bg-primary {
    background-color: #2fab58 !important;
}

/* ========================================
 * ALERTS
 * ======================================== */
.alert-primary {
    --bs-alert-color: #1a6330;
    --bs-alert-bg: #e8f7ee;
    --bs-alert-border-color: #6bc98a;
}

/* ========================================
 * BORDERS
 * ======================================== */
.border-primary {
    border-color: #2fab58 !important;
}

/* ========================================
 * TEXT
 * ======================================== */
.text-primary {
    color: #2fab58 !important;
}

.link-primary {
    color: #2fab58 !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #258a46 !important;
}

/* ========================================
 * BACKGROUNDS
 * ======================================== */
.bg-primary {
    background-color: #2fab58 !important;
}

.bg-primary-subtle {
    background-color: #e8f7ee !important;
}

/* ========================================
 * SPINNERS
 * ======================================== */
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #2fab58 !important;
}
