/*
 * Orbis Clinical brand overrides for Epic Job Board v2 widget + cards.
 */

/* REAL FIX for the dropdown cutoff: Mikado's `.mkdf-container { position: relative; z-index: 1 }`
 * creates a stacking context that paints the page content OVER the dropdown.
 * Reset z-index on this page so the dropdown can overlay everything below the hero. */
html body.page-template-page-job-search-v2 .mkdf-container {
    z-index: auto !important;
}
html body.page-template-page-job-search-v2 .ats-v2-hero {
    position: relative;
    z-index: 100;
}
html body.page-template-page-job-search-v2 .ejb-v2 .sf.active,
html body.page-template-page-job-search-v2 .ejb-v2 .dd,
html body.page-template-page-job-search-v2 .ejb-v2 .ac-list {
    z-index: 99999 !important;
}

/* Overflow override (kept — also needed) */
html body.page-template-page-job-search-v2 {
    overflow-x: clip !important;
    overflow-y: visible !important;
}
html body.page-template-page-job-search-v2 .mkdf-wrapper,
html body.page-template-page-job-search-v2 .mkdf-wrapper .mkdf-wrapper-inner,
html body.page-template-page-job-search-v2 .mkdf-content,
html body.page-template-page-job-search-v2 .mkdf-content .mkdf-content-inner,
html body.page-template-page-job-search-v2 .mkdf-container,
html body.page-template-page-job-search-v2 .mkdf-container-inner,
html body.page-template-page-job-search-v2 .entry-content,
html body.page-template-page-job-search-v2 .ats-v2-hero {
    overflow: visible !important;
}

/* ============================================
 * v2 Filter Widget (hero search card)
 * ============================================ */

