/* Abloom Jobs — design preview stylesheet (family look, same as sibling sites) */
:root{
  --bg:#f8fafc; --card:#ffffff; --text:#0f172a; --muted:#64748b;
  --border:#e2e8f0; --accent:#7c3aed; --accent2:#d946ef;
  --chip:#f1f5f9; --warn-bg:#fef3c7; --warn-border:#f59e0b; --warn-text:#92400e;
  --danger-bg:#fee2e2; --danger-border:#ef4444; --danger-text:#991b1b;
  --ok:#059669; --shadow:0 1px 3px rgba(15,23,42,.08),0 4px 14px rgba(15,23,42,.06);
}
html[data-theme="dark"]{
  --bg:#0f172a; --card:#1e293b; --text:#f1f5f9; --muted:#94a3b8;
  --border:#334155; --chip:#334155;
  --warn-bg:#451a03; --warn-border:#b45309; --warn-text:#fde68a;
  --danger-bg:#450a0a; --danger-border:#b91c1c; --danger-text:#fecaca;
  --shadow:0 1px 3px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.3);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}

/* sample banner */
.sample-bar{background:#f59e0b;color:#111827;text-align:center;font-weight:700;font-size:13px;padding:8px 12px}
.sample-bar span{opacity:.85;font-weight:600}

/* header */
header.site{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;gap:16px;padding:10px 0;flex-wrap:wrap}
.brand img{height:44px;width:auto;display:block}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a{color:var(--text);padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px}
nav.main a:hover{background:var(--chip);text-decoration:none}
nav.main a.active{background:var(--chip)}
.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.lang-switch{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.lang-switch button{border:0;background:transparent;color:var(--text);padding:7px 10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.lang-switch button.active{background:var(--accent);color:#fff}
.theme-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:9px;padding:7px 11px;cursor:pointer;font-size:15px}

/* hero */
.hero{padding:36px 0 8px;text-align:center}
.hero h1{font-size:32px;line-height:1.2;margin:0 0 8px}
.hero h1 .grad{background:linear-gradient(90deg,#7c3aed,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted);margin:0 0 18px;font-size:17px}
.search{display:flex;max-width:640px;margin:0 auto 10px;gap:8px}
.search input{flex:1;padding:13px 16px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--card);color:var(--text);font-family:inherit}
.search button{border:0;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef);cursor:pointer}
.stats{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;color:var(--muted);font-size:14px;padding:6px 0 4px}
.stats b{color:var(--text)}

/* sections */
section{padding:26px 0 6px}
section h2{font-size:22px;margin:0 0 4px}
section .sub{color:var(--muted);margin:0 0 16px}

/* country cards */
.country-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.country-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 14px;box-shadow:var(--shadow);color:var(--text)}
.country-card:hover{border-color:var(--accent);text-decoration:none}
.country-card .flag{font-size:38px;line-height:1}
.country-card h3{margin:10px 0 2px;font-size:17px}
.country-card .lang{font-size:12px;color:var(--muted)}
.country-card .count{margin-top:10px;font-size:13px;font-weight:700;color:var(--accent)}
.country-card .go{font-size:13px;color:var(--muted)}

/* circular list */
.job-list{display:flex;flex-direction:column;gap:12px}
.job-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);color:var(--text)}
.job-card:hover{border-color:var(--accent);text-decoration:none}
.job-card h3{margin:0 0 4px;font-size:18px}
.job-card .meta{color:var(--muted);font-size:14px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--chip);color:var(--text)}
.badge.cat{background:#ede9fe;color:#5b21b6}
html[data-theme="dark"] .badge.cat{background:#4c1d95;color:#ddd6fe}
.badge.deadline{background:var(--danger-bg);color:var(--danger-text)}
.badge.vacancy{background:#dcfce7;color:#166534}
html[data-theme="dark"] .badge.vacancy{background:#052e16;color:#bbf7d0}
.badge.sample{background:#fef08a;color:#854d0e}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.chips button{border:1px solid var(--border);background:var(--card);color:var(--text);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}
.chips button.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.empty{color:var(--muted);padding:18px;text-align:center}

/* circular detail */
.crumb{color:var(--muted);font-size:13px;margin:20px 0 0}
.detail{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:var(--shadow);margin:14px 0}
.detail h1{margin:0 0 6px;font-size:26px;line-height:1.25}
.detail .meta{color:var(--muted)}
table.facts{width:100%;border-collapse:collapse;margin:16px 0}
table.facts th,table.facts td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}
table.facts th{width:180px;color:var(--muted);font-weight:600}
.apply-box{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(217,70,239,.08));border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin:16px 0}
.btn{display:inline-block;background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;font-weight:700;padding:12px 22px;border-radius:10px}
.btn:hover{text-decoration:none;opacity:.92}
.scam{border:2px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);border-radius:12px;padding:16px 18px;margin:16px 0}
.scam h3{margin:0 0 6px}
.scam ul{margin:6px 0 0;padding-left:20px}
.note{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:10px;padding:10px 14px;font-size:14px}

/* promo row (v3, same as sibling sites) */
.abp-section{max-width:1100px;margin:32px auto 0;padding:0 16px}
.abp-section h2{font-size:20px;margin:0 0 14px}
.abp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.abp-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;color:var(--text)}
.abp-card:hover{border-color:var(--accent);text-decoration:none}
.abp-logo{display:block;height:48px}
.abp-logo img{max-height:48px;max-width:140px;width:auto;height:auto}
.abp-logo .abp-dark{display:none}
html[data-theme="light"] .abp-logo .abp-light{display:none}
html[data-theme="light"] .abp-logo .abp-dark{display:inline-block}
.abp-title{font-weight:700;font-size:15px;line-height:1.3}
.abp-desc{font-size:13px;line-height:1.4;color:var(--muted)}
@media (max-width:1020px){.abp-grid{display:flex;overflow-x:auto;padding-bottom:8px}.abp-card{min-width:200px;flex:0 0 200px}}

/* footer */
footer.site{border-top:1px solid var(--border);margin-top:36px;padding:22px 0 30px;color:var(--muted);font-size:14px}
footer.site .foot-links{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0}
footer.site .foot-links a{color:var(--muted)}
.mother{margin-top:14px;font-size:13px}
.mother b{color:var(--text)}

.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111827;color:#f9fafb;padding:10px 18px;border-radius:10px;font-size:14px;box-shadow:0 4px 20px rgba(0,0,0,.3);display:none;z-index:99}
.toast.show{display:block}

@media (max-width:900px){.country-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:26px}}
@media (max-width:520px){.country-grid{grid-template-columns:1fr 1fr}.brand img{height:36px}}

