/**
 * CHI Jobs Page — Supplemental Styles
 * Loaded only on the Jobs page and single job_listing templates.
 * Also covers Ultimate Addons for Elementor widget overrides.
 */

/* ============================================================
   WP JOB MANAGER — SEARCH FORM (when show_filters="true")
   ============================================================ */
.job_filters {
    background: var(--chi-white) !important;
    border: 1px solid var(--chi-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-4) !important;
    margin-bottom: var(--sp-4) !important;
}

.job_filters .search_jobs label {
    font-family: var(--font-head) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: var(--chi-text-muted) !important;
}

.job_filters .search_jobs input[type="text"],
.job_filters .search_jobs select {
    width: 100% !important;
    padding: 11px 14px !important;
    border: 1px solid var(--chi-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    background: var(--chi-bg) !important;
    color: var(--chi-text) !important;
    transition: border-color 220ms ease, box-shadow 220ms ease !important;
}

.job_filters .search_jobs input:focus,
.job_filters .search_jobs select:focus {
    outline: none !important;
    border-color: var(--chi-pink) !important;
    box-shadow: 0 0 0 3px rgba(181,16,107,.10) !important;
}

.job_filters .search_jobs input[type="submit"],
.job_filters .search_jobs button[type="submit"] {
    background: var(--chi-pink) !important;
    color: var(--chi-white) !important;
    border: none !important;
    font-family: var(--font-head) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 13px 28px !important;
    border-radius: var(--radius) !important;
    cursor: pointer !important;
    transition: background 220ms ease !important;
    width: 100% !important;
}

.job_filters .search_jobs input[type="submit"]:hover {
    background: var(--chi-pink-hover) !important;
}

/* ============================================================
   WP JOB MANAGER — PAGINATION
   ============================================================ */
.job_listings + .job_listings_load_more_button,
nav.job-manager-pagination {
    margin-top: var(--sp-5) !important;
    text-align: center !important;
}

nav.job-manager-pagination ul {
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
}

nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid var(--chi-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-head) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--chi-text-muted) !important;
    background: var(--chi-white) !important;
    text-decoration: none !important;
    transition: all 220ms ease !important;
}

nav.job-manager-pagination ul li.active span,
nav.job-manager-pagination ul li a:hover {
    background: var(--chi-navy) !important;
    border-color: var(--chi-navy) !important;
    color: var(--chi-white) !important;
}

/* ============================================================
   ULTIMATE ADDONS FOR ELEMENTOR — OVERRIDE STYLES
   Aligns UAE widgets with CHI design system.
   ============================================================ */

/* Info Box */
.uael-info-box-wrapper {
    border: 1px solid var(--chi-border) !important;
    border-radius: var(--radius-lg) !important;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}
.uael-info-box-wrapper:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 40px rgba(5,14,29,.10) !important;
    border-color: var(--chi-border-light) !important;
}
.uael-info-box-title {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    color: var(--chi-navy) !important;
}
.uael-info-box-separator {
    background: var(--chi-pink) !important;
    height: 3px !important;
    border-radius: 2px !important;
}

/* Team Member */
.uael-team-member-wrap .uael-team-member-name {
    font-family: var(--font-head) !important;
    color: var(--chi-navy) !important;
}
.uael-team-member-wrap .uael-team-member-designation {
    color: var(--chi-pink) !important;
    font-family: var(--font-head) !important;
    font-weight: 500 !important;
}

/* Timeline */
.uael-timeline__marker {
    background: var(--chi-pink) !important;
    border-color: var(--chi-pink) !important;
}
.uael-timeline__connector-inner {
    background: var(--chi-pink) !important;
}
.uael-timeline-widget .uael-timeline__heading {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    color: var(--chi-navy) !important;
}

/* Dual Button */
.uael-dual-button .uael-button-one {
    background: var(--chi-pink) !important;
    border-color: var(--chi-pink) !important;
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    border-radius: var(--radius) !important;
}
.uael-dual-button .uael-button-one:hover {
    background: var(--chi-pink-hover) !important;
    border-color: var(--chi-pink-hover) !important;
}
.uael-dual-button .uael-button-two {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    border-radius: var(--radius) !important;
}

/* Business Hours */
.uael-business-hours .uael-business-hours__row .uael-business-hours__day {
    font-family: var(--font-head) !important;
    font-weight: 600 !important;
    color: var(--chi-navy) !important;
}

/* Fancy Heading */
.uael-fancy-text-wrap .uael-fancy-text {
    color: var(--chi-pink) !important;
}

/* Counter */
.uael-counter-block .uael-counter-num {
    font-family: var(--font-head) !important;
    color: var(--chi-navy) !important;
    letter-spacing: -0.02em !important;
}

/* ============================================================
   GRAVITY FORMS — MULTI-STEP (jobs/apply)
   ============================================================ */
.gf_page_steps {
    display: none !important; /* replaced by chi-gf-steps via PHP filter */
}
.gf_progressbar_wrapper {
    display: none !important;
}

/* ============================================================
   NO RESULTS
   ============================================================ */
.chi-no-results {
    text-align: center;
    padding: var(--sp-10);
    color: var(--chi-text-muted);
    font-size: 16px;
}