/*
 * Wazifni public website skin (Figma page 3046:3479 "Web / ..." frames).
 * Loaded last by themes/Superio/Layout/app.blade.php, so it wins over the theme.
 * Prefix ws- (website) so it never touches the dashboards (wazifni-user.css, --wz-*).
 * Logical properties (inline-start/end) so Arabic mirrors without extra rules.
 */
:root {
    --ws-navy: #1F3A55;
    --ws-navy-strong: #162B40;
    --ws-accent: #E2691E;
    --ws-accent-strong: #B4501A;
    --ws-accent-tint: #FFF1E6;
    --ws-bg: #FAF8F5;
    --ws-bg-2: #F6F4F0;
    --ws-surface: #FFFFFF;
    --ws-band: #E4E7EB;
    --ws-border: #ECE6DE;
    --ws-border-strong: #D9D1C6;
    --ws-text: #1C2733;
    --ws-text-2: #5E6B7A;
    --ws-on-navy: #ECE6DE;
    --ws-success: #1E7F3E;
    --ws-danger: #B42318;
    --ws-radius: 12px;
    --ws-radius-lg: 16px;
    --ws-shadow: 0 8px 12px rgba(31, 59, 84, .12);
    --ws-focus: 0 0 0 3px rgba(226, 105, 30, .35);
    --ws-font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ws-font-ar: "Zain", "Nunito", -apple-system, "Segoe UI", Tahoma, sans-serif;
    --ws-max: 1200px;
    --ws-gutter: 120px;
}

/* ---------- Base ---------- */
body.ws-site {
    --main-color: #1F3A55;
    font-family: var(--ws-font);
    color: var(--ws-text);
    background: var(--ws-bg);
    -webkit-font-smoothing: antialiased;
}
body.ws-site h1, body.ws-site h2, body.ws-site h3, body.ws-site h4, body.ws-site h5, body.ws-site h6,
body.ws-site input, body.ws-site select, body.ws-site textarea, body.ws-site button { font-family: var(--ws-font); }
html[lang="ar"] body.ws-site,
html[lang="ar"] body.ws-site h1, html[lang="ar"] body.ws-site h2, html[lang="ar"] body.ws-site h3,
html[lang="ar"] body.ws-site h4, html[lang="ar"] body.ws-site h5, html[lang="ar"] body.ws-site h6,
html[lang="ar"] body.ws-site p, html[lang="ar"] body.ws-site a, html[lang="ar"] body.ws-site span,
html[lang="ar"] body.ws-site li, html[lang="ar"] body.ws-site label,
html[lang="ar"] body.ws-site input, html[lang="ar"] body.ws-site select,
html[lang="ar"] body.ws-site textarea, html[lang="ar"] body.ws-site button { font-family: var(--ws-font-ar); }
html[lang="ar"] body.ws-site .fa, html[lang="ar"] body.ws-site [class^="la"], html[lang="ar"] body.ws-site [class*=" la-"],
html[lang="ar"] body.ws-site [class^="flaticon-"], html[lang="ar"] body.ws-site [class*=" flaticon-"],
html[lang="ar"] body.ws-site [class^="icon-"], html[lang="ar"] body.ws-site [class*=" icon-"] { font-family: inherit; }
html[lang="ar"] body.ws-site .fa { font-family: FontAwesome; }
body.ws-site .page-wrapper { overflow: visible; }
body.ws-site :focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 2px; }
body.ws-site ::selection { background: var(--ws-accent-tint); color: var(--ws-navy-strong); }
.ws-container { width: 100%; max-width: calc(var(--ws-max) + 2 * 32px); margin-inline: auto; padding-inline: 32px; }
.ws-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ws-ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* Icons: Figma line icons (public/images/wz-icons), recoloured with currentColor. */
.ws-i { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background-color: currentColor;
    -webkit-mask: var(--ws-i) center / contain no-repeat; mask: var(--ws-i) center / contain no-repeat; vertical-align: middle; }
.ws-i--globe { --ws-i: url("/images/wz-icons/globe.svg"); width: 18px; height: 18px; }
.ws-i--user { --ws-i: url("/images/wz-icons/user.svg"); width: 22px; height: 22px; }
.ws-i--search { --ws-i: url("/images/wz-icons/search.svg"); }
.ws-i--bookmark { --ws-i: url("/images/wz-icons/bookmark.svg"); }
.ws-i--bookmark-on { --ws-i: url("/images/wz-icons/bookmark-filled.svg"); }
.ws-i--send { --ws-i: url("/images/wz-icons/send.svg"); }
.ws-i--info { --ws-i: url("/images/wz-icons/info.svg"); width: 16px; height: 16px; }
.ws-i--check { --ws-i: url("/images/wz-icons/check.svg"); width: 16px; height: 16px; }
.ws-i--filter { --ws-i: url("/images/wz-icons/filter.svg"); }
.ws-i--close { --ws-i: url("/images/wz-icons/close.svg"); width: 12px; height: 12px; }
.ws-i--bell { --ws-i: url("/images/wz-icons/bell.svg"); }

/* ---------- Buttons ---------- */
.ws-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 20px;
    border-radius: var(--ws-radius); border: 1.5px solid var(--ws-navy); background: var(--ws-navy); color: #fff !important;
    font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: none !important; white-space: nowrap; cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.ws-btn:hover { background: var(--ws-navy-strong); border-color: var(--ws-navy-strong); }
.ws-btn--outline { background: var(--ws-surface); color: var(--ws-navy) !important; }
.ws-btn--outline:hover { background: var(--ws-bg-2); border-color: var(--ws-navy); }
.ws-btn--accent { background: var(--ws-accent-strong); border-color: var(--ws-accent-strong); }
.ws-btn--accent:hover { background: #9A4415; border-color: #9A4415; }
.ws-btn--sm { height: 40px; font-size: 16px; }
.ws-btn--block { width: 100%; }
.ws-btn:focus-visible { box-shadow: var(--ws-focus); outline: none; }
.ws-btn[disabled], .ws-btn.is-disabled { opacity: .55; cursor: not-allowed; }
.ws-link { color: var(--ws-accent-strong) !important; font-weight: 700; text-decoration: none !important; }
.ws-link:hover { text-decoration: underline !important; }
.ws-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 48px;
    border: 1px solid var(--ws-border); border-radius: var(--ws-radius); background: var(--ws-surface); color: var(--ws-navy); cursor: pointer; padding: 0; }
.ws-iconbtn:hover { border-color: var(--ws-border-strong); background: var(--ws-bg); }
.ws-iconbtn.active, .ws-save.active { color: var(--ws-accent-strong); }
.ws-iconbtn .loading-icon, .ws-save .loading-icon { display: none; }

