/* Jordan flag palette. Page grey sampled from the owner's references; surfaces stay white. */
:root {
    --jj-muted: #596169;
    --jj-green-soft: var(--jj-bg);
    --jj-primary-soft: var(--jj-bg);
    --jj-sage: var(--jj-bg);
    --jj-ivory: var(--jj-bg);
    --jj-link: var(--jj-primary);
    --jj-primary-dark: var(--jj-primary);
    --jj-green-panel: color-mix(in srgb, var(--jj-primary) 64%, var(--jj-dark));
    --jj-red-panel: color-mix(in srgb, var(--jj-accent) 72%, var(--jj-dark));
}
body, body .main { background-color: var(--jj-bg); }
body .jj-sec:not(.jj-bg-dark), body .jj-country-section,
body .bg-brand-2, body .bg-grey-1, body .bg-grey-2, body .bg-grey-3 { background-color: var(--jj-bg); }
.jj-bg-white, .jj-bg-tint, .jj-bg-blue, .jj-bg-sand { --s-bg: var(--jj-bg); }
body .jj-country-nav, body .banner-company,
body .jj-board-all, body .jj-today-refresh, body .jj-option-search,
body .jj-cp-cover.is-empty, body .jj-art-about, body .jj-toc-inline,
body .jj-art-body blockquote, body .jj-art-body th, body .jj-tag,
body .jj-facts-list .jj-fact-icon, body .jj-guide-box, body .jj-side-cta,
body .jj-step, body .jj-contact-icon, body .jj-cp-stat-icon,
body .jj-faq-toggle, body .jj-submenu-trigger { background: var(--jj-bg); }
body .jj-cp-cover, body .jj-art-cover, body .jj-post-img, body .jj-pcard-img,
body .jj-empty-icon, body .jj-panel-stats div, body .jj-toc a::before,
body .jj-tldr-label, body .jj-fact-icon,
body .jj-badge:not(.jj-badge-accent):not(.jj-badge-blue) { background: var(--jj-bg); }
body .banner-company { background: var(--jj-bg) !important; }
body .jj-country-card, body .jj-country-image, body .jj-country-empty,
body .jj-directory-block, body .jj-directory-head, body .jj-job,
body .jj-co-card, body .jj-co, body .jj-card, body .jj-post, body .jj-pcard,
body .jj-cat, body .jj-loc, body .jj-kit, body .jj-explore-col,
body .jj-channel-card, body .jj-facebook .jj-facebook-card,
body .jj-facebook .jj-facebook-photo { background: var(--jj-surface); border-color: var(--jj-line); }
body .jj-country-card:hover, body .jj-vacancy-list .jj-job:hover,
body .jj-company-socials a:hover, body .jj-field-links a:hover { background: var(--jj-bg); }
body .jj-country-card { box-shadow: 0 2px 10px rgb(6 6 7 / 4%); }
body .jj-country-image { background-image: none; border-bottom: 1px solid var(--jj-line); }
body .jj-country-card, body .jj-country-section h2, body .jj-country-brand,
body .jj-country-item, body .jj-channel-card h2, body .jj-facebook h2 { color: var(--jj-dark); }
body .jj-country-section p, body .jj-country-caption span,
body .jj-channel-card p, body .jj-facebook p, body .jj-social-label small,
body .jj-social-external { color: var(--jj-muted); }

