/*
 * Basic layout for the ARTA Jobs.
 * All elements inherit fonts and colours from the active theme
 * to minimise conflicts and maintain consistent styling.
 */

.ayotte-job-board {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.ayotte-job-item {
    flex: 1 1 300px;
    border: 1px solid #a32c2e;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
    font-family: inherit;
    color: inherit;
}

.ayotte-job-item h3 {
    margin-top: 0;
    font-size: 1.2em;
    color: #a32c2e;
}


.ayotte-job-filters {
    margin-bottom: 20px;
    font-family: inherit;
}

.ayotte-job-filters select {
    font-family: inherit;
}

.ayotte-job-filters button {
    background: #a32c2e;
    color: #fff !important;
    border: 1px solid #a32c2e;
    padding: 6px 12px;
}

.ayotte-job-filters button:hover {
    background: #871f21;
    border-color: #871f21;
}

.ayotte-notice {
    padding: 10px;
    margin-bottom: 15px;
    font-family: inherit;
}

.ayotte-notice-success {
    background: #dff0d8;
    color: #3c763d;
}

.ayotte-notice-error {
    background: #f2dede;
    color: #a94442;
}

/* Meta information list within each job item */
.ayotte-job-meta {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
}

.ayotte-job-meta li {
    margin-bottom: 4px;
}

.ayotte-apply-link,
.ayotte-application-form button {
    background: #a32c2e;
    color: #fff !important;
    border: 1px solid #a32c2e;
    padding: 6px 12px;
    text-decoration: none;
    display: inline-block;
}

.ayotte-apply-link:hover,
.ayotte-application-form button:hover {
    background: #871f21;
    border-color: #871f21;
}

.ayotte-description.is-collapsed {
    display: none;
}

.ayotte-toggle-desc {
    background: #a32c2e;
    color: #fff !important;
    border: 1px solid #a32c2e;
    padding: 6px 12px;
    cursor: pointer;

    display: inline-block;
    margin-right: 5px;

}

.ayotte-toggle-desc:hover {
    background: #871f21;
    border-color: #871f21;
}

/* Application form layout */
.ayotte-application-form {
    max-width: 600px;
    margin: 0 auto 20px;
}

.ayotte-application-form input,
.ayotte-application-form select,
.ayotte-application-form textarea {
    font-family: inherit;
    color: inherit;
    border: 1px solid #a32c2e;
    padding: 6px;
    box-sizing: border-box;
}

.ayotte-application-form input:focus,
.ayotte-application-form select:focus,
.ayotte-application-form textarea:focus {
    outline: none;
    border-color: #a32c2e;
    box-shadow: 0 0 0 1px #a32c2e;
}

.ayotte-review-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.ayotte-review-table th,
.ayotte-review-table td {
    border: 1px solid #a32c2e;
    padding: 8px;
    text-align: left;
}

.ayotte-review-table th {
    background: #a32c2e;
    color: #fff !important;
}

.ayotte-review-table tbody tr:nth-child(even) {
    background: #f0f0f0;
}