/* ---------- Header (Figma 3129:7156) ---------- */
.ws-header { position: sticky; top: 0; z-index: 1000; background: var(--ws-surface); border-bottom: 1px solid var(--ws-border); }
.ws-header__bar { display: flex; align-items: center; gap: 32px; height: 76px; padding-inline: 64px; }
.ws-header__logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.ws-header__logo img { display: block; }
.ws-nav { display: flex; align-items: center; gap: 28px; }
.ws-nav a { color: var(--ws-navy); font-weight: 700; font-size: 14px; line-height: 20px; text-decoration: none; white-space: nowrap; padding: 6px 0; border-bottom: 2px solid transparent; }
.ws-nav a:hover { color: var(--ws-accent-strong); }
.ws-nav a.is-active { border-bottom-color: var(--ws-accent); }
.ws-header__spacer { flex: 1 1 auto; }
.ws-lang { display: inline-flex; align-items: center; gap: 6px; color: var(--ws-navy) !important; font-weight: 700; font-size: 14px; line-height: 20px; text-decoration: none !important; white-space: nowrap; }
.ws-lang:hover { color: var(--ws-accent-strong) !important; }
.ws-lang [lang="ar"] { font-family: var(--ws-font-ar); font-size: 16px; }
.ws-header__employers { color: var(--ws-accent-strong) !important; font-weight: 700; font-size: 14px; line-height: 20px; text-decoration: none !important; white-space: nowrap; }
.ws-header__employers:hover { text-decoration: underline !important; }
.ws-header__auth { display: flex; align-items: center; gap: 12px; }
.ws-header__auth .ws-btn--outline { min-width: 100px; }
.ws-header__auth .ws-btn:not(.ws-btn--outline) { min-width: 110px; }
.ws-header__phone { display: none; align-items: center; gap: 14px; }
.ws-header__phone .ws-lang-short { color: var(--ws-navy) !important; font-weight: 700; font-size: 18px; line-height: 24px; text-decoration: none !important; min-width: 24px; text-align: center; }
.ws-header__phone .ws-lang-short[lang="ar"] { font-family: var(--ws-font-ar); font-size: 22px; }
.ws-header__icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--ws-navy) !important; background: none; border: 0; padding: 0; cursor: pointer; border-radius: 10px; text-decoration: none !important; }
.ws-header__icon:hover { background: var(--ws-bg); }
.ws-burger { display: inline-flex; flex-direction: column; gap: 5px; }
.ws-burger span { display: block; width: 22px; height: 2px; border-radius: 1px; background: var(--ws-navy); transition: transform .2s ease, opacity .2s ease; }
.ws-header.is-open .ws-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ws-header.is-open .ws-burger span:nth-child(2) { opacity: 0; }
.ws-header.is-open .ws-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Signed-in controls (bell + account menu) */
.ws-account { position: relative; }
.ws-account__btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 4px; border: 1px solid var(--ws-border); border-radius: 999px; background: var(--ws-surface); color: var(--ws-navy) !important; font-weight: 700; font-size: 14px; text-decoration: none !important; max-width: 220px; }
.ws-account__btn:hover { border-color: var(--ws-border-strong); }
.ws-account__avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: var(--ws-accent-tint); color: var(--ws-accent-strong); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; flex: 0 0 32px; }
.ws-account__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-account .dropdown-menu { inset-inline-end: 0; inset-inline-start: auto; left: auto; top: calc(100% + 8px); min-width: 240px; border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: 0 12px 28px rgba(31, 59, 84, .14); padding: 8px; }
html[dir="rtl"] .ws-account .dropdown-menu { right: auto; left: 0; text-align: right; }
.ws-account .dropdown-menu li { list-style: none; }
.ws-account .dropdown-menu a, .ws-account .dropdown-menu .lang-toggle { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 8px; color: var(--ws-text) !important; font-size: 14px; text-decoration: none !important; }
.ws-account .dropdown-menu a:hover { background: var(--ws-bg); }
.ws-header .dropdown-notifications { position: relative; }
.ws-header .dropdown-notifications .notify-button { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; color: var(--ws-navy); font-size: 22px; }
.ws-header .dropdown-notifications .notify-button:hover { background: var(--ws-bg); }
.ws-header .dropdown-notifications .count { position: absolute; top: 2px; inset-inline-end: 0; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px; background: var(--ws-accent-strong); color: #fff; font-size: 11px; line-height: 18px; font-weight: 700; }
.ws-header .dropdown-notifications .dropdown-menu { inset-inline-end: 0; inset-inline-start: auto; left: auto; top: calc(100% + 8px); width: 340px; max-width: calc(100vw - 32px); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); box-shadow: 0 12px 28px rgba(31, 59, 84, .14); }
html[dir="rtl"] .ws-header .dropdown-notifications .dropdown-menu { right: auto; left: 0; }

