/* =====================================================================
   BX KARIR — pembuka, lalu langsung daftar lowongan (akordeon + filter lokasi)
   Lowongan diisi di widget (repeater); tombol Lamar menuju Google Form.
   ===================================================================== */

.bx-v2.bx-careers{display:block;background:var(--bx-cream);color:var(--bx-choc)}

/* ---------- Pembuka ---------- */
.bx-v2 .bx-car__intro{max-width:calc(1560px + var(--bx-gut) * 2);margin:0 auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,28px);align-items:end;padding:clamp(56px,8vw,128px) var(--bx-gut) clamp(36px,4.4vw,72px)}
.bx-v2 .bx-car__kicker{grid-column:1/-1;color:var(--bx-bronze);margin-bottom:clamp(18px,2.4vw,32px)}
.bx-v2 .bx-car__title{grid-column:1/9;font-family:var(--bx-font);font-size:1rem;font-weight:900;letter-spacing:-.06em;line-height:.82;text-transform:uppercase;color:var(--bx-choc)}
.bx-v2 .bx-car__it{font-size:calc(clamp(2rem,6.2vw,6.6rem) * var(--bx-fit,1));font-weight:300;letter-spacing:-.035em;text-transform:none;padding-left:.06em;margin-bottom:.04em}
.bx-v2 .bx-car__big{font-size:calc(clamp(3.6rem,14vw,14.5rem) * var(--bx-fit,1));white-space:nowrap}
.bx-v2 .bx-car__big .bx-dot{color:var(--bx-orange)}
.bx-v2 .bx-car__side{grid-column:9/13;padding-bottom:clamp(6px,1vw,18px)}
.bx-v2 .bx-car__lead{font-size:clamp(1.15rem,1.6vw,1.45rem);font-weight:500;line-height:1.3;letter-spacing:-.015em;max-width:26ch;margin-bottom:clamp(16px,2vw,28px)}

/* ---------- Daftar lowongan ---------- */
.bx-v2 .bx-car__jobs{background:var(--bx-white);padding:clamp(64px,9vw,144px) var(--bx-gut)}
.bx-v2 .bx-car__jobs-in{max-width:1560px;margin:0 auto}
.bx-v2 .bx-car__jobs-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(24px,3vw,44px)}
.bx-v2 .bx-car__jobs-title{flex:1 1 0;min-width:0;font-size:calc(clamp(2.4rem,6vw,6.4rem) * var(--bx-fit,1));font-weight:900;letter-spacing:-.05em;line-height:.86;text-transform:uppercase;color:var(--bx-choc)}
.bx-v2 .bx-car__jobs-title .bx-ln>span{white-space:nowrap}
.bx-v2 .bx-car__jobs-title .bx-it{font-size:.9em;padding-right:.1em}
.bx-v2 .bx-car__count{flex:0 0 auto;color:var(--bx-ink-soft);padding-bottom:clamp(4px,.8vw,14px)}

/* Filter (chip) */
.bx-v2 .bx-car__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,2.6vw,40px)}
.bx-v2 button.bx-chip{display:inline-flex;align-items:center;gap:.5em;white-space:nowrap;padding:12px 18px;border:1px solid var(--bx-line);border-radius:var(--bx-r-round);font-family:var(--bx-font);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--bx-choc);transition:background-color var(--bx-t) var(--bx-ease),color var(--bx-t) var(--bx-ease),border-color var(--bx-t) var(--bx-ease)}
.bx-v2 button.bx-chip:is(:hover,:focus-visible){border-color:var(--bx-choc)}
.bx-v2 button.bx-chip[aria-pressed="true"]{background-color:var(--bx-choc);border-color:var(--bx-choc);color:var(--bx-cream)}
.bx-v2 .bx-chip__n{opacity:.6;font-weight:500;letter-spacing:.04em}

