/* ==========================================================================
   BAMBOOHR CAREERS PLUGIN STYLES (v1.6 FINAL DESIGN)
   ========================================================================== */

/* --- Main Filter (Single-Line Design) --- */
#bamboo-filters.bamboo-filters-container.single-line {
    display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin-bottom: 2.5rem;
}
#bamboo-filters.single-line .bamboo-search-wrapper {
    display: flex; flex: 2 1 300px; border: 1px solid #cccccc; border-radius: 4px; overflow: hidden;
}
#bamboo-filters.single-line .bamboo-search-wrapper input[type="text"] {
    flex-grow: 1; border: none; padding: 0.75rem 1rem; font-size: 1em; outline: none; min-width: 150px;
}
#bamboo-filters.single-line .bamboo-search-wrapper button {
    padding: 0.75rem 1.2rem; border: none; background-color: #f7f7f7; cursor: pointer;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23888888%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M11.742%2010.344a6.5%206.5%200%201%200-1.397%201.398h-.001c.03.04.062.078.098.115l3.85%203.85a1%201%200%200%200%201.415-1.414l-3.85-3.85a1.007%201.007%200%200%200-.115-.1zM12%206.5a5.5%205.5%200%201%201-11%200%205.5%205.5%200%200%201%2011%200z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; text-indent: -9999px;
}
#bamboo-filters.single-line .bamboo-search-wrapper button:hover { background-color: #e9e9e9; }
#bamboo-filters.single-line .bamboo-select-wrapper { position: relative; flex: 1 1 150px; }
#bamboo-filters.single-line .bamboo-select-wrapper::after {
    content: ''; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%);
    width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555; pointer-events: none;
}
#bamboo-filters.single-line select {
    width: 100%; padding: 0.75rem 2rem 0.75rem 1rem; border: 1px solid #cccccc;
    font-size: 1em; background-color: #ffffff; -webkit-appearance: none; -moz-appearance: none;
    appearance: none; cursor: pointer; border-radius: 4px; height: 100%;
}

/* --- Job Table Styles (NEW DESIGN) --- */
.bamboo-jobs-table { width: 100%; border-collapse: collapse; margin-top: 2rem; border-spacing: 0; }
.bamboo-jobs-table th, .bamboo-jobs-table td { padding: 1rem 1.5rem; text-align: left; }

/* NEW: Table Header Styles */
.bamboo-jobs-table thead th {
    background-color: #2c2c2c;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* NEW: Department Group Header Styles */
.bamboo-jobs-table .bamboo-group-header td {
    background-color: #ffffff;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 2rem; /* More space above group */
    border-bottom: 2px solid #2c2c2c; /* Line under department name */
}

/* NEW: Zebra Striping for Job Rows */
.bamboo-jobs-table .bamboo-job-item { border: none; }
.bamboo-jobs-table .bamboo-job-item:nth-child(even) td {
    background-color: #f7f7f7;
}

.bamboo-jobs-table .col-position a { font-weight: bold; text-decoration: none; color: #0073aa; }
.bamboo-jobs-table .col-position a:hover { text-decoration: underline; }
.bamboo-no-results-row td { text-align: center; padding: 2rem; background-color: #f9f9f9;}


/* --- Responsive Styles --- */
@media screen and (max-width: 992px) {
    #bamboo-filters.single-line { flex-direction: column; }
}
@media screen and (max-width: 768px) {
    .bamboo-jobs-table thead { display: none; }
    .bamboo-jobs-table tr { display: block; margin-bottom: 1rem; border-bottom: 2px solid #f0f0f0; }
    .bamboo-jobs-table .bamboo-group-header { border: none; }
    .bamboo-jobs-table .bamboo-group-header td { background-color: transparent; padding: 1rem 0; font-size: 1.2em; border-bottom: 2px solid #333; }
    .bamboo-jobs-table td { display: block; text-align: right; border-bottom: 1px dotted #ccc; padding: 0.75rem; }
    .bamboo-jobs-table td:last-child { border-bottom: 0; }
    .bamboo-jobs-table td:before { content: attr(data-label); float: left; font-weight: bold; text-align: left; }
    .bamboo-jobs-table .bamboo-job-item:nth-child(even) td { background-color: transparent; }
}