:root { --pagination-btn-bg: transparent;
--pagination-btn-text: inherit;
--pagination-btn-border: currentColor;
--pagination-btn-hover-bg: rgba(0, 0, 0, 0.05);
--pagination-btn-active-bg: #0073aa;
--pagination-btn-active-text: #fff;
} .cp-recruit-layout-LTR {
display: grid;
grid-template-columns: 250px 1fr;
gap: 20px;
}
.cp-recruit-layout-LTR .cp-recruit-filters {
grid-column: 1;
grid-row: 1;
}
.cp-recruit-layout-LTR .cp-recruit-results {
grid-column: 2;
grid-row: 1;
} .cp-recruit-layout-RTL {
display: grid;
grid-template-columns: 1fr 250px;
gap: 20px;
}
.cp-recruit-layout-RTL .cp-recruit-filters {
grid-column: 2;
grid-row: 1;
}
.cp-recruit-layout-RTL .cp-recruit-results {
grid-column: 1;
grid-row: 1;
}
.cp-recruit-filters {
margin-bottom: 25px;
}
.cp-recruit-job-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 15px;
}
.cp-recruit-pagination {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-top: 20px;
}
.cp-recruit-job-item {
margin-bottom: 20px;
padding: 20px;
border: 1px solid currentColor;
}
.cp-recruit-job-title {
margin: 0 0 10px;
}
.cp-recruit-job-location {
margin: 5px 0 15px;
}
.cp-recruit-job-description {
margin: 15px 0;
padding-top: 15px;
border-top: 1px solid currentColor;
}
.cp-recruit-toggle-desc {
display: inline-block;
}
.cp-recruit-apply-filters {
margin-top: 15px;
}
.cp-recruit-toggle-reduce {
display: none;
}
.cp-recruit-apply-btn {
display: inline-block;
padding: 8px 16px;
text-decoration: none;
font-weight: 600;
}
.pagination-btn {
padding: 4px 8px;
font-size: 0.9em;
background: var(--pagination-btn-bg);
color: var(--pagination-btn-text);
border: 1px solid var(--pagination-btn-border);
cursor: pointer;
font-family: inherit;
}
.pagination-btn:hover {
background: var(--pagination-btn-hover-bg);
}
.pagination-btn.active {
background: var(--pagination-btn-active-bg);
color: var(--pagination-btn-active-text);
}
.pagination-prev,
.pagination-next {
display: inline-block;
}
.pagination-number {
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}
@media (max-width: 768px) {
.cp-recruit-layout-LTR,
.cp-recruit-layout-RTL {
grid-template-columns: 1fr;
}
.cp-recruit-layout-LTR .cp-recruit-filters,
.cp-recruit-layout-RTL .cp-recruit-filters,
.cp-recruit-layout-LTR .cp-recruit-results,
.cp-recruit-layout-RTL .cp-recruit-results {
grid-column: 1;
}
}