/* Baris lowongan */
.bx-v2 .bx-jobs{border-top:1px solid var(--bx-line)}
.bx-v2 .bx-job{border-bottom:1px solid var(--bx-line)}
.bx-v2 .bx-job[hidden]{display:none!important}
/* white-space & user-select: tema (Hello Elementor) membuat teks semua <button> satu baris dan tidak bisa dipilih */
.bx-v2 button.bx-job__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;width:100%;padding:clamp(20px,2.2vw,32px) 0;text-align:left;white-space:normal;-webkit-user-select:text;user-select:text;color:var(--bx-choc)}
.bx-v2 .bx-job__title{display:block;overflow-wrap:break-word;font-size:clamp(1.35rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.025em;line-height:1.1;transition:color var(--bx-t) var(--bx-ease)}
.bx-v2 .bx-job__meta{display:flex;flex-wrap:wrap;gap:.35em 1.1em;margin-top:10px;color:var(--bx-ink-soft)}
.bx-v2 .bx-job__icon{position:relative;display:block;width:48px;height:48px;border:1px solid currentColor;border-radius:var(--bx-r-round);transition:background-color var(--bx-t) var(--bx-ease),color var(--bx-t) var(--bx-ease),border-color var(--bx-t) var(--bx-ease)}
.bx-v2 .bx-job__icon::before,.bx-v2 .bx-job__icon::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;margin:-.75px 0 0 -8px;background:currentColor;transition:transform .5s var(--bx-ease-out)}
.bx-v2 .bx-job__icon::after{transform:rotate(90deg)}
.bx-v2 button.bx-job__head:is(:hover,:focus-visible) .bx-job__title{color:var(--bx-bronze)}
.bx-v2 button.bx-job__head:is(:hover,:focus-visible) .bx-job__icon{background:var(--bx-choc);border-color:var(--bx-choc);color:var(--bx-cream)}
.bx-v2 .bx-job.is-open .bx-job__icon::after{transform:rotate(0deg)}

/* Isi lowongan: tinggi 0 → otomatis (animasi grid-template-rows). Tanpa JS semua terbuka. */
.bx-v2 .bx-job__panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s var(--bx-ease-out)}
.bx-v2.bx-careers.is-js .bx-job:not(.is-open) .bx-job__panel{grid-template-rows:0fr}
.bx-v2.bx-careers:not(.is-js) .bx-job__icon{visibility:hidden}
.bx-v2 .bx-job__inner{min-height:0;overflow:hidden}
.bx-v2 .bx-job__body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.6vw,28px);row-gap:20px;padding:0 0 clamp(28px,3vw,44px)}
/* Job description & Kualifikasi: satu baris di panel = satu poin bertitik oranye */
.bx-v2 .bx-job__desc{grid-column:1/7;padding-right:clamp(0px,2vw,32px)}
.bx-v2 .bx-job__req{grid-column:7/11}
.bx-v2 .bx-job__body .bx-label{display:block;color:var(--bx-bronze);margin-bottom:12px}
.bx-v2 .bx-job__list>li{position:relative;padding-left:18px;margin-bottom:8px;line-height:1.45;overflow-wrap:break-word}
.bx-v2 .bx-job__list>li:last-child{margin-bottom:0}
.bx-v2 .bx-job__list>li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--bx-orange)}
.bx-v2 .bx-job__desc .bx-job__list>li{font-size:1.02rem;color:var(--bx-choc)}
.bx-v2 .bx-job__req .bx-job__list>li{color:var(--bx-ink-soft)}
.bx-v2 .bx-job__act{grid-column:11/13;align-self:end;justify-self:end}
.bx-v2.bx-careers a.bx-job__apply{color:var(--bx-choc)}

.bx-v2 .bx-car__empty{padding:clamp(28px,3vw,44px) 0;color:var(--bx-ink-soft);font-size:1.1rem;border-bottom:1px solid var(--bx-line)}

/* ---------- Tablet & HP ---------- */
@media (max-width:1023px){
  .bx-v2 .bx-car__title{grid-column:1/-1}
  .bx-v2 .bx-car__side{grid-column:1/9;margin-top:clamp(24px,4vw,40px)}
  .bx-v2 .bx-job__desc{grid-column:1/-1}
  .bx-v2 .bx-job__req{grid-column:1/9}
  .bx-v2 .bx-job__act{grid-column:9/13}
}
@media (max-width:767px){
  .bx-v2 .bx-car__side{grid-column:1/-1}
  .bx-v2 .bx-car__big{font-size:calc(clamp(3.4rem,19vw,8rem) * var(--bx-fit,1))}
  .bx-v2 .bx-car__it{font-size:calc(clamp(1.9rem,9.6vw,4rem) * var(--bx-fit,1))}
  .bx-v2 .bx-car__jobs-top{flex-direction:column;align-items:flex-start;gap:12px}
  .bx-v2 .bx-car__jobs-title{flex:none;width:100%;font-size:calc(clamp(2.4rem,13vw,4rem) * var(--bx-fit,1))}
  .bx-v2 .bx-car__filters{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(var(--bx-gut) * -1);padding-right:var(--bx-gut);scrollbar-width:none}
  .bx-v2 .bx-car__filters::-webkit-scrollbar{display:none}
  .bx-v2 button.bx-chip{flex:0 0 auto}
  .bx-v2 .bx-job__icon{width:42px;height:42px}
  .bx-v2 .bx-job__req,.bx-v2 .bx-job__act{grid-column:1/-1;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
  .bx-v2 .bx-job__panel,.bx-v2 .bx-job__icon::before,.bx-v2 .bx-job__icon::after{transition:none}
}