/* =====================================================
   Career / Jawatan Kosong (Scoped + Light/Dark Safe)
===================================================== */

.page-kerjaya .aa-kerjaya__toolbar{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.page-kerjaya .aa-kerjaya__toolbar .aa-field label{
  display:block;
  font-weight:900;
  color: var(--muted);
  font-size:.9rem;
  margin:0 0 6px;
}

.page-kerjaya .aa-kerjaya__toolbar input,
.page-kerjaya .aa-kerjaya__toolbar select{
  width:100%;
}

.page-kerjaya .aa-field--search{
  grid-column: 1 / -1;
}

/* =====================
   Job Grid
===================== */

.page-kerjaya .aa-kerjaya__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
}

/* =====================
   Job Card
===================== */

.page-kerjaya .aa-jobCard{
  border:1px solid var(--border);
  background: var(--surface);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  overflow:hidden;

  display:flex;
  flex-direction:column;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.page-kerjaya .aa-jobCard:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: var(--accent);
}

/* =====================
   Card Top
===================== */

.page-kerjaya .aa-jobCard__top{
  padding:16px 16px 10px;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.page-kerjaya .aa-jobCard__title{
  margin:0;
  font-family: var(--display);
  font-weight:950;
  letter-spacing:-.01em;
  color: var(--text);
}

.page-kerjaya .aa-jobCard__meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:8px;
}

/* =====================
   Thumbnail
===================== */

.page-kerjaya .aa-jobCard__thumb{
  width:86px;
  height:66px;

  border-radius:14px;
  overflow:hidden;

  border:1px solid var(--border);
  background: var(--surface-soft);

  flex:0 0 auto;
}

.page-kerjaya .aa-jobCard__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* =====================
   Body
===================== */

.page-kerjaya .aa-jobCard__body{
  padding: 0 16px 12px;
}

/* =====================
   Actions
===================== */

.page-kerjaya .aa-jobCard__actions{
  padding: 0 16px 16px;
  margin-top:auto;

  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

/* =====================
   Badge
===================== */

.page-kerjaya .aa-badge--job{
  background: rgba(37,99,235,.12);
  border:1px solid rgba(37,99,235,.20);

  color: var(--text);
  font-weight:950;

  padding:6px 10px;
  border-radius:999px;
  font-size:.85rem;
}

/* =====================
   Pagination
===================== */

.page-kerjaya .aa-pagination ul{
  display:flex;
  gap:8px;
  flex-wrap:wrap;

  list-style:none;
  padding:0;
  margin:22px 0 0;
}

.page-kerjaya .aa-pagination a,
.page-kerjaya .aa-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:42px;
  height:42px;
  padding:0 12px;

  border-radius:999px;
  border:1px solid var(--border);

  background: var(--surface);
  box-shadow: var(--shadow-sm);

  font-weight:900;
  color: var(--text);
}

.page-kerjaya .aa-pagination .current{
  border-color: var(--accent);
}

/* =====================
   Responsive
===================== */

@media (max-width: 1100px){
  .page-kerjaya .aa-kerjaya__grid{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 980px){
  .page-kerjaya .aa-hero__grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .page-kerjaya .aa-kerjaya__grid{
    grid-template-columns: 1fr;
  }
}


/* =====================================================
🔥 FIX KHAS (JANGAN PADAM)
===================================================== */

/* 1. MATIKAN BACKGROUND HIJAU (PUNCA UTAMA) */
.page-kerjaya *::before,
.page-kerjaya *::after{
  background:none !important;
  content:none !important;
}

/* 2. FIX OVERFLOW SHAPE */
.page-kerjaya{
  position:relative;
  overflow:hidden;
}

/* 3. FIX BUTTON (TANPA ROSAKKAN) */
.page-kerjaya .btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:8px;
}

/* 4. SAFETY: BUANG BLOCK HIJAU LIAR */
.page-kerjaya div[style*="#16a34a"],
.page-kerjaya div[style*="green"]{
  display:none !important;
}
/* =====================================
🔥 HARD KILL DECORATION (JAWATAN PAGE)
===================================== */

/* remove ALL decorative green blocks */
.page-kerjaya [class*="shape"],
.page-kerjaya [class*="decor"],
.page-kerjaya [class*="bg-"],
.page-kerjaya [class*="blob"],
.page-kerjaya [class*="accent"]{
display:none !important;
}

/* remove absolute background blocks */
.page-kerjaya div[style*="#16a34a"],
.page-kerjaya div[style*="rgb(22,163,74)"]{
display:none !important;
}

/* safety: kill pseudo elements */
.page-kerjaya *::before,
.page-kerjaya *::after{
content:none !important;
background:none !important;
}
/* FIX WhatsApp Button Oversize */
.page-kerjaya a[href*="wa.me"],
.page-kerjaya a[href*="whatsapp"],
.page-kerjaya .btn-whatsapp,
.page-kerjaya .apply-whatsapp {

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: auto !important;
  height: auto !important;

  padding: 8px 14px !important;
  font-size: 14px;

  border-radius: 6px;
  white-space: nowrap;

  background: #25D366; /* WhatsApp color */
  color: #fff;

  text-decoration: none;
}

/* Prevent dia stretch satu row */
.page-kerjaya .aa-kerjaya__card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Extra safety: remove weird block element */
.page-kerjaya a[href*="wa.me"]::before,
.page-kerjaya a[href*="wa.me"]::after {
  display: none !important;
}