:root{
  --aj-primary:#48BCCC;
  --aj-secondary:#4d2d79;

  --ink:#111827;
  --muted:rgba(17,24,39,.65);

  --card-bg:#fff;
  --card-border:rgba(17,24,39,.10);
  --card-shadow:0 14px 40px rgba(16,24,40,.08);

  --hover-bg:#f3f4f6;
}


.job-size{
   padding:0 10%;
}
/* ===== Header ===== */
.jobs-badge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  color:var(--aj-secondary);
  background:rgba(77,45,121,.08);
}

.jobs-title{ font-weight:900; }
.jobs-subtitle{ color:var(--muted); }
.jobs-count{ font-size:13px; font-weight:800; color:var(--muted); }

/* ===== Card ===== */
.aj-job-card{
  position:relative;
  background:var(--card-bg);
  border:1px solid var(--card-border);
  border-radius:18px;
  padding:22px;
  box-shadow:var(--card-shadow);
  overflow:hidden;
  transition:.25s ease;
}

.aj-job-card > *{ position:relative; z-index:1; }

.aj-job-card:hover{
  transform:translateY(-6px);
  background:var(--hover-bg);
}

/* ===== Shapes (Logo inspired) ===== */
.aj-job-shape{
  position:absolute;
  top:-14px;
  inset-inline-end:-14px;
  width:130px;
  height:130px;
  background:rgba(77,45,121,.14);
  clip-path:polygon(25% 0%,85% 0%,100% 35%,80% 100%,15% 100%,0% 40%);
  z-index:0;
  transition:.35s ease;
}

.aj-job-shape--mini{
  width:72px;
  height:72px;
  bottom:16px;
  top:auto;
  inset-inline-end:92px;
  background:rgba(72,188,204,.18);
}

.aj-job-card:hover .aj-job-shape{
  transform:translate(-6px,6px) rotate(-3deg);
}
.aj-job-card:hover .aj-job-shape--mini{
  transform:translate(6px,-6px) rotate(3deg);
}

/* ===== Top ===== */
.aj-job-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.aj-job-pill{
  padding:12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:rgba(77,45,121,.06);
  color:var(--aj-secondary);
}

.aj-job-pill--exp{
  background:rgba(17,24,39,.05);
  color:var(--muted);
}

/* ===== Icon ===== */
.aj-job-icon{
  width:46px;height:46px;
  border-radius:12px;
  background:rgba(77,45,121,.06);
  border:1px solid rgba(77,45,121,.18);
  display:flex;align-items:center;justify-content:center;
  transition:.25s;
}

.aj-job-icon__svg{
  width:22px;height:22px;
  stroke:var(--aj-secondary);
  fill:none;stroke-width:1.8;
}

.aj-job-card:hover .aj-job-icon{
  background:var(--aj-secondary);
  border-color:var(--aj-secondary);
}
.aj-job-card:hover .aj-job-icon__svg{ stroke:#fff; }

/* ===== Body ===== */
.aj-job-dept{
  font-weight:900;
  font-size:18px;
  margin:12px 0 6px;
}

.aj-job-meta{
  display:flex;
  gap:10px;
  font-size:13px;
  font-weight:700;
  color:var(--muted);
}

.aj-job-meta i{ color:var(--aj-secondary); }

/* ===== CTA ===== */
.aj-job-actions{ margin-top:18px; text-align:end; }

.aj-job-apply{
  border:0;
  border-radius:999px;
  padding:12px 16px;
  background:var(--aj-primary);
  color:#fff;
  font-weight:900;
  display:inline-flex;
  gap:8px;
  align-items:center;
  cursor:pointer;
  transition:.2s ease;
}

.aj-job-apply:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(72,188,204,.35);
}

.aj-job-apply__icon{ transition:.2s; }
.aj-job-apply:hover .aj-job-apply__icon{
  transform:translateX(4px);
}
[dir="rtl"] .aj-job-apply:hover .aj-job-apply__icon{
  transform:translateX(-4px);
}

/* ===== Dark Mode ===== */
[data-bs-theme="dark"] .aj-job-card{
  background:rgba(15,23,42,.92);
  border-color:rgba(51,65,85,.75);
}

[data-bs-theme="dark"] .aj-job-card:hover{
  background:rgba(148,163,184,.10);
}

[data-bs-theme="dark"] .aj-job-dept{ color:#fff; }
[data-bs-theme="dark"] .aj-job-meta{ color:rgba(226,232,240,.75); }

[data-bs-theme="dark"] .aj-job-shape{
  background:rgba(77,45,121,.28);
}
[data-bs-theme="dark"] .aj-job-shape--mini{
  background:rgba(72,188,204,.28);
}