/* =====================================================
   STYLE.CSS – Helper Green / Yellow Utilities (style.css)
===================================================== */

:root {
    --green: var(--primary-color);
    --yellow: var(--secondary-color);
}

/* ================= TEXT ================= */
.text-green {
    color: var(--green) !important;
}

.text-yellow {
    color: var(--yellow) !important;
}

/* ================= GREEN BUTTON ================= */
.btn-green {
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: #ffffff !important;
}

.btn-green:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

/* ================= YELLOW BUTTON ================= */
.btn-yellow {
    background-color: var(--yellow) !important;
    border-color: var(--yellow) !important;
    color: #000000 !important;
}

.btn-yellow:hover {
    background-color: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
}

/* ================= BADGES ================= */
.badge-green {
    background-color: var(--green) !important;
    color: #ffffff !important;
}

.badge-yellow {
    background-color: var(--yellow) !important;
    color: #000000 !important;
}

/* ================= CARDS ================= */
.card-img-top {
    border-bottom: 3px solid var(--green);
}

.project-card {
    box-shadow: 0 2px 15px rgba(93,145,63,0.15);
    transition: var(--transition);
}

.project-card:hover {
    box-shadow: 0 5px 20px rgba(93,145,63,0.25);
    transform: translateY(-2px);
}

/* ================= FORMS ================= */
.form-control:focus,
.form-select:focus {
    border-color: var(--green) !important;
    box-shadow: 0 0 0 0.2rem rgba(93,145,63,0.25) !important;
}

/* ================= ARCHIVE SPECIFIC STYLES ================= */
.archive-btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure archive buttons in cards are visible */
.card .archive-btn,
.card .btn-outline-primary[href*="archive"],
.card .btn-outline-primary[onclick*="archive"] {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    background: transparent !important;
}

.card .archive-btn:hover,
.card .btn-outline-primary[href*="archive"]:hover,
.card .btn-outline-primary[onclick*="archive"]:hover {
    color: #ffffff !important;
    background: var(--primary-color) !important;
}