/* AgroForest Designer Huisstijl Kleuren
 * Gebaseerd op AGROFOREST_HUISSTIJL.md
 */

/* Achtergrond Kleuren */
.bg-light-green {
    background-color: #c5e1a5 !important;
}

.bg-dark-green {
    background-color: #1b5e20 !important;
}

.bg-forest-green {
    background-color: #33691e !important;
}

.bg-grass-green {
    background-color: #68d391 !important;
}

.bg-light-grey {
    background-color: #f9f9f9 !important;
}

.bg-brown {
    background-color: #6d4c41 !important;
}

/* Tekst Kleuren */
.text-dark-green {
    color: #1b5e20 !important;
}

.text-forest-green {
    color: #33691e !important;
}

.text-light-green {
    color: #c5e1a5 !important;
}

.text-grass-green {
    color: #68d391 !important;
}

.text-brown {
    color: #6d4c41 !important;
}

/* Border Kleuren */
.border-light-green {
    border-color: #c5e1a5 !important;
}

.border-dark-green {
    border-color: #1b5e20 !important;
}

.border-forest-green {
    border-color: #33691e !important;
}

/* Focus States */
.form-control:focus,
.form-select:focus {
    border-color: #33691e;
    box-shadow: 0 0 0 0.2rem rgba(51, 105, 30, 0.25);
}

/* Button Overrides voor groen thema */
.btn-success {
    background-color: #33691e;
    border-color: #33691e;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #1b5e20;
    border-color: #1b5e20;
}

.btn-outline-success {
    color: #33691e;
    border-color: #33691e;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
    background-color: #33691e;
    border-color: #33691e;
    color: #fff;
}

/* Active/Selected States */
.list-group-item.active {
    background-color: #33691e;
    border-color: #33691e;
}

.nav-link.active {
    color: #33691e !important;
    border-color: #33691e !important;
}

/* Card Styling */
.card {
    border: 1px solid #c5e1a5;
}

.card-header.bg-light-green {
    border-bottom: 1px solid #33691e;
}

/* Badge Overrides */
.badge.bg-success {
    background-color: #33691e !important;
    color: #ffffff !important;
}

/* Subscription Badges - Ensure white text in light mode */
.subscription-badge-dropdown,
.subscription-badge-sidebar {
    color: #ffffff !important;
}

/* Light Mode Support - Force light colors when manually switched to light theme */
[data-bs-theme="light"] .bg-light-green {
    background-color: #c5e1a5 !important;
}

[data-bs-theme="light"] .bg-dark-green {
    background-color: #1b5e20 !important;
}

[data-bs-theme="light"] .bg-forest-green {
    background-color: #33691e !important;
}

[data-bs-theme="light"] .bg-grass-green {
    background-color: #68d391 !important;
}

[data-bs-theme="light"] .bg-light-grey {
    background-color: #f9f9f9 !important;
}

[data-bs-theme="light"] .text-dark-green {
    color: #1b5e20 !important;
}

[data-bs-theme="light"] .text-forest-green {
    color: #33691e !important;
}

[data-bs-theme="light"] .text-light-green {
    color: #c5e1a5 !important;
}

[data-bs-theme="light"] .border-light-green {
    border-color: #c5e1a5 !important;
}

[data-bs-theme="light"] .border-dark-green {
    border-color: #1b5e20 !important;
}

[data-bs-theme="light"] .card {
    background-color: #ffffff !important;
    border-color: #c5e1a5 !important;
    color: #212529 !important;
}

[data-bs-theme="light"] .card-header.bg-light-green {
    background-color: #c5e1a5 !important;
    color: #1b5e20 !important;
    border-bottom: 1px solid #33691e !important;
}

[data-bs-theme="light"] .text-muted {
    color: #6c757d !important;
}

[data-bs-theme="light"] .btn-success {
    background-color: #33691e !important;
    border-color: #33691e !important;
    color: #ffffff !important;
}

[data-bs-theme="light"] .btn-success:hover,
[data-bs-theme="light"] .btn-success:focus {
    background-color: #1b5e20 !important;
    border-color: #1b5e20 !important;
}

[data-bs-theme="light"] .btn-outline-success {
    color: #33691e !important;
    border-color: #33691e !important;
    background-color: transparent !important;
}

[data-bs-theme="light"] .btn-outline-success:hover,
[data-bs-theme="light"] .btn-outline-success:focus {
    background-color: #33691e !important;
    border-color: #33691e !important;
    color: #fff !important;
}

[data-bs-theme="light"] .badge.bg-success {
    background-color: #33691e !important;
    color: #ffffff !important;
}

[data-bs-theme="light"] .nav-link.active {
    color: #33691e !important;
    border-color: #33691e !important;
}

/* Dark Mode Support - Using data-bs-theme attribute for manual theme switching */
[data-bs-theme="dark"] .bg-light-green {
    background-color: #1b5e20 !important;
}

[data-bs-theme="dark"] .text-dark-green {
    color: #a5d6a7 !important;
}

[data-bs-theme="dark"] .border-light-green {
    border-color: #718096 !important;
}

[data-bs-theme="dark"] .card {
    background-color: #2d3748;
    border-color: #718096;
    color: #e2e8f0;
}

[data-bs-theme="dark"] .card-header.bg-light-green {
    background-color: #1b5e20 !important;
    color: #e2e8f0 !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #a0aec0 !important;
}

/* Rounded Cards (huisstijl consistency) */
.card.rounded {
    border-radius: 0.5rem;
}

.card-img-top.rounded-top {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

/* Shadow Styling */
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(51, 105, 30, 0.075) !important;
}