/* Phone / tablet menu panel */
.ws-menu { display: none; border-top: 1px solid var(--ws-border); background: var(--ws-surface); padding: 12px 20px 20px; max-height: calc(100vh - 60px); overflow-y: auto; }
.ws-header.is-open .ws-menu { display: block; }
.ws-menu a { display: flex; align-items: center; min-height: 48px; padding: 0 4px; color: var(--ws-navy) !important; font-weight: 700; font-size: 16px; text-decoration: none !important; border-bottom: 1px solid var(--ws-border); }
.ws-menu a.is-active { color: var(--ws-accent-strong) !important; }
.ws-menu__group { margin-top: 8px; }
.ws-menu__group > li { list-style: none; }
.ws-menu__actions { display: flex; gap: 12px; margin-top: 16px; }
.ws-menu .ws-menu__actions a.ws-btn { flex: 1 1 0; justify-content: center; border: 1.5px solid var(--ws-navy); color: #fff !important; }
.ws-menu .ws-menu__actions a.ws-btn--outline { color: var(--ws-navy) !important; }
.ws-menu ul { padding: 0; margin: 0; }

/* Account notices (verify phone / complete profile) */
.ws-notice { background: #FFF2D9; color: #6B4100; border-top: 1px solid #F3DDB0; font-size: 14px; line-height: 20px; padding: 10px 64px; }
.ws-notice a { color: var(--ws-accent-strong); font-weight: 700; text-decoration: underline; }

/* ---------- Footer (Figma 3129:7218) ---------- */
.ws-footer { background: var(--ws-navy); color: var(--ws-on-navy); padding: 56px 64px 32px; }
.ws-footer__top { display: flex; gap: 48px; align-items: flex-start; }
.ws-footer__brand { flex: 0 0 360px; display: flex; flex-direction: column; gap: 12px; }
.ws-footer__brand p { margin: 0; font-size: 14px; line-height: 20px; color: var(--ws-on-navy); }
.ws-footer__stores { display: flex; gap: 10px; flex-wrap: wrap; }
.ws-footer__store { display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid var(--ws-on-navy); border-radius: 10px; color: #fff !important; font-weight: 700; font-size: 12px; line-height: 16px; text-decoration: none !important; }
.ws-footer__store:hover { background: rgba(255, 255, 255, .08); }
.ws-footer__col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.ws-footer__col h2 { margin: 0; color: #fff; font-weight: 700; font-size: 16px; line-height: 22px; }
.ws-footer__col a { color: var(--ws-on-navy) !important; font-size: 14px; line-height: 20px; text-decoration: none !important; }
.ws-footer__col a:hover, .ws-footer__bottom a:hover { color: #fff !important; text-decoration: underline !important; }
.ws-footer__bottom { display: flex; align-items: center; gap: 16px; margin-top: 28px; font-size: 12px; line-height: 16px; color: var(--ws-on-navy); }
.ws-footer__copy { flex: 1 1 auto; margin: 0; }
.ws-footer__copy a { color: inherit !important; text-decoration: none !important; }
.ws-footer__social { display: flex; gap: 16px; flex-wrap: wrap; }
.ws-footer__social a { color: var(--ws-on-navy) !important; text-decoration: none !important; white-space: nowrap; }
.ws-footer__version { opacity: .7; }
.ws-footer__phone-links { display: none; }

/* ---------- Cookie bar (Figma 3129:7203) ---------- */
.ws-cookie { position: fixed; z-index: 1030; inset-inline-start: 24px; bottom: 24px; width: 420px; max-width: calc(100vw - 32px);
    display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-radius: var(--ws-radius); background: var(--ws-navy); color: #fff;
    box-shadow: 0 10px 24px rgba(15, 30, 45, .25); }
.ws-cookie p { flex: 1 1 auto; margin: 0; font-size: 12px; line-height: 16px; color: #fff; }
.ws-cookie a { color: var(--ws-accent-tint) !important; font-weight: 700; font-size: 12px; line-height: 16px; white-space: nowrap; text-decoration: none !important; }
.ws-cookie a:hover { text-decoration: underline !important; }
.ws-cookie .ws-btn, .ws-cookie.booking_cookie_agreement .save-cookie { height: 32px; min-width: 64px; padding: 0 16px; font-size: 16px; border-radius: var(--ws-radius); background-color: var(--ws-accent-strong); border-color: var(--ws-accent-strong); color: #fff !important; }
.ws-cookie.booking_cookie_agreement .save-cookie:hover { background-color: #9A4415; }
.ws-cookie[hidden] { display: none; }

/* ---------- Shared bits ---------- */
.ws-chip { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: var(--ws-radius); background: var(--ws-accent-tint); color: var(--ws-accent-strong); font-weight: 700; font-size: 12px; line-height: 16px; white-space: nowrap; }
.ws-eyebrow { margin: 0; color: var(--ws-accent-strong); font-weight: 700; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: .02em; }
html[lang="ar"] .ws-eyebrow { text-transform: none; letter-spacing: 0; font-size: 14px; }
.ws-h1 { margin: 0; font-weight: 800; font-size: 60px; line-height: 1.15; color: #fff; }
.ws-h2 { margin: 0; font-weight: 800; font-size: 32px; line-height: 1.15; color: var(--ws-navy); }
.ws-sub { margin: 0; font-size: 14px; line-height: 20px; color: var(--ws-text-2); }

/* ---------- Responsive: header/footer/cookie ---------- */
@media (max-width: 1199px) {
    .ws-header__bar { gap: 20px; padding-inline: 32px; }
    .ws-nav { gap: 20px; }
    .ws-footer { padding-inline: 32px; }
    .ws-footer__brand { flex-basis: 280px; }
    .ws-notice { padding-inline: 32px; }
}
@media (max-width: 991px) {
    .ws-header__bar { height: 60px; gap: 14px; padding-inline: 20px; }
    .ws-nav, .ws-header__desk { display: none !important; }
    .ws-header__phone { display: flex; }
    .ws-notice { padding: 10px 20px; }
    .ws-footer__top { flex-wrap: wrap; gap: 32px; }
    .ws-footer__brand { flex: 1 1 100%; }
    .ws-footer__col { flex: 1 1 30%; }
}
@media (max-width: 767px) {
    .ws-container { padding-inline: 20px; }
    /* Phone footer per Figma: brand line + compact link rows. */
    .ws-footer { padding: 32px 20px 96px; }
    .ws-footer__top { gap: 12px; }
    .ws-footer__brand > p, .ws-footer__brand > .ws-footer__stores, .ws-footer__col { display: none; }
    .ws-footer__phone-links { display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 20px; }
    .ws-footer__phone-links p { margin: 0; color: var(--ws-on-navy); }
    .ws-footer__phone-links a { color: var(--ws-on-navy) !important; text-decoration: none !important; }
    .ws-footer__phone-links .dot { opacity: .8; padding-inline: 4px; }
    .ws-footer__bottom { flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 12px; }
    .ws-footer__bottom .ws-footer__social { display: none; }
    .ws-cookie { inset-inline-start: 16px; bottom: 16px; width: auto; inset-inline-end: 16px; max-width: none; }
    .ws-h1 { font-size: 32px; }
    .ws-h2 { font-size: 22px; }
}

/* ---------- Search (Figma 3129:7186) ---------- */
.ws-search { display: flex; align-items: center; width: 100%; max-width: 820px; padding: 8px; background: var(--ws-surface); border-radius: var(--ws-radius-lg); box-shadow: var(--ws-shadow); }
.ws-search__field { position: relative; display: flex; align-items: center; gap: 10px; padding: 0 16px; min-width: 0; color: var(--ws-text-2); }
.ws-search__what { flex: 1 1 auto; }
.ws-search__where { flex: 0 0 220px; }
.ws-search__field input, .ws-search__field select { width: 100%; height: 48px; border: 0; background: transparent; padding: 0; color: var(--ws-text); font-size: 14px; line-height: 20px; outline: none; box-shadow: none; -webkit-appearance: none; appearance: none; }
.ws-search__field input::placeholder { color: var(--ws-text-2); opacity: 1; }
.ws-search__field select { cursor: pointer; padding-inline-end: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235E6B7A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right center no-repeat; }
html[dir="rtl"] .ws-search__field select { background-position: left center; }
.ws-search__field:focus-within { border-radius: 10px; box-shadow: inset 0 0 0 2px var(--ws-accent); }
.ws-search__divider { flex: 0 0 1px; height: 32px; background: var(--ws-border); }
.ws-search__btn { flex: 0 0 150px; }

/* ---------- Job card (Figma 3129:7187) ---------- */
.ws-card { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; height: 100%; padding: 20px; background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); transition: border-color .15s ease, box-shadow .15s ease; }
.ws-card:hover { border-color: var(--ws-border-strong); box-shadow: 0 6px 16px rgba(31, 59, 84, .08); }
.ws-card:focus-within { box-shadow: var(--ws-focus); }
.ws-card__head { display: flex; align-items: center; gap: 12px; width: 100%; }
.ws-card__logo { flex: 0 0 44px; width: 44px; height: 44px; border-radius: var(--ws-radius); background: var(--ws-accent-tint); color: var(--ws-accent-strong); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; line-height: 22px; overflow: hidden; }
.ws-card__logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ws-card__titles { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ws-card__title { margin: 0; font-weight: 700; font-size: 16px; line-height: 22px; color: var(--ws-navy); overflow-wrap: anywhere; }
.ws-card__link { color: inherit !important; text-decoration: none !important; outline: none; }
.ws-card__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; }
.ws-card__company { margin: 0; font-size: 12px; line-height: 16px; color: var(--ws-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ws-save { position: relative; z-index: 2; flex: 0 0 auto; align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: -6px; padding: 0; border: 0; border-radius: 10px; background: transparent; color: var(--ws-navy); cursor: pointer; }
.ws-save:hover { background: var(--ws-bg); }
.ws-save.active .ws-i--bookmark, .ws-iconbtn.active .ws-i--bookmark { --ws-i: url("/images/wz-icons/bookmark-filled.svg"); color: var(--ws-accent-strong); }
.ws-save.loading { opacity: .5; pointer-events: none; }
.ws-card__meta { margin: 0; font-size: 12px; line-height: 16px; color: var(--ws-text-2); }
.ws-card__salary { margin: 0; font-weight: 700; font-size: 14px; line-height: 20px; color: var(--ws-navy); }
.ws-card__chips { display: flex; flex-wrap: wrap; gap: 6px; }

/* ---------- Home (Figma 3131:7150) ---------- */
.ws-hide-phone { }
.ws-show-phone { display: none !important; }
.ws-hero { background: var(--ws-navy); color: #fff; padding: 88px 0 96px; }
.ws-hero .ws-container { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.ws-hero__badge { margin: 0; display: inline-block; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: var(--ws-accent-tint); font-weight: 700; font-size: 12px; line-height: 16px; }
.ws-hero .ws-h1 { max-width: 900px; }
.ws-hero__lead { margin: 0; max-width: 760px; color: var(--ws-on-navy); font-weight: 700; font-size: 18px; line-height: 24px; }
.ws-hero__popular { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--ws-on-navy); font-size: 14px; line-height: 20px; }
.ws-hero__popular a { display: inline-flex; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 999px; color: #fff !important; font-size: 12px; line-height: 16px; text-decoration: none !important; }
.ws-hero__popular a:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .6); }
.ws-section { padding: 72px 0; }
.ws-section--white { background: var(--ws-surface); padding: 64px 0; }
.ws-section--band { background: var(--ws-band); }
.ws-section--lab { padding: 64px 0; }
.ws-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 28px; }
.ws-section__head .ws-sub { margin-top: 6px; }
.ws-section__more { font-size: 16px; line-height: 22px; white-space: nowrap; }
html[dir="rtl"] .ws-arrow { display: inline-block; transform: scaleX(-1); }
.ws-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ws-cats { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ws-cat { display: inline-flex; align-items: center; gap: 10px; padding-block: 10px; padding-inline: 16px 10px; background: var(--ws-bg); border: 1px solid var(--ws-border); border-radius: var(--ws-radius); color: var(--ws-navy) !important; font-weight: 700; font-size: 14px; line-height: 20px; text-decoration: none !important; white-space: nowrap; }
.ws-cat:hover { border-color: var(--ws-accent); background: #fff; }
.ws-cat__count { padding: 2px 8px; border-radius: 999px; background: var(--ws-accent-tint); color: var(--ws-accent-strong); font-size: 12px; line-height: 16px; }
.ws-cats__toggle { display: none; }
.ws-employers { display: flex; align-items: center; gap: 48px; }
.ws-employers__text { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.ws-h2--lg { font-size: 36px; max-width: 560px; }
.ws-employers .ws-sub { max-width: 540px; }
.ws-employers__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.ws-employers__actions .ws-btn { min-width: 130px; }
.ws-steps { flex: 0 0 520px; display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.ws-steps li { display: flex; align-items: center; gap: 14px; padding: 18px; background: var(--ws-surface); border-radius: var(--ws-radius-lg); }
.ws-steps__n { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 18px; background: var(--ws-accent-tint); color: var(--ws-accent-strong); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; }
.ws-steps strong { display: block; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; }
.ws-steps small { display: block; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-lab { display: flex; align-items: center; gap: 32px; padding: 40px 48px; border-radius: 24px; background: var(--ws-accent-tint); }
.ws-lab__text { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; color: var(--ws-navy); }
.ws-lab__title { margin: 0; font-weight: 800; font-size: 28px; line-height: 1.15; color: var(--ws-navy); }
.ws-lab__text p { margin: 0; max-width: 560px; font-size: 14px; line-height: 20px; color: var(--ws-navy); }
.ws-lab__stores { display: flex; gap: 12px; flex: 0 0 auto; }
.ws-lab__stores .ws-btn { min-width: 150px; }
.ws-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ws-news__item { position: relative; display: flex; flex-direction: column; gap: 10px; padding-bottom: 18px; border-radius: var(--ws-radius-lg); background: var(--ws-bg); overflow: hidden; }
.ws-news__img { height: 170px; background: var(--ws-band); }
.ws-news__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ws-news__body { display: flex; flex-direction: column; gap: 6px; padding: 0 18px; }
.ws-news__body h3 { margin: 0; font-weight: 700; font-size: 16px; line-height: 22px; color: var(--ws-navy); }
.ws-news__body p { margin: 0; font-size: 12px; line-height: 16px; color: var(--ws-text-2); }
.ws-news__item:hover h3 { text-decoration: underline; }

@media (max-width: 1199px) {
    .ws-grid, .ws-news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ws-steps { flex-basis: 420px; }
    .ws-employers { gap: 32px; }
}
@media (max-width: 991px) {
    .ws-employers { flex-direction: column; align-items: stretch; }
    .ws-steps { flex-basis: auto; }
    .ws-lab { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
    .ws-hide-phone { display: none !important; }
    .ws-show-phone { display: inline !important; }
    .ws-hero { padding: 32px 0; }
    .ws-hero .ws-container { gap: 12px; }
    .ws-hero__badge { padding: 0; background: none; color: #fff; }
    .ws-hero__lead { font-weight: 400; font-size: 14px; line-height: 20px; }
    .ws-search { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px; margin-top: 12px; }
    .ws-search__field { flex: 0 0 auto; background: var(--ws-bg); border-radius: var(--ws-radius); }
    .ws-search__where { flex-basis: auto; }
    .ws-search__divider { display: none; }
    .ws-search__btn { flex: 0 0 48px; width: 100%; }
    .ws-section, .ws-section--white, .ws-section--lab { padding: 32px 0; }
    .ws-section__head { align-items: center; margin-bottom: 16px; }
    .ws-section__more { font-size: 14px; }
    .ws-grid, .ws-news { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ws-card__title { font-size: 16px; }
    .ws-cats { gap: 8px; }
    .ws-cats .ws-cats__more-item { display: none; }
    .ws-cats.is-all .ws-cats__more-item { display: list-item; }
    .ws-cats.is-all .ws-cats__toggle { display: none; }
    .ws-cats__toggle { display: list-item; }
    .ws-cat { gap: 0; padding: 5px 12px; border-radius: 999px; background: #fff; font-size: 12px; line-height: 16px; }
    .ws-cat__count { padding: 0; background: none; color: inherit; font-size: 12px; }
    .ws-cat__count::before { content: " · "; white-space: pre; }
    .ws-cat--more { background: var(--ws-accent-tint); border-color: var(--ws-accent-tint); color: var(--ws-accent-strong) !important; cursor: pointer; }
    .ws-section--band { padding: 32px 0; }
    .ws-employers__actions, .ws-employers__actions .ws-btn { width: 100%; }
    .ws-h2--lg { font-size: 22px; }
    .ws-section--lab { background: var(--ws-accent-tint); }
    .ws-lab { padding: 0; border-radius: 0; gap: 16px; }
    .ws-lab__title { font-size: 22px; }
    .ws-lab__stores { width: 100%; }
    .ws-lab__stores .ws-btn { flex: 1 1 0; min-width: 0; }
}

/* ---------- Arabic: Zain runs small, so small text gets +1–2px ---------- */
html[lang="ar"] .ws-nav a, html[lang="ar"] .ws-header__employers, html[lang="ar"] .ws-lang { font-size: 16px; }
html[lang="ar"] .ws-card__meta, html[lang="ar"] .ws-card__company, html[lang="ar"] .ws-chip,
html[lang="ar"] .ws-hero__badge, html[lang="ar"] .ws-hero__popular a, html[lang="ar"] .ws-steps small,
html[lang="ar"] .ws-news__body p, html[lang="ar"] .ws-cat__count, html[lang="ar"] .ws-cookie p,
html[lang="ar"] .ws-cookie a, html[lang="ar"] .ws-footer__bottom, html[lang="ar"] .ws-footer__store { font-size: 14px; }
html[lang="ar"] .ws-sub, html[lang="ar"] .ws-search__field input, html[lang="ar"] .ws-search__field select,
html[lang="ar"] .ws-card__salary, html[lang="ar"] .ws-cat, html[lang="ar"] .ws-hero__popular,
html[lang="ar"] .ws-lab__text p, html[lang="ar"] .ws-footer__col a, html[lang="ar"] .ws-footer__brand p { font-size: 16px; }
html[lang="ar"] .ws-card__title, html[lang="ar"] .ws-steps strong, html[lang="ar"] .ws-news__body h3 { font-size: 18px; }
html[lang="ar"] .ws-hero__lead { font-size: 20px; line-height: 28px; }
@media (max-width: 767px) {
    html[lang="ar"] .ws-cat, html[lang="ar"] .ws-cat__count { font-size: 14px; }
    html[lang="ar"] .ws-hero__lead { font-size: 16px; line-height: 24px; }
    html[lang="ar"] .ws-footer__phone-links { font-size: 16px; }
}

/* ---------- Jobs list (Figma 3131:7466 / phone 3133:7888 / sheet 3133:7989) ---------- */
.ws-jobs__hero { background: var(--ws-navy); padding: 40px 0; }
.ws-jobs__hero .ws-container { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.ws-jobs__title { margin: 0; color: #fff; font-weight: 800; font-size: 36px; line-height: 1.15; }
.ws-jobs__body { display: flex; align-items: flex-start; gap: 28px; padding-top: 32px; padding-bottom: 64px; }
.ws-filters { flex: 0 0 300px; position: sticky; top: 96px; }
.ws-filters__backdrop, .ws-filters__grab { display: none; }
.ws-filters__panel { display: flex; flex-direction: column; gap: 22px; padding: 20px; background: var(--ws-surface); border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); max-height: calc(100vh - 120px); overflow-y: auto; }
.ws-filters__head { display: flex; align-items: center; justify-content: space-between; }
.ws-filters__head h2 { margin: 0; color: var(--ws-navy); font-weight: 700; font-size: 18px; line-height: 24px; }
.ws-filters__head .ws-link { font-size: 14px; line-height: 20px; }
.ws-fgroup { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.ws-fgroup legend { margin: 0 0 10px; padding: 0; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; float: none; width: auto; }
.ws-opt { position: relative; display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; background: none; border: 0; width: 100%; cursor: pointer; color: var(--ws-navy); font-weight: 400; font-size: 14px; line-height: 20px; text-align: start; }
.ws-opt input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; }
.ws-opt__box { flex: 0 0 18px; width: 18px; height: 18px; border: 1.5px solid var(--ws-border-strong); border-radius: 5px; background: #fff; position: relative; }
.ws-opt input:checked + .ws-opt__box { background: var(--ws-navy); border-color: var(--ws-navy); }
.ws-opt input:checked + .ws-opt__box::after { content: ""; position: absolute; inset: 2px; background: #fff; -webkit-mask: url("/images/wz-icons/check.svg") center / contain no-repeat; mask: url("/images/wz-icons/check.svg") center / contain no-repeat; }
.ws-opt input:focus-visible + .ws-opt__box { box-shadow: var(--ws-focus); }
.ws-opt:hover .ws-opt__box { border-color: var(--ws-navy); }
.ws-opt__label { flex: 1 1 auto; min-width: 0; }
.ws-opt__count { flex: 0 0 auto; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-fgroup--more .ws-opt--extra { display: none; }
.ws-fgroup--more.is-all .ws-opt--extra { display: flex; }
.ws-fgroup--more.is-all .ws-opt--toggle { display: none; }
.ws-opt--toggle .ws-opt__label { color: var(--ws-navy); }
.ws-filters__foot { display: block; }
body.ws-js .ws-filters__foot { display: none; }
.ws-results { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.ws-results__bar { display: none; }
.ws-results__head { display: flex; align-items: center; gap: 10px; }
.ws-results__summary { flex: 1 1 auto; margin: 0; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; }
.ws-sort { display: flex; align-items: center; gap: 10px; color: var(--ws-text-2); font-size: 14px; line-height: 20px; white-space: nowrap; }
.ws-pill { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border: 1px solid var(--ws-border); border-radius: var(--ws-radius); background: #fff; color: var(--ws-navy) !important; font-weight: 700; font-size: 12px; line-height: 16px; text-decoration: none !important; white-space: nowrap; }
.ws-pill:hover { border-color: var(--ws-navy); }
.ws-pill.is-on { background: var(--ws-navy); border-color: var(--ws-navy); color: #fff !important; }
.ws-active { display: flex; flex-wrap: wrap; gap: 8px; }
.ws-active__chip { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 12px; border-radius: var(--ws-radius); background: var(--ws-accent-tint); color: var(--ws-accent-strong) !important; font-weight: 700; font-size: 12px; line-height: 16px; text-decoration: none !important; }
.ws-active__chip:hover { background: #FFE3CC; }
.ws-active__chip .ws-i { width: 10px; height: 10px; }
.ws-results__list { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; list-style: none; }
.ws-pager { display: flex; align-items: center; gap: 8px; padding: 12px 20px; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-pager__sum { flex: 1 1 auto; margin: 0; }
.ws-pager__rows { display: flex; align-items: center; gap: 4px; margin: 0; white-space: nowrap; }
.ws-pager__rows select { border: 0; background: transparent; color: var(--ws-text-2); font-size: 12px; padding: 0 2px; cursor: pointer; }
.ws-pager__pages { display: flex; align-items: center; gap: 8px; }
.ws-pager__p { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; padding: 0 6px; border: 1px solid var(--ws-border); border-radius: 8px; background: #fff; color: var(--ws-navy) !important; font-weight: 700; font-size: 12px; text-decoration: none !important; }
a.ws-pager__p:hover { border-color: var(--ws-navy); }
.ws-pager__p.is-on { background: var(--ws-navy); border-color: var(--ws-navy); color: #fff !important; }
.ws-pager__p.is-off { opacity: .4; }
.ws-pager__p.is-gap { border-color: transparent; background: none; }
html[dir="rtl"] .ws-flip { display: inline-block; transform: scaleX(-1); }
.ws-empty { padding: 40px 24px; text-align: center; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-empty h2 { margin: 0 0 6px; color: var(--ws-navy); font-weight: 800; font-size: 20px; }
.ws-empty p { margin: 0 0 16px; color: var(--ws-text-2); font-size: 14px; }
.ws-alert { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 16px 20px; border-radius: var(--ws-radius-lg); background: var(--ws-accent-tint); margin-top: 8px; }
.ws-alert__text { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ws-alert__text h2 { margin: 0; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; }
.ws-alert__text p { margin: 0; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-alert__email input { height: 44px; width: 240px; max-width: 100%; padding: 0 14px; border: 1px solid var(--ws-border-strong); border-radius: var(--ws-radius); background: #fff; font-size: 14px; color: var(--ws-text); }
.ws-alert__email input:focus { outline: none; border-color: var(--ws-navy); box-shadow: var(--ws-focus); }
.ws-alert .ws-btn { height: 44px; min-width: 150px; }
.ws-alert__msg { flex: 1 1 100%; margin: 0; font-size: 13px; font-weight: 700; }
.ws-alert__msg:empty { display: none; }
.ws-alert__msg.is-ok { color: var(--ws-success); }
.ws-alert__msg.is-error { color: var(--ws-danger); }
body.ws-noscroll { overflow: hidden; }

@media (max-width: 991px) {
    .ws-jobs__hero { padding: 16px 0 20px; }
    .ws-jobs__hero .ws-container { gap: 16px; }
    .ws-jobs__title { font-size: 24px; }
    .ws-search--compact { flex-direction: row; padding: 0; margin: 0; box-shadow: none; border-radius: var(--ws-radius); }
    .ws-search--compact .ws-search__where, .ws-search--compact .ws-search__btn, .ws-search--compact .ws-search__divider { display: none; }
    .ws-search--compact .ws-search__field { background: #fff; flex: 1 1 auto; }
    .ws-jobs__body { display: block; padding-top: 16px; padding-bottom: 40px; }
    .ws-results__bar { display: flex; align-items: center; gap: 8px; }
    .ws-results__head { display: none; }
    .ws-results__n { margin-inline-start: auto; color: var(--ws-text-2); font-weight: 700; font-size: 14px; }
    .ws-filters-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--ws-navy); color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; }
    .ws-filters-btn .ws-i { width: 18px; height: 18px; }
    .ws-results__bar .ws-pill { height: 28px; border-radius: 999px; }
    /* Filters become a bottom sheet */
    .ws-filters { position: fixed; inset: 0; z-index: 1200; display: none; }
    .ws-filters.is-open { display: block; }
    .ws-filters__backdrop { display: block; position: absolute; inset: 0; background: rgba(28, 39, 51, .45); }
    .ws-filters__panel { position: absolute; inset-inline: 0; bottom: 0; max-height: 88vh; gap: 16px; padding: 12px 20px 0; border: 0; border-radius: 24px 24px 0 0; box-shadow: 0 -8px 24px rgba(15, 30, 45, .2); }
    .ws-filters__grab { display: block; width: 40px; height: 4px; border-radius: 2px; background: var(--ws-border); margin: 0 auto 4px; }
    .ws-filters__head h2 { font-size: 22px; line-height: 28px; font-weight: 800; }
    .ws-fgroup { flex-direction: row; flex-wrap: wrap; gap: 8px; }
    .ws-fgroup legend { width: 100%; margin-bottom: 4px; font-size: 16px; }
    .ws-opt { width: auto; flex: 0 0 auto; gap: 0; height: 32px; padding: 0 12px; border: 1px solid var(--ws-border); border-radius: var(--ws-radius); background: #fff; font-weight: 700; font-size: 13px; }
    .ws-opt__box { display: none; }
    .ws-opt__count { display: none; }
    .ws-fgroup:first-of-type .ws-opt__count { display: inline; margin-inline-start: 4px; color: inherit; font-size: 13px; font-weight: 700; }
    .ws-opt:has(input:checked) { background: var(--ws-navy); border-color: var(--ws-navy); color: #fff; }
    .ws-opt:has(input:focus-visible) { box-shadow: var(--ws-focus); }
    .ws-opt--toggle { color: var(--ws-accent-strong); background: var(--ws-accent-tint); border-color: var(--ws-accent-tint); }
    .ws-opt--toggle .ws-opt__label { color: var(--ws-accent-strong); }
    .ws-filters__foot, body.ws-js .ws-filters__foot { display: block; position: sticky; bottom: 0; margin: 0 -20px; padding: 12px 20px 20px; background: #fff; }
    .ws-filters__foot .ws-btn { height: 52px; font-size: 16px; }
    .ws-results { gap: 16px; }
    .ws-pager { flex-wrap: wrap; padding: 8px 0; }
    .ws-pager__sum { flex-basis: 100%; }
    .ws-alert__email, .ws-alert__email input, .ws-alert .ws-btn { width: 100%; }
}
html[lang="ar"] .ws-opt, html[lang="ar"] .ws-results__summary { font-size: 16px; }
html[lang="ar"] .ws-opt__count, html[lang="ar"] .ws-pill, html[lang="ar"] .ws-active__chip, html[lang="ar"] .ws-pager, html[lang="ar"] .ws-alert__text p, html[lang="ar"] .ws-sort { font-size: 14px; }
body.ws-noscroll .ws-cookie { display: none; }

/* ---------- Job page (Figma 3132:7498 / phone 3133:8061 / Apply bar 3129:7208) ---------- */
.ws-jobpage { padding: 28px 0 72px; }
.ws-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-crumbs a { color: var(--ws-text-2) !important; text-decoration: none !important; }
.ws-crumbs a:hover { color: var(--ws-navy) !important; text-decoration: underline !important; }
.ws-jobhead { display: flex; flex-direction: column; gap: 18px; padding: 28px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-jobhead__top { display: flex; align-items: center; gap: 20px; }
.ws-jobhead__logo { flex: 0 0 64px; width: 64px; height: 64px; border-radius: var(--ws-radius-lg); background: var(--ws-accent-tint); color: var(--ws-accent-strong); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 26px; overflow: hidden; }
.ws-jobhead__logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.ws-jobhead__titles { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ws-jobhead__titles h1 { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 36px; line-height: 1.15; overflow-wrap: anywhere; }
.ws-jobhead__titles p { margin: 0; color: var(--ws-accent-strong); font-weight: 700; font-size: 14px; line-height: 20px; }
.ws-jobhead__titles p a { color: inherit !important; text-decoration: none !important; }
.ws-jobhead__titles p a:hover { text-decoration: underline !important; }
.ws-apply { display: flex; align-items: center; gap: 10px; }
.ws-apply__main { height: 52px; min-width: 170px; }
.ws-apply--head .ws-iconbtn { width: 52px; height: 52px; flex-basis: 52px; }
.ws-apply__main.is-done, .ws-apply__main.is-closed { background: var(--ws-bg-2); border-color: var(--ws-border); color: var(--ws-text-2) !important; cursor: default; }
.ws-apply__note { max-width: 260px; color: var(--ws-danger); font-size: 13px; font-weight: 700; }
.ws-facts { display: flex; gap: 12px; margin: 0; }
.ws-facts__item { flex: 1 1 0; min-width: 0;
    }
.ws-facts__item:first-child { flex-grow: 1.5; }
.ws-facts__item { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-radius: var(--ws-radius); background: var(--ws-bg); }
.ws-facts dt { margin: 0; color: var(--ws-text-2); font-weight: 400; font-size: 12px; line-height: 16px; }
.ws-facts dd { margin: 0; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; }
.ws-jobpage__cols { display: flex; align-items: flex-start; gap: 28px; margin-top: 24px; }
.ws-jobbody { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 22px; padding: 32px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-jobbody section { display: flex; flex-direction: column; gap: 22px; }
.ws-jobbody h2 { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 22px; line-height: 1.15; }
.ws-jobbody p, .ws-prose, .ws-prose p, .ws-prose li { margin: 0; color: var(--ws-navy); font-size: 14px; line-height: 20px; }
.ws-prose { overflow-wrap: anywhere; }
.ws-prose p + p, .ws-prose ul, .ws-prose ol { margin-top: 10px; }
.ws-prose ul, .ws-prose ol { padding-inline-start: 20px; }
.ws-dots { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ws-dots li { position: relative; padding-inline-start: 16px; color: var(--ws-navy); font-size: 14px; line-height: 20px; }
.ws-dots li::before { content: ""; position: absolute; inset-inline-start: 0; top: 4px; width: 6px; height: 6px; border-radius: 50%; background: var(--ws-accent); }
.ws-skillchips { gap: 8px; }
.ws-jobside { flex: 0 0 380px; display: flex; flex-direction: column; gap: 20px; }
.ws-sidecard { display: flex; flex-direction: column; gap: 12px; padding: 22px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-sidecard__label { margin: 0; color: var(--ws-text-2); font-weight: 700; font-size: 12px; line-height: 16px; }
.ws-sidecard h2 { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 20px; line-height: 1.15; }
.ws-sidecard h2 a { color: inherit !important; text-decoration: none !important; }
.ws-sidecard h2 a:hover { text-decoration: underline !important; }
.ws-sidecard > p { margin: 0; color: var(--ws-text-2); font-size: 14px; line-height: 20px; }
.ws-sidecard .ws-link { font-size: 14px; line-height: 20px; }
.ws-similar { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.ws-similar li { display: flex; flex-direction: column; gap: 2px; padding: 8px 0; }
.ws-similar a { color: var(--ws-navy) !important; font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: none !important; }
.ws-similar a:hover { text-decoration: underline !important; }
.ws-similar span { color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-report { display: inline-flex; align-items: center; gap: 8px; color: var(--ws-text-2) !important; font-size: 12px; line-height: 16px; text-decoration: none !important; }
.ws-report:hover { color: var(--ws-navy) !important; text-decoration: underline !important; }
.ws-applybar { display: none; }
.ws-toast { position: fixed; z-index: 1300; inset-inline: 0; bottom: 110px; margin: 0 auto; width: max-content; max-width: calc(100vw - 32px); padding: 10px 16px; border-radius: var(--ws-radius); background: var(--ws-navy); color: #fff; font-size: 14px; font-weight: 700; box-shadow: 0 10px 24px rgba(15, 30, 45, .25); }
.ws-toast[hidden] { display: none; }
.ws-jobpage .portfolio-outer h4 { color: var(--ws-navy); font-weight: 800; font-size: 22px; }

@media (max-width: 1199px) {
    .ws-facts { flex-wrap: wrap; }
    .ws-facts__item { flex: 1 1 calc(33.333% - 12px); }
    .ws-jobside { flex-basis: 320px; }
}
@media (max-width: 991px) {
    .ws-jobpage { padding: 0 0 24px; }
    .ws-jobpage > .ws-container { padding-inline: 0; }
    .ws-crumbs { margin: 0; padding: 16px 20px 8px; background: var(--ws-bg); font-size: 14px; }
    .ws-crumbs__back { color: var(--ws-text-2) !important; }
    .ws-jobhead { padding: 4px 20px 20px; gap: 16px; background: var(--ws-bg); border: 0; border-radius: 0; }
    .ws-jobhead__top { gap: 12px; align-items: flex-start; }
    .ws-jobhead__logo { flex-basis: 48px; width: 48px; height: 48px; border-radius: var(--ws-radius); font-size: 20px; }
    .ws-jobhead__titles { gap: 2px; }
    .ws-jobhead__titles h1 { font-size: 24px; }
    .ws-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .ws-facts__item:first-child { grid-column: 1 / -1; }
    .ws-facts__item { background: #fff; border: 1px solid var(--ws-border); padding: 10px 12px; }
    .ws-facts dd { font-size: 14px; line-height: 20px; }
    .ws-jobpage__cols { flex-direction: column; gap: 0; margin-top: 0; }
    .ws-jobbody { padding: 20px; gap: 16px; border: 0; border-radius: 0; }
    .ws-jobbody section { gap: 12px; }
    .ws-jobbody h2 { font-size: 20px; }
    .ws-jobbody p, .ws-prose, .ws-prose p, .ws-dots li { font-size: 15px; line-height: 22px; }
    .ws-jobside { flex-basis: auto; width: 100%; padding: 20px; gap: 16px; }
    .ws-applybar { display: block; position: fixed; z-index: 1030; inset-inline: 0; bottom: 0; padding: 12px 16px calc(20px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -4px 8px rgba(31, 59, 84, .1); }
    .ws-applybar .ws-apply__main { flex: 1 1 auto; min-width: 0; height: 48px; }
    .ws-applybar .ws-apply__note { flex: 1 1 auto; }
    body.ws-has-applybar .ws-footer { padding-bottom: 120px; }
    body.ws-has-applybar .ws-cookie { bottom: 96px; }
}
html[lang="ar"] .ws-facts dt, html[lang="ar"] .ws-crumbs, html[lang="ar"] .ws-similar span, html[lang="ar"] .ws-report, html[lang="ar"] .ws-sidecard__label { font-size: 14px; }
html[lang="ar"] .ws-facts dd, html[lang="ar"] .ws-jobbody p, html[lang="ar"] .ws-prose, html[lang="ar"] .ws-prose p, html[lang="ar"] .ws-dots li, html[lang="ar"] .ws-sidecard > p, html[lang="ar"] .ws-jobhead__titles p { font-size: 16px; line-height: 24px; }
html[lang="ar"] .ws-dots li::before { top: 9px; }
html[lang="ar"] .ws-similar a { font-size: 18px; }

/* ---------- For employers (Figma 3132:7659) ---------- */
.ws-emp__hero { background: var(--ws-navy); padding: 72px 0; }
.ws-emp__hero-in { display: flex; align-items: center; gap: 48px; }
.ws-emp__intro { flex: 1 1 auto; display: flex; flex-direction: column; gap: 20px; color: #fff; }
.ws-eyebrow--light { color: #F4A36B; }
.ws-emp__title { margin: 0; max-width: 600px; color: #fff; font-weight: 800; font-size: 48px; line-height: 1.15; }
.ws-emp__lead { margin: 0; max-width: 600px; color: var(--ws-on-navy); font-weight: 700; font-size: 18px; line-height: 24px; }
.ws-emp__stats { display: flex; gap: 32px; margin: 8px 0 0; }
.ws-emp__stats dt { margin: 0; color: #fff; font-weight: 800; font-size: 30px; line-height: 1.15; }
.ws-emp__stats dd { margin: 0; color: var(--ws-on-navy); font-size: 13px; line-height: 18px; }
.ws-hire { flex: 0 0 440px; display: flex; flex-direction: column; gap: 12px; padding: 28px; background: #fff; border-radius: var(--ws-radius-lg); box-shadow: 0 16px 32px rgba(10, 22, 34, .25); }
.ws-hire h2 { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 24px; line-height: 1.15; }
.ws-hire__sub { margin: -4px 0 4px; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-hire__row { display: flex; gap: 10px; }
.ws-hire__row .ws-field { flex: 1 1 0; min-width: 0; }
.ws-field { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 8px 14px; border: 1px solid var(--ws-border); border-radius: var(--ws-radius); background: #fff; cursor: text; }
.ws-field:focus-within { border-color: var(--ws-navy); box-shadow: var(--ws-focus); }
.ws-field span { color: var(--ws-navy); font-weight: 700; font-size: 11px; line-height: 14px; }
.ws-field input { width: 100%; height: 22px; padding: 0; border: 0; background: transparent; color: var(--ws-text); font-size: 14px; line-height: 20px; outline: none; box-shadow: none; }
.ws-field input::placeholder { color: var(--ws-text-2); opacity: .8; }
html[dir="rtl"] .ws-field input[dir="ltr"] { text-align: right; }
.ws-hire .ws-btn { margin-top: 4px; }
.ws-hire__note { margin: 0; color: var(--ws-text-2); font-size: 12px; line-height: 16px; text-align: center; }
.ws-emp__h2 { margin-bottom: 28px; }
.ws-emp__plans-sub { margin: -20px 0 28px; }
.ws-how { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.ws-how li { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 24px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-how h3 { margin: 6px 0 0; color: var(--ws-navy); font-weight: 800; font-size: 20px; line-height: 1.2; }
.ws-how p { margin: 0; color: var(--ws-text-2); font-size: 14px; line-height: 20px; }
.ws-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; align-items: start; }
.ws-plan { display: flex; flex-direction: column; gap: 8px; padding: 24px 20px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
.ws-plan.is-most { border: 2px solid var(--ws-accent); }
.ws-plan__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ws-plan h3 { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 18px; line-height: 24px; }
.ws-plan__badge { padding: 3px 10px; border-radius: 999px; background: var(--ws-navy); color: #fff; font-weight: 700; font-size: 11px; line-height: 16px; white-space: nowrap; }
.ws-plan__price { margin: 0; color: var(--ws-navy); font-weight: 800; font-size: 24px; line-height: 1.2; }
.ws-plan__meta { margin: 0; color: var(--ws-text-2); font-size: 12px; line-height: 16px; }
.ws-plan__list { display: flex; flex-direction: column; gap: 8px; margin: 8px 0 4px; padding: 0; list-style: none; }
.ws-plan__list li { display: flex; align-items: center; gap: 8px; color: var(--ws-navy); font-size: 13px; line-height: 18px; }
.ws-plan__list .ws-i { color: var(--ws-success); }
.ws-plan__btn { margin-top: 8px; height: 44px; }
.ws-emp__cta { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 32px; text-align: center; }
.ws-emp__cta .ws-btn { min-width: 280px; }
.ws-emp__cta p { margin: 0; color: var(--ws-text-2); font-size: 14px; }
.ws-emp__cta p a { color: var(--ws-accent-strong) !important; font-weight: 700; }
.ws-faq { display: flex; flex-direction: column; gap: 12px; }
.ws-faq details { background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); padding: 18px 20px; }
.ws-faq summary { cursor: pointer; color: var(--ws-navy); font-weight: 700; font-size: 16px; line-height: 22px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.ws-faq summary::-webkit-details-marker { display: none; }
.ws-faq summary::after { content: "+"; color: var(--ws-accent-strong); font-weight: 800; }
.ws-faq details[open] summary::after { content: "–"; }
.ws-faq p { margin: 8px 0 0; color: var(--ws-text-2); font-size: 14px; line-height: 20px; }
.ws-contact-note { margin: -8px 0 20px; padding: 12px 16px; border-radius: var(--ws-radius); background: var(--ws-accent-tint); color: var(--ws-navy); font-size: 14px; }
@media (max-width: 1199px) { .ws-hire { flex-basis: 380px; } }
@media (max-width: 991px) {
    .ws-emp__hero { padding: 32px 0; }
    .ws-emp__hero-in { flex-direction: column; align-items: stretch; gap: 24px; }
    .ws-emp__title { font-size: 32px; }
    .ws-emp__lead { font-size: 16px; font-weight: 400; }
    .ws-hire { flex-basis: auto; padding: 20px; }
    .ws-how { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
    .ws-plans { grid-template-columns: minmax(0, 1fr); }
    .ws-emp__stats { gap: 24px; }
    .ws-emp__stats dt { font-size: 24px; }
    .ws-emp__cta .ws-btn { min-width: 0; width: 100%; }
}
html[lang="ar"] .ws-field span, html[lang="ar"] .ws-hire__sub, html[lang="ar"] .ws-hire__note, html[lang="ar"] .ws-plan__meta, html[lang="ar"] .ws-emp__stats dd { font-size: 14px; }
html[lang="ar"] .ws-field input, html[lang="ar"] .ws-plan__list li, html[lang="ar"] .ws-how p, html[lang="ar"] .ws-faq p, html[lang="ar"] .ws-emp__cta p { font-size: 16px; }
html[lang="ar"] .ws-emp__lead { font-size: 20px; line-height: 28px; }

/* ---------- Page title band + companies list ---------- */
.ws-pagehero { background: var(--ws-navy); padding: 40px 0; }
.ws-pagehero .ws-container { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.ws-pagehero h1 { margin: 0; color: #fff; font-weight: 800; font-size: 36px; line-height: 1.15; }
.ws-pagehero p { margin: 0; color: var(--ws-on-navy); font-size: 16px; line-height: 22px; }
.ws-pagehero .ws-search { margin-top: 8px; }
.ws-search--solo { max-width: 600px; }
.ws-companies { padding-top: 32px; padding-bottom: 64px; }
.ws-cogrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0 0 16px; padding: 0; list-style: none; }
.ws-cocard__about { margin: 0; color: var(--ws-text-2); font-size: 13px; line-height: 18px; }
.ws-verified { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin-inline-start: 6px; border-radius: 50%; background: var(--ws-navy); color: #fff; font-size: 11px; vertical-align: 2px; }
.ws-chip--navy { background: var(--ws-navy); color: #fff; }
@media (max-width: 1199px) { .ws-cogrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
    .ws-pagehero { padding: 24px 0; }
    .ws-pagehero h1 { font-size: 26px; }
    .ws-cogrid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ws-search--solo { flex-direction: row; padding: 6px; }
    .ws-search--solo .ws-search__btn { display: inline-flex; flex: 0 0 auto; width: auto; }
    .ws-companies { padding-top: 20px; }
}

/* ---------- One look everywhere: theme pages that have no Figma frame ----------
   (company & course pages, news, about, contact, /page/*, candidate pages, sign-in pages, popups) */
body.ws-site { background: var(--ws-bg); }
body.ws-site .page-title { background: var(--ws-navy) !important; padding: 40px 0 !important; }
body.ws-site .page-title h1, body.ws-site .page-title .title-outer h1 { color: #fff !important; font-weight: 800; font-size: 36px; }
body.ws-site .page-title .page-breadcrumb li, body.ws-site .page-title .page-breadcrumb a { color: var(--ws-on-navy) !important; }
/* Zero-specificity defaults (:where) so the ws- components above always win. */
:where(body.ws-site) :where(h1, h2, h3, h4, h5) { color: var(--ws-navy); font-weight: 800; }
:where(body.ws-site) .auto-container { max-width: calc(var(--ws-max) + 2 * 32px); padding-inline: 32px; }
:where(body.ws-site) :where(.text, p) { color: var(--ws-text); }

/* Buttons */
body.ws-site .theme-btn.btn-style-one, body.ws-site .theme-btn.btn-style-two, body.ws-site .theme-btn.btn-style-three,
body.ws-site .theme-btn.btn-style-five, body.ws-site .theme-btn.btn-style-seven, body.ws-site .theme-btn.btn-style-eight,
body.ws-site .btn-primary, body.ws-site button.theme-btn {
    background: var(--ws-navy) !important; border: 1.5px solid var(--ws-navy) !important; color: #fff !important;
    border-radius: var(--ws-radius) !important; font-family: inherit; font-weight: 700 !important; font-size: 15px; line-height: 20px; min-height: 44px; padding: 10px 20px; box-shadow: none !important; }
body.ws-site .theme-btn.btn-style-one:hover, body.ws-site .theme-btn.btn-style-two:hover, body.ws-site .btn-primary:hover, body.ws-site button.theme-btn:hover { background: var(--ws-navy-strong) !important; }
body.ws-site .theme-btn::before, body.ws-site .theme-btn::after { display: none !important; }
body.ws-site .theme-btn.btn-style-three, body.ws-site .theme-btn.btn-style-four { background: #fff !important; color: var(--ws-navy) !important; border: 1.5px solid var(--ws-border-strong) !important; border-radius: var(--ws-radius) !important; }

/* Form fields */
body.ws-site .default-form .form-group input:not([type=checkbox]):not([type=radio]):not([type=submit]),
body.ws-site .default-form .form-group select, body.ws-site .default-form .form-group textarea,
body.ws-site .form-control, body.ws-site .ls-sidebar input, body.ws-site .filters-outer input, body.ws-site .filters-outer select,
body.ws-site .modal input.form-control, body.ws-site .login-form input:not([type=checkbox]):not([type=radio]) {
    background: #fff !important; border: 1px solid var(--ws-border-strong) !important; border-radius: var(--ws-radius) !important;
    color: var(--ws-text) !important; font-family: inherit; font-size: 15px; box-shadow: none !important; min-height: 46px; }
body.ws-site .default-form .form-group input:focus, body.ws-site .default-form .form-group textarea:focus, body.ws-site .form-control:focus,
body.ws-site .login-form input:focus { border-color: var(--ws-navy) !important; box-shadow: var(--ws-focus) !important; outline: none; }
body.ws-site .default-form .form-group label, body.ws-site .login-form label { color: var(--ws-navy); font-weight: 700; font-size: 14px; }
body.ws-site .select2-container--default .select2-selection--single, body.ws-site .chosen-container-single .chosen-single {
    background: #fff !important; border: 1px solid var(--ws-border-strong) !important; border-radius: var(--ws-radius) !important; min-height: 46px; }

/* Cards and side panels */
body.ws-site .job-block .inner-box, body.ws-site .job-block-four .inner-box, body.ws-site .company-block-three .inner-box,
body.ws-site .news-block .inner-box, body.ws-site .candidate-block-three .inner-box, body.ws-site .course-block .inner-box,
body.ws-site .sidebar-widget, body.ws-site .ls-outer .ls-switcher + *, body.ws-site .filters-outer, body.ws-site .ls-sidebar,
body.ws-site .company-widget, body.ws-site .job-detail-outer .sidebar .sidebar-widget, body.ws-site .contact-block .inner-box,
body.ws-site .contact-form, body.ws-site .tnc-section .blog-content, body.ws-site .blog-single .inner-box {
    background: #fff !important; border: 1px solid var(--ws-border) !important; border-radius: var(--ws-radius-lg) !important; box-shadow: none !important; }
body.ws-site .filters-outer, body.ws-site .sidebar-widget { padding: 20px; }
body.ws-site .job-block .inner-box:hover, body.ws-site .company-block-three .inner-box:hover, body.ws-site .news-block .inner-box:hover { border-color: var(--ws-border-strong) !important; box-shadow: 0 6px 16px rgba(31, 59, 84, .08) !important; }
body.ws-site .news-block .image-box img, body.ws-site .news-block .image { border-radius: var(--ws-radius-lg) var(--ws-radius-lg) 0 0; }
body.ws-site .job-other-info li, body.ws-site .job-other-info li.time, body.ws-site .job-other-info li.privacy, body.ws-site .job-other-info li.required {
    background: var(--ws-accent-tint) !important; color: var(--ws-accent-strong) !important; border-radius: var(--ws-radius) !important; font-weight: 700; font-size: 12px; }
body.ws-site .ls-switcher .chosen-container, body.ws-site .ls-switcher select { border-radius: var(--ws-radius); }
body.ws-site .candidate-detail-section .upper-box, body.ws-site .job-detail-section .upper-box, body.ws-site .company-detail-section .upper-box {
    background: var(--ws-bg) !important; background-image: none !important; }
body.ws-site .ls-pagination li a, body.ws-site .pagination .page-link { border-radius: 8px !important; border: 1px solid var(--ws-border) !important; color: var(--ws-navy) !important; background: #fff !important; }
body.ws-site .ls-pagination li a.current-page, body.ws-site .ls-pagination li.active a, body.ws-site .pagination .active .page-link { background: var(--ws-navy) !important; color: #fff !important; border-color: var(--ws-navy) !important; }

/* Text pages (/page/*, about, news article) */
body.ws-site .tnc-section, body.ws-site .sidebar-page-container, body.ws-site .blog-single { padding: 40px 0 64px; background: transparent; }
body.ws-site .tnc-section .blog-content { padding: 32px; }
body.ws-site .ws-doc .blog-content h2, body.ws-site .ws-doc .blog-content h3 { color: var(--ws-navy); font-weight: 800; margin: 20px 0 10px; }
body.ws-site .ws-doc .blog-content p, body.ws-site .ws-doc .blog-content li { color: var(--ws-text); font-size: 15px; line-height: 24px; }

/* Contact page */
body.ws-site .bravo-contact-block .contact-section { padding: 40px 0 64px; background: transparent; }
body.ws-site .bravo-contact-block .contact-form { padding: 32px; }
body.ws-site .bravo-contact-block .contact-form h3 { color: var(--ws-navy); font-weight: 800; font-size: 24px; }
body.ws-site .bravo-contact-block .contact-block .inner-box { padding: 24px; text-align: start; }

/* Sign-in pages (/login, /register, /password/reset) and the popups */
body.ws-auth .login-section { position: static; min-height: 0; display: block; padding: 48px 16px 64px; background: var(--ws-bg); }
body.ws-auth .login-section .outer-box { position: static; width: 100%; max-width: 520px; margin: 0 auto; min-height: 0; padding: 0; background: none; }
body.ws-auth .login-section .image-layer { display: none; }
body.ws-auth .login-form, body.ws-site .modal .login-form, body.ws-site .modal .default-form {
    background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); padding: 32px; box-shadow: none; }
body.ws-site .modal .login-form, body.ws-site .modal .default-form { border: 0; }
body.ws-site .login-form h3, body.ws-site .modal .form-title, body.ws-site .modal h3 { color: var(--ws-navy); font-weight: 800; font-size: 24px; text-align: center; }
body.ws-site .modal-content { border: 0; border-radius: 20px; box-shadow: 0 24px 48px rgba(10, 22, 34, .3); }
body.ws-site .modal-backdrop.show { opacity: .45; background: #1C2733; }
body.ws-site .bravo-form-register .btn-box .theme-btn.btn-style-four, body.ws-site .login-form .btn-box .theme-btn.btn-style-four {
    background: #fff !important; color: var(--ws-navy) !important; border: 1.5px solid var(--ws-border-strong) !important; width: 100%; }
body.ws-site .bravo-form-register .btn-box input.checked:checked + label, body.ws-site .login-form .btn-box input:checked + label {
    background: var(--ws-navy) !important; border-color: var(--ws-navy) !important; color: #fff !important; }
body.ws-site .login-form .text, body.ws-site .login-form .bottom-box .text { color: var(--ws-text-2); }
body.ws-site .login-form a, body.ws-site .modal .login-form a { color: var(--ws-accent-strong); font-weight: 700; }
body.ws-site .close-modal { color: var(--ws-navy) !important; }
body.ws-site .page-title .title-outer > img { display: none; }
body.ws-site .ws-about .sidebar-widget { padding: 32px; }
body.ws-site .ws-about h3, body.ws-site .ws-about h4, body.ws-site .ws-about h2 { font-weight: 800 !important; color: var(--ws-navy) !important; font-size: 20px !important; margin: 0 0 8px !important; }
body.ws-site .ws-about p, body.ws-site .ws-about li { font-size: 15px; line-height: 24px; color: var(--ws-text); }
body.ws-site .bravo-news .blog-grid h2 { font-weight: 800; }
body.ws-site .news-block .inner-box { overflow: hidden; }
body.ws-site .news-block .lower-content { padding: 18px; }
body.ws-site .news-block .lower-content h3 a { color: var(--ws-navy) !important; font-weight: 700; font-size: 16px; }
/* News article */
body.ws-site .blog-single { padding-top: 0; }
body.ws-site .blog-single .upper-box { background: var(--ws-navy) !important; margin: 0 calc(50% - 50vw) 32px; padding: 40px calc(50vw - 50% + 32px); text-align: start; border-radius: 0; }
body.ws-site .blog-single .upper-box h3 { color: #fff !important; font-weight: 800; font-size: 36px; line-height: 1.15; margin: 0 0 10px; max-width: var(--ws-max); }
body.ws-site .blog-single .upper-box .post-info li { color: var(--ws-on-navy) !important; }
body.ws-site .blog-single .blog-content { max-width: 860px; padding: 32px; background: #fff; border: 1px solid var(--ws-border); border-radius: var(--ws-radius-lg); }
body.ws-site .blog-single .blog-content p { font-size: 16px; line-height: 26px; }
body.ws-site .blog-single .main-image img { border-radius: var(--ws-radius-lg); }
@media (max-width: 767px) { body.ws-site .blog-single .upper-box { padding: 24px 20px; } body.ws-site .blog-single .upper-box h3 { font-size: 26px; } body.ws-site .blog-single .blog-content { padding: 20px; } }
body.ws-site .bravo-contact-block .upper-box { background: transparent !important; padding: 0 !important; }
body.ws-site .bravo-contact-block .contact-block .inner-box .icon img { width: 40px; height: 40px; object-fit: contain; }
body.ws-site #bravo_content-wrapper .bravo-contact-block .section, body.ws-site .bravo-contact-block .contact-section { padding-top: 40px !important; }
body.ws-site .iti { width: 100%; } body.ws-site .iti input { width: 100%; }