/* ============================== */
/* === GLOBAL STYLING === */
/* ============================== */
/* === App-wide neutral off-white (green-friendly) === */
/*:root {*/
    /* Bootstrap uses this for the page background */
    /*--bs-body-bg: #e6ede9;*/ /* neutral off-white with a subtle green tint */
/*}*/

/* Strong explicit override */
html, body {
    background-color: #e6ede9 !important;
}
.container,
.container-fluid,
main,
#page-wrapper {
    background-color: transparent !important;
}

/* Page Title Colors */
.text-greenery {
    color: #286D37;
}

.text-lime {
    color: #78BE43;
}
/* ============================== */
/* === NAVIGATION STYLING === */
/* ============================== */
.navbar {
    padding: 1rem;
    background-color: #286D37 !important; /* Primary Greenery */
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
    color: white !important;
}

.navbar a {
    font-size: 1.1rem;
    color: white !important;
}

.navbar-toggler {
    border: none;
}

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
/* ============================== */
/* === DATA TABLE STYLING === */
/* ============================== */
#queueTable_paginate .pagination .page-item.active .page-link {
    background-color: #286D37 !important;
    border-color: #286D37 !important;
    color: #fff !important;
}

/* hover state */
#queueTable_paginate .pagination .page-item .page-link:hover {
    background-color: #0B3E2B !important;
    border-color: #0B3E2B !important;
    color: #fff !important;
}
/* ============================== */
/* === FOOTER STYLING === */
/* ============================== */
.footer {
    text-align: center;
    padding: 1rem 0;
    background-color: #221F20 !important; /* Secondary Black */
    color: white;
}

    .footer p {
        margin-bottom: 0;
    }

    .footer a {
        text-decoration: none;
        color: white;
    }

        .footer a:hover {
            text-decoration: underline;
        }

/* ============================== */
/* === FORM STYLING === */
/* ============================== */
.form-control {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    margin-bottom: 15px;
}

/* ============================== */
/* === TABLE STYLING === */
/* ============================== */
table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

    table th, table td {
        padding: 12px;
        border: 1px solid #dee2e6;
    }
    /*table th {
        background-color: #286D37;*/ /* Greenery */
        /*color: white;
        text-transform: uppercase;
        font-weight: 600;
    }*/
    table tr:hover {
        background-color: #e9f7ef; /* very light green tint */
    }
   /* table tr:nth-child(even) {
        background-color: #f2f2f2;
    }*/
/* ============================== */
/* === COLLECTION STYLING === */
/* ============================== */

/* Accordion Header Styling */
.collection-sample-header {
    background-color: #286D37 !important; /* Greenery */
    color: white !important;
    font-weight: bold;
}

.collection-sample-header-light {
    background-color: #78BE43 !important; /* Lime */
    color: white !important;
    font-weight: bold;
}

/* Light grey-green background for collapsible sections */
.collection-sample-section-bg {
    background-color: #f0f7f4 !important; /* Light grey-green */
    border-left: 5px solid #286D37; /* Greenery left border for distinction */
    border-radius: 5px;
}

/* Section Title Styling */
.collection-section-title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #0B3E2B; /* Forrest */
    border-bottom: 2px solid #286D37;
    padding-bottom: 4px;
    margin-bottom: 10px;
}
/* ============================== */
/* === SIDEBAR STYLING === */
/* ============================== */
.nav.flex-column .nav-link {
    padding: 10px;
    border-bottom: 1px solid #ced4da;
}

/* ============================== */
/* === CHECKBOX STYLING === */
/* ============================== */
input[type="checkbox"] {
    /*width: 24px;
    height: 24px;
    cursor: pointer;*/
    /* bump size a little if you like */
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    /* primary theme color when checked */
    accent-color: #286D37; /* Greenery */
    /* always show a border so it stands out on white */
    border: 2px solid #286D37;
    border-radius: 0.25em;
}

/* ============================== */
/* === BUTTON STYLING === */
/* ============================== */
.btn.module-btn {
    font-size: 1.25rem;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    color: white !important;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s;
    display: block;
    text-align: center;
}

    /* Hover Effects */
    .btn.module-btn:hover {
        transform: scale(1.05);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    }

/* Logout Button */
.btn-danger {
    border-radius: 8px;
}

/* ============================== */
/* === COLOR MAPPINGS === */
/* ============================== */
.btn.module-btn.greenery {
    background-color: #286D37 !important;
}

.btn.module-btn.lime {
    background-color: #78BE43 !important;
}

.btn.module-btn.forrest {
    background-color: #0B3E2B !important;
}

.btn.module-btn.deep-blue {
    background-color: #0077B6 !important;
}

.btn.module-btn.orange-accent {
    background-color: #F77F00 !important;
}

.btn.module-btn.hemp-beige {
    background-color: #C7B79C !important;
}

.btn.module-btn.amber-waves {
    background-color: #F59E0B !important;
}

.btn.module-btn.muted-teal {
    background-color: #4C9A92 !important;
}

.btn.module-btn.steel-blue {
    background-color: #468FAF !important;
}

.btn.module-btn.rich-red {
    background-color: #BC202B !important;
}


/* ============================== */
/* === FILE INPUT “Choose” BUTTON STYLING === */
/* ============================== */
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
    /* “module-btn” base */
    font-size: 1.25rem;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    color: white;
    display: inline-block;
    text-align: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s;
    cursor: pointer;
    /* “forrest” theme */
    background-color: #0B3E2B !important;
    padding: 0.5rem 1rem; /* adjust as needed */
}

    input[type="file"]::file-selector-button:hover,
    input[type="file"]::-webkit-file-upload-button:hover {
        transform: scale(1.05);
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    }

/* ============================== */
/* === Distinct Styling for Filters and Results === */
/* ============================== */
.order-filter-section {
    background-color: #f0f7f4; /* Light grey-green */
    border-left: 5px solid #286D37; /* Greenery border */
    padding: 15px;
}

.order-results-section {
    background-color: #ffffff; /* White for better contrast */
    border-left: 5px solid #0B3E2B; /* Forrest border */
    padding: 15px;
}

.order-results-section .card-body .btn.module-btn {
  display: inline-block;
  width: auto;            /* ensure no full-width creep */
  margin: 0.5rem 0.25rem; /* adds space around each button */
  text-align: center;     /* center text within the button */
}

/* ---- FULLY QUALIFIED STRIPING RULES ---- */
/*#samplesTable*/ /* your table’s ID */
/*> tbody#samples-container*/ /* your tbody */
/*> tr.sample-strip-greenery,
#samplesTable > tbody#samples-container > tr.sample-strip-greenery + tr.sampleDetailRow {
    background-color: rgba(40, 109, 55, 0.05) !important;
}

#samplesTable > tbody#samples-container > tr.sample-strip-forrest,
#samplesTable > tbody#samples-container > tr.sample-strip-forrest + tr.sampleDetailRow {
    background-color: rgba(11, 62, 43, 0.07) !important;
}*/