/* ============================================================
   career-bwu.php redesign (Recruitment Advertisements).
   Scoped under .career-revamp so nothing
   leaks onto other pages that share the same global classes.
   Visual language matches css/notice-page.css.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

.career-revamp, .career-revamp *{
  font-family:"Inter","Roboto",sans-serif;
}
.career-revamp{
  --cr-primary:#4f46e5;
  --cr-primary-dark:#3730a3;
  --cr-primary-light:#eef0ff;
  --cr-ink:#1e2233;
  --cr-muted:#6b7280;
  --cr-border:#e6e8f0;
  --cr-shadow:0 10px 28px rgba(35,41,82,.09);
}
/* site grid centres columns vertically; keep the sidebar level with the heading */
.career-revamp > .container > .row{ align-items:flex-start; }
.career-revamp .cr-ico{
  width:1em;
  height:1em;
  flex:none;
  vertical-align:-.125em;
}

/* ---------- Year sidebar ---------- */
.career-revamp .cr-side{
  background:#fff;
  border-radius:16px;
  box-shadow:var(--cr-shadow);
  padding:18px;
  position:sticky;
  top:100px;
}
.career-revamp .cr-side-title{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--cr-muted);
  margin:0 0 10px;
}
.career-revamp .cr-side-title + .cr-years{ margin-bottom:18px; }
.career-revamp .cr-years{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.career-revamp .cr-years a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 14px;
  border-radius:10px;
  color:var(--cr-ink) !important;
  font-weight:600;
  text-decoration:none !important;
  border:1px solid var(--cr-border);
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.career-revamp .cr-years a:hover{
  border-color:var(--cr-primary);
  color:var(--cr-primary) !important;
}
.career-revamp .cr-years a.active{
  background:linear-gradient(120deg, #4f46e5, #6d5ef1);
  border-color:transparent;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(79,70,229,.3);
}
.career-revamp .cr-years .cr-count{
  font-size:.75rem;
  font-weight:600;
  background:var(--cr-primary-light);
  color:var(--cr-primary-dark);
  border-radius:20px;
  padding:2px 9px;
}
.career-revamp .cr-years a.active .cr-count{
  background:rgba(255,255,255,.22);
  color:#fff;
}
.career-revamp .cr-years.cr-archive{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.career-revamp .cr-years.cr-archive a{
  font-weight:500;
  color:var(--cr-muted) !important;
  padding:8px 12px;
}
.career-revamp .cr-years.cr-archive a .cr-ico{ font-size:.7rem; opacity:.6; }
.career-revamp .cr-years.cr-archive a:hover{ color:var(--cr-primary) !important; }
.career-revamp .cr-years.cr-archive a.active{ color:#fff !important; font-weight:600; }
.career-revamp .cr-years.cr-archive a.active .cr-ico{ opacity:1; }

/* ---------- Main header ---------- */
.career-revamp .cr-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:16px;
}
.career-revamp .cr-head h2{
  font-size:1.5rem;
  font-weight:700;
  color:var(--cr-ink);
  margin:0;
}
.career-revamp .cr-head p{
  color:var(--cr-muted);
  margin:2px 0 0;
  font-size:.92rem;
}
.career-revamp .cr-search{
  position:relative;
  flex:0 1 300px;
}
.career-revamp .cr-search .cr-ico{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:#9aa0b4;
}
.career-revamp .cr-search input{
  width:100%;
  border:1.5px solid var(--cr-border);
  border-radius:12px;
  padding:10px 14px 10px 38px;
  font-size:.92rem;
  background:#fff;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.career-revamp .cr-search input:focus{
  border-color:var(--cr-primary);
  box-shadow:0 0 0 3px rgba(79,70,229,.15);
}

/* ---------- Platform chips ---------- */
.career-revamp .cr-chips{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:20px;
  /* the whole filter row sits in its own highlighted panel */
  background:linear-gradient(120deg, #f3f2ff, #eef0ff);
  border:1.5px solid #dcdcfb;
  border-left:4px solid var(--cr-primary);
  border-radius:14px;
  padding:12px 14px;
  box-shadow:0 6px 18px rgba(79,70,229,.08);
}
.career-revamp .cr-chips-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.2px;
  color:var(--cr-primary-dark);
  margin-right:6px;
}
.career-revamp .cr-chips-label .cr-ico{ color:var(--cr-primary); }
.career-revamp .cr-chips button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1.5px solid var(--cr-border);
  background:#fff;
  color:var(--cr-ink);
  border-radius:30px;
  padding:6px 14px;
  font-size:.86rem;
  font-weight:600;
  cursor:pointer;
  transition:all .15s ease;
}
.career-revamp .cr-chips button:hover{ border-color:var(--cr-primary); color:var(--cr-primary); }
.career-revamp .cr-chips button.active{
  background:var(--cr-ink);
  border-color:var(--cr-ink);
  color:#fff;
}
.career-revamp .cr-chips button span{
  font-size:.72rem;
  background:rgba(0,0,0,.07);
  border-radius:20px;
  padding:1px 7px;
}
.career-revamp .cr-chips button.active span{ background:rgba(255,255,255,.2); }

/* ---------- Advertisement cards ---------- */
.career-revamp .cr-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.career-revamp .cr-card{
  --plat:#4f46e5;
  --plat-bg:#eef0ff;
  background:#fff;
  border-radius:16px;
  box-shadow:var(--cr-shadow);
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  overflow:hidden;
  min-width:0;
  overflow-wrap:anywhere;
  transition:transform .2s ease, box-shadow .2s ease;
}
.career-revamp .cr-card::before{
  content:"";
  position:absolute;
  top:0; left:0; bottom:0;
  width:4px;
  background:var(--plat);
}
.career-revamp .cr-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(35,41,82,.14);
}
.career-revamp .cr-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
}
.career-revamp .cr-plat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--plat-bg);
  color:var(--plat);
  border-radius:20px;
  padding:4px 11px;
  font-size:.78rem;
  font-weight:700;
}
.career-revamp .cr-date{
  color:var(--cr-muted);
  font-size:.82rem;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.career-revamp .cr-new{
  background:#16a34a;
  color:#fff;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.05em;
  border-radius:6px;
  padding:2px 6px;
  margin-left:4px;
}
.career-revamp .cr-card h3{
  font-size:1.02rem;
  line-height:1.45;
  font-weight:600;
  color:var(--cr-ink);
  margin:0;
  flex:1;
}
.career-revamp .cr-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.career-revamp .cr-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:10px;
  padding:8px 14px;
  font-size:.85rem;
  font-weight:600;
  text-decoration:none !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.career-revamp .cr-btn-primary{
  background:linear-gradient(120deg, #4f46e5, #6d5ef1);
  color:#fff !important;
  box-shadow:0 6px 14px rgba(79,70,229,.28);
}
.career-revamp .cr-btn-primary:hover{ transform:translateY(-1px); box-shadow:0 8px 18px rgba(79,70,229,.38); }
.career-revamp .cr-btn-outline{
  border:1.5px solid var(--cr-border);
  color:var(--cr-primary-dark) !important;
  background:#fff;
}
.career-revamp .cr-btn-outline:hover{ border-color:var(--cr-primary); background:var(--cr-primary-light); }

/* platform colours; unknown/new platforms keep the default indigo */
.career-revamp .cr-card.p-linkedin{ --plat:#0a66c2; --plat-bg:#e6f2fb; }
.career-revamp .cr-card.p-telegraph{ --plat:#1a3d8f; --plat-bg:#e8f0fe; }
.career-revamp .cr-card.p-toi{ --plat:#b4123a; --plat-bg:#fdecef; }
.career-revamp .cr-card.p-hindu{ --plat:#a35a00; --plat-bg:#fff4e0; }
.career-revamp .cr-card.p-abp{ --plat:#6d3fd8; --plat-bg:#f2edfe; }
.career-revamp .cr-card.p-naukri{ --plat:#16794a; --plat-bg:#e8f9ef; }
.career-revamp .cr-card.p-other{ --plat:#4b5163; --plat-bg:#f1f2f6; }

/* ---------- Empty states ---------- */
.career-revamp .cr-empty{
  background:#fff;
  border-radius:16px;
  box-shadow:var(--cr-shadow);
  padding:40px 20px;
  text-align:center;
  color:var(--cr-muted);
}
.career-revamp .cr-empty .cr-ico{
  font-size:2rem;
  color:#c3c7dc;
  margin:0 auto 10px;
  display:block;
}
.career-revamp .cr-feature{
  background:#fff;
  border-radius:16px;
  box-shadow:var(--cr-shadow);
  padding:16px;
  text-align:center;
}
.career-revamp .cr-feature img{ max-width:100%; border-radius:10px; }
/* application form strip: same indigo as the "View Advertisement" buttons, white button inside */
.career-revamp .cr-form-box{
  background:linear-gradient(120deg, #4f46e5, #6d5ef1);
  box-shadow:0 10px 24px rgba(79,70,229,.28);
  padding:22px 16px;
}
.career-revamp .cr-form-box .cr-btn-outline{ border-color:#fff; }
.career-revamp .cr-form-box .cr-btn-outline:hover{ background:#fff; transform:translateY(-1px); }
.career-revamp .cr-pdf-frame object{
  display:block;
  width:100%;
  height:640px;
  border:none;
  border-radius:10px;
}
@media (max-width: 767px){
  .career-revamp .cr-pdf-frame object{ height:460px; }
}

/* ---------- Responsive ---------- */
@media (max-width: 991px){
  .career-revamp .cr-grid{ grid-template-columns:1fr; }
}
@media (max-width: 767px){
  .career-revamp .cr-side{
    position:static;
    margin-bottom:20px;
    padding:14px;
  }
  /* years become a horizontal scroller on phones */
  .career-revamp .cr-years,
  .career-revamp .cr-years.cr-archive{
    display:flex;
    flex-direction:row;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
  }
  .career-revamp .cr-years a{ white-space:nowrap; gap:8px; }
  .career-revamp .cr-search{ flex:1 1 100%; }
  .career-revamp .cr-head h2{ font-size:1.25rem; }
}

/* ---------- Shared banner (careerBanner()) ---------- */
.cr-banner, .cr-banner *{ font-family:"Inter","Roboto",sans-serif; }
.cr-hero{
  height:260px;
  background:#2b2f86 url("/images/bwu_university.webp") center 55% / cover no-repeat;
}
.cr-banner-bar{
  background:linear-gradient(120deg, #4f46e5, #6d5ef1);
  text-align:center;
  padding:12px 15px;
}
.cr-banner-bar h1{
  margin:0;
  color:#fff;
  font-size:1.5rem;
  font-weight:600;
  letter-spacing:.6px;
  text-transform:uppercase;
}
@media (max-width:767.98px){
  .cr-hero{ height:170px; background-position:62% center; }
  .cr-banner-bar h1{ font-size:1.15rem; }
}