/* live-site additions (not in the preview) */
.lang-wrap{position:relative;display:inline-flex}
.lang-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:20px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:inherit}
.lang-btn:hover{background:var(--chip)}
.lang-chev{font-size:.7rem;transition:transform .15s}
.lang-btn[aria-expanded="true"] .lang-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:200;width:280px;max-width:calc(100vw - 24px);max-height:min(420px,70vh);overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 48px -20px rgba(0,0,0,.4);padding:6px}
.lang-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:9px 10px;cursor:pointer;color:var(--text);font-size:.92rem;font-family:inherit}
.lang-opt:hover{background:var(--chip)}
.lang-opt.sel{background:rgba(124,58,237,.13)}
.lang-code{flex:0 0 auto;width:30px;height:22px;line-height:22px;text-align:center;border-radius:6px;background:rgba(124,58,237,.14);color:var(--accent);font-size:.68rem;font-weight:800}
.lang-name{flex:1 1 auto}
.lang-en{font-size:.78rem;color:var(--muted)}
.lang-check{flex:0 0 auto;color:var(--accent);font-weight:800;visibility:hidden}
.lang-opt.sel .lang-check{visibility:visible}
.badge.expired{background:var(--danger-bg);color:var(--danger-text)}
.job-card.expired{opacity:.7}
.detail h2{font-size:20px;margin:22px 0 8px}
.detail ul,.detail ol{padding-left:20px}
.detail li{margin:4px 0}
html[dir="rtl"] .scam ul,html[dir="rtl"] .detail ul,html[dir="rtl"] .detail ol{padding-left:0;padding-right:20px}
html[dir="rtl"] table.facts th,html[dir="rtl"] table.facts td{text-align:right}
html[dir="rtl"] .crumb,html[dir="rtl"] .detail,html[dir="rtl"] .job-card{text-align:right}
html[dir="rtl"] .search{flex-direction:row-reverse}
.foot-mail{margin-top:8px;font-size:13px}
.foot-mail a{color:var(--muted)}
.mother{text-align:center}
.foot-mail{text-align:center}