.ejb-v2.search-hero {
    background: linear-gradient(135deg, #0a1640 0%, #14246a 45%, #1e2b69 100%) !important;
    /* Orbis nav bar floats over the page — reserve generous space so the
       widget hero sits well below the floating Orbis nav bar. */
    padding-top: 200px !important;
    overflow: visible !important;
}

/* Allow vertical overflow on the hero + its STRUCTURAL parents so the
   specialty/location dropdowns can escape into the page below.
   NOTE: do NOT use `.ats-v2-hero *` — that would override `.dd`'s own
   overflow-y: auto and make the dropdown expand to all 36 items instead of
   scrolling within its 360px max-height. */
.ats-v2-hero,
.page-template-page-job-search-v2 .entry-content,
.page-template-page-job-search-v2 .mkdf-container,
.page-template-page-job-search-v2 .mkdf-container-inner,
.page-template-page-job-search-v2 .mkdf-wrapper,
.page-template-page-job-search-v2 .mkdf-wrapper-inner,
.page-template-page-job-search-v2 .mkdf-content,
.page-template-page-job-search-v2 .mkdf-content-inner,
.page-template-page-job-search-v2 .mkdf-page-content-holder {
    overflow: visible !important;
}
/* Containers immediately around the dropdowns within the widget must also be visible */
.ats-v2-hero .widget,
.ats-v2-hero .ejb-v2,
.ats-v2-hero .ejb-v2 .search-card,
.ats-v2-hero .ejb-v2 .search-row,
.ats-v2-hero .ejb-v2 .sf {
    overflow: visible !important;
}
.ejb-v2 .dd,
.ejb-v2 .dd-scroll,
.ejb-v2 .ac-list {
    z-index: 9999 !important;
}
@media (max-width: 991px) {
    .ejb-v2.search-hero { padding-top: 140px !important; }
}

.ejb-v2 .hero-bg-image {
    background-image: url('https://orbisclinical.com/wp-content/themes/mediclinic-child/images/orbis-hero-lab.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
}
.ejb-v2 .hero-bg-image.loaded { opacity: 0.12 !important; }

/* Hide the "Hi {name}!" greeting (looks awkward in the hero) */
.ejb-v2 .hero-greeting { display: none !important; }

.ejb-v2 .hero-title em {
    color: #ff5416 !important;
}

/* Field labels (WHAT'S YOUR SPECIALTY?, LOCATION) */
.ejb-v2 .sf-label { color: #1e2b69 !important; }

/* Search-form field active/hover states */
.ejb-v2 .sf:hover,
.ejb-v2 .sf.active { background: #ecf0fa !important; }
.ejb-v2 .sf-chip-outer { border-color: #b0c0e0 !important; }
.ejb-v2 .sf.active .chev { stroke: #1e2b69 !important; }
.ejb-v2 .sf:focus-within { border-color: #1e2b69 !important; }
.ejb-v2 .sf-icon { color: #1e2b69 !important; }

/* Dropdown items */
.ejb-v2 .dd-i.selected,
.ejb-v2 .dd-i:hover,
.ejb-v2 .ac-opt:hover,
.ejb-v2 .ac-opt.selected,
.ejb-v2 .dd-city-item:hover {
    background: #ecf0fa !important;
    color: #1e2b69 !important;
}
.ejb-v2 .dd-i.selected { font-weight: 600 !important; }

/* Filter chips */
.ejb-v2 .filter-chip,
.ejb-v2 .ac-chip,
.ejb-v2 .selected-chip {
    background: #ecf0fa !important;
    border-color: #b0c0e0 !important;
    color: #1e2b69 !important;
}
.ejb-v2 .filter-chip:hover { background: #b0c0e0 !important; }

/* Selected-item pills inside specialty and location dropdowns
 * (.spec-tag and .loc-tag) — were ETS light teal #edf8f8 / #a0dede / #0d6e6e */
.ejb-v2 .spec-tag,
.ejb-v2 .loc-tag {
    background: #ecf0fa !important;
    border-color: #b0c0e0 !important;
    color: #1e2b69 !important;
}
.ejb-v2 .spec-tag-x,
.ejb-v2 .loc-tag-x {
    background: rgba(30, 43, 105, 0.15) !important;
    color: #1e2b69 !important;
}
.ejb-v2 .spec-tag-x:hover,
.ejb-v2 .loc-tag-x:hover {
    background: rgba(30, 43, 105, 0.3) !important;
}

/* "+N more" tag */
.ejb-v2 .more-tag {
    background: rgba(30, 43, 105, 0.15) !important;
    border-color: #b0c0e0 !important;
    color: #1e2b69 !important;
}
.ejb-v2 .more-tag:hover { background: rgba(30, 43, 105, 0.25) !important; }

/* Search inputs */
.ejb-v2 .loc-search,
.ejb-v2 .ac-input,
.ejb-v2 input[type="text"] { border-color: #1e2b69 !important; }
.ejb-v2 .loc-search:focus,
.ejb-v2 .ac-input:focus,
.ejb-v2 input[type="text"]:focus {
    border-color: #1e2b69 !important;
}

.ejb-v2 .pac-container,
.ejb-v2 .loc-autocomplete,
.ejb-v2 .ac-list { border-color: #1e2b69 !important; }

/* Black checkboxes (plugin default is dark teal #1a3a4a) */
.ejb-v2 .dd-check { border-color: #000 !important; }
.ejb-v2 .dd-i.selected .dd-check {
    background: #000 !important;
    border-color: #000 !important;
}

/* Remove the light-teal focus ring on the search row */
.ejb-v2 .search-row:focus-within {
    border-color: #1e2b69 !important;
    box-shadow: none !important;
}

/* Explore Jobs button — Mikado pill with white-circle arrow */
.ejb-v2 .go-btn { background: #1e2b69 !important; }
.ejb-v2 .go-btn:hover {
    background: #ff5416 !important;
    box-shadow: 0 8px 24px rgba(255, 84, 22, 0.45) !important;
}
.ejb-v2 .go-btn .btn-arrow { background: #ffffff !important; }
.ejb-v2 .go-btn .btn-arrow svg { stroke: #1e2b69 !important; color: #1e2b69 !important; }
.ejb-v2 .go-btn:hover .btn-arrow { background: #ffffff !important; transform: translateX(3px); }
.ejb-v2 .go-btn:hover .btn-arrow svg { stroke: #ff5416 !important; color: #ff5416 !important; }

.ejb-v2 .search-btn,
.ejb-v2 button[type="submit"]:not(.go-btn) {
    background: #1e2b69 !important;
    border-color: #1e2b69 !important;
    color: #fff !important;
}

.ejb-v2 .loading-bar,
.ejb-v2 .progress::before,
.ejb-v2 .progress::after {
    background: linear-gradient(to right, transparent, #1e2b69) !important;
}

.ejb-v2 .dd-scroll::-webkit-scrollbar-thumb { background: #b0c0e0 !important; }
.ejb-v2 .dd-scroll::-webkit-scrollbar-thumb:hover { background: #1e2b69 !important; }

.ejb-v2 .sort-chip,
.ejb-v2 .filter-chip { border-color: #1e2b69 !important; }
.ejb-v2 .sort-chip:hover,
.ejb-v2 .filter-chip:hover { background: #1e2b69 !important; color: #fff !important; }

.ejb-v2 .results-count,
.ejb-v2 .jobs_loaded { color: #1e2b69 !important; }

/* ============================================
 * v2 Job Cards
 * ============================================ */

/* v2 job cards: same shadow + border treatment as the sidebar widgets,
   with the same exaggerated top-right corner */
.jc-v2 {
    border-radius: 15px 60px 15px 15px !important;
    border: 1px solid #efefef !important;
    box-shadow: 0px 5px 13px #efefef !important;
}
.jc-v2:hover { border-color: #1e2b69 !important; }

.jc-v2 .jc-type { color: #1e2b69 !important; }

.jc-v2 .jc-title { color: #222 !important; }
.jc-v2 .jc-title:hover { color: #ff5416 !important; }

.jc-v2 .jc-pay { color: #1e2b69 !important; font-weight: 700 !important; }
.jc-v2 .jc-pay span { color: #1e2b69 !important; }

/* Single-job page pay-range row + Details "Pay Range" entry — Orbis navy blue */
.pay-range,
.pay-range .job-details-label,
.job-details-label.pay-range,
.job-detail-row[data-label="Pay Range"] .job-detail-value { color: #1e2b69 !important; font-weight: 700 !important; }

.jc-v2 .epic-select-badge { background: #1e2b69 !important; }

.jc-v2 .jm svg { stroke: #999 !important; }

.jc-v2 .jc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.jc-v2 .jc-actions .ot-button + .ot-button { margin-left: 0; }

.jc-v2 .jc-ref-note {
    display: block;
    width: 100%;
    color: #ff5416;
    font-size: 13px;
    font-weight: 600;
    margin-top: 4px;
}


/* === Recent ESES-parity updates === */

/* Trending pill numbers — bold solid white */
.ejb-v2 .tc-count {
    color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Hide the "291+ assignments live" badge and the Trending cities row on Orbis */
.ejb-v2 .hero-badge,
.ejb-v2 .trending-row,
.ejb-v2 .tr-label,
.ejb-v2 .tr-pills-wrap { display: none !important; }

/* Sort By chip on the results header (high-specificity, ID-selector) */
#ats-job-filter-sort-by-container.sort-chip {
    border-color: #1e2b69 !important;
}
#ats-job-filter-sort-by-container.sort-chip:hover {
    background: rgba(30, 43, 105, 0.06) !important;
    border-color: #ff5416 !important;
}
.sort-chip select,
.sort-chip select#ats-job-filter-sort-by-pay-rate {
    color: #1e2b69 !important;
}

/* Buttons use the theme's native .mkdf-btn / .mkdf-btn-icon styling — only color overrides */

/* Get Started — navy primary */
.jc-v2 .jc-actions a.apply-now-btn.mkdf-btn,
.jc-v2 .jc-actions a.apply-now-btn.mkdf-btn.mkdf-btn-solid-dark {
    background-color: #1e2b69 !important;
    color: #fff !important;
    border-color: #1e2b69 !important;
}
.jc-v2 .jc-actions a.apply-now-btn.mkdf-btn:hover {
    background-color: #14246a !important;
    color: #fff !important;
}
.jc-v2 .jc-actions a.apply-now-btn .mkdf-btn-text,
.jc-v2 .jc-actions a.apply-now-btn .mkdf-btn-icon-normal,
.jc-v2 .jc-actions a.apply-now-btn .mkdf-btn-icon-flip { color: #fff !important; }

/* Refer & Earn — orange accent */
.jc-v2 .jc-actions a.refer-friend-btn.mkdf-btn,
.jc-v2 .jc-actions a.refer-friend-btn.mkdf-btn.mkdf-btn-solid-dark {
    background-color: #ff5416 !important;
    color: #fff !important;
    border-color: #ff5416 !important;
}
.jc-v2 .jc-actions a.refer-friend-btn.mkdf-btn:hover {
    background-color: #d8420c !important;
    color: #fff !important;
}
.jc-v2 .jc-actions a.refer-friend-btn .mkdf-btn-text,
.jc-v2 .jc-actions a.refer-friend-btn .mkdf-btn-icon-normal,
.jc-v2 .jc-actions a.refer-friend-btn .mkdf-btn-icon-flip { color: #fff !important; }