/* The requested green is used directly; bold, larger primary labels remain readable in white. */
body .jj-btn-primary, body .btn-default, body .btn-find, body .btn-apply-big,
body .btn-apply-icon, body a.jj-channel-button, body .footer a.jj-channel-button {
    background-color: var(--jj-primary) !important;
    color: #fff !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.6;
}
body .jj-btn-primary:hover, body .btn-default:hover, body .btn-find:hover,
body .btn-apply-big:hover, body a.jj-channel-button:hover { background-color: var(--primary-color-hover) !important; }
body .jj-btn-soft, body .jj-board-undersearch a, body .jj-directory-head > a,
body .jj-board-all, body .jj-city-heading > a, body .jj-sec-link,
body .jj-country-global, body .jj-country-links a, body .jj-crumbs a,
body .jj-today-card-foot a, body .jj-today-refresh button,
body .jj-post-tag, body .jj-kicker, body .jj-channel-card .jj-channel-eyebrow,
body .jj-facebook .jj-facebook-label { color: var(--jj-link) !important; }
body .header .main-menu > li > a, body .jj-submenu-trigger,
body #jj-mobile-menu .mobile-menu a, body #jj-mobile-menu .jj-submenu-label { color: var(--jj-link); }
body .jj-btn-soft:hover { background: var(--jj-primary); color: #fff !important; }
body .jj-tab { color: var(--jj-primary); }
body .jj-tab.is-active { color: var(--jj-primary); }
body .jj-tab-search-bubble { background: var(--jj-accent) !important; color: #fff !important; }
body .jj-tab-search { color: var(--jj-accent); }
body .jj-badge:not(.jj-badge-accent):not(.jj-badge-blue),
body .jj-taxonomy-all, body .jj-photo-action,
body .jj-city-browser .jj-carousel-controls button { color: var(--jj-primary) !important; }
body .jj-photo-action { font-size: 19px; font-weight: 700; }
body .language-switcher-footer a:hover, body .currency-switch a:hover,
body .language-switcher-footer a:focus-visible, body .currency-switch a:focus-visible { color: var(--jj-accent) !important; }
body .jj-board-undersearch a, body .jj-country-links a { font-weight: 700; }
body .pagination .pager-number.active, body .paginations .pager-number.active { background: var(--jj-primary) !important; }

/* Featured panels use darker mixtures of the exact flag colors, with explicit light copy. */
body .jj-rail-intro, body .jj-country-hero {
    background: linear-gradient(125deg, var(--jj-dark), var(--jj-green-panel));
    border-color: var(--jj-green-panel);
    color: #fff;
}
body .jj-rail-hiring { background: linear-gradient(125deg, var(--jj-dark), var(--jj-red-panel)); }
body .jj-rail-intro h2, body .jj-rail-intro p, body .jj-rail-intro .jj-kicker,
body .jj-rail-intro .jj-rail-login, body .jj-rail-hiring h2, body .jj-rail-hiring p,
body .jj-country-hero h1, body .jj-country-hero p, body .jj-country-hero label { color: #fff !important; }
body .jj-rail-intro .jj-btn-primary { background: #fff !important; color: var(--jj-dark) !important; font-size: 16px !important; }
body .jj-rail-intro .jj-btn-primary:hover { background: var(--jj-bg) !important; }
body .jj-country-search button { background: var(--jj-accent); color: #fff; }
.jj-rail-intro :focus-visible, .jj-rail-hiring :focus-visible, .jj-country-hero :focus-visible { outline-color: #fff; }

/* Dark overlays provide a consistent contrast floor even after an admin replaces the photo. */
.jj-home-hero, .jj-photo-band, .jj-city-photo { background-color: var(--jj-dark); }
.jj-home-hero::after { background: linear-gradient(270deg, rgb(6 6 7 / 88%), rgb(6 6 7 / 72%) 58%, rgb(28 153 63 / 22%)); }
:lang(en) .jj-home-hero::after { background: linear-gradient(90deg, rgb(6 6 7 / 88%), rgb(6 6 7 / 72%) 58%, rgb(28 153 63 / 22%)); }
.jj-photo-band::after { background: linear-gradient(90deg, rgb(6 6 7 / 92%), rgb(6 6 7 / 82%) 56%, rgb(28 153 63 / 25%)); }
.jj-photo-band--employer::after { background: linear-gradient(90deg, rgb(6 6 7 / 94%), rgb(6 6 7 / 84%) 56%, rgb(206 17 38 / 28%)); }
.jj-city-photo::after { background: linear-gradient(180deg, rgb(6 6 7 / 10%), rgb(6 6 7 / 58%) 30%, rgb(6 6 7 / 94%)); }
.jj-hero-eyebrow span, .jj-photo-kicker { border-color: var(--jj-accent); }
.jj-hero-eyebrow span { background: var(--jj-accent); }
.jj-home-hero .jj-carousel-controls button { background: rgb(6 6 7 / 88%); }
.jj-photo-copy p, .jj-hero-copy p, .jj-city-copy :is(small,strong) { color: #fff !important; }
.jj-footer-dark .footer { background-color: var(--jj-dark) !important; }
/* A bounded page window keeps previous, numbers and next together at every width. */
body .jj-pager { max-width: 100%; margin-block: 1.5rem; }
body .jj-pager .pager { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: .375rem; margin: 0; padding: 0; }
body .jj-pager .pager li { display: flex; flex: 0 0 auto; margin: 0; padding: 0; }
body .jj-pager .pager li > a, body .jj-pager .pager li > span {
    display: inline-flex; align-items: center; justify-content: center; gap: .375rem;
    min-width: 2.75rem; height: 2.75rem; width: auto; padding: .375rem .5rem;
    border: 1px solid var(--jj-line); border-radius: .375rem !important;
    background: var(--jj-surface); color: var(--jj-primary) !important;
    font-size: 1.1875rem; font-weight: 700; line-height: 1; text-decoration: none;
}
body .jj-pager .pager .active, body .jj-pager .pager a:hover { background: var(--jj-primary) !important; color: #fff !important; border-color: var(--jj-primary); }
body .jj-pager .pager [aria-disabled=true] { color: var(--jj-muted) !important; background: var(--jj-bg); }
body .jj-pager .pager .jj-page-wide, body .jj-pager .jj-page-step-label { display: none; }
body .jj-pager .jj-page-position { margin: .625rem 0 0; color: var(--jj-muted); font-size: .875rem; text-align: center; }
[dir=rtl] .jj-page-arrow { transform: rotate(180deg); }
@media (min-width: 576px) {
    body .jj-pager .pager .jj-page-wide { display: flex; }
    body .jj-pager .jj-page-step-label { display: inline; }
    body .jj-pager .pager .jj-page-step { padding-inline: .75rem; }
}
@media (max-width: 767.98px) {
    .jj-home-hero::after, :lang(en) .jj-home-hero::after { background: linear-gradient(180deg, rgb(6 6 7 / 72%), rgb(6 6 7 / 85%)); }
    .jj-photo-band::after, .jj-photo-band--employer::after { background: rgb(6 6 7 / 82%); }
}