/* UP VDO — Orange theme override (extends pet.css) */
:root {
  --pet: #ea580c;
  --pet-d: #c2410c;
  --pet-l: #fb923c;
}

.vdo-hero {
  background: linear-gradient(135deg, #1a0900 0%, #3a1000 40%, #1e0500 100%);
  border-bottom: 2px solid var(--pet);
  padding: 2.5rem 1.5rem 2rem;
  text-align: center;
}
.vdo-hero-tag {
  display: inline-block;
  background: rgba(234,88,12,.18);
  color: var(--pet-l);
  border: 1px solid rgba(234,88,12,.35);
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .3rem .85rem;
  margin-bottom: .85rem;
}
.vdo-hero h1 {
  font-size: clamp(1.5rem,4vw,2.2rem);
  font-weight: 900;
  color: #fff;
  margin-bottom: .5rem;
}
.vdo-hero p {
  color: rgba(255,255,255,.55);
  font-size: .88rem;
  max-width: 500px;
  margin: 0 auto 1.2rem;
}

.vdo-pills-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin-top: 1rem;
}
.vdo-pill {
  background: rgba(234,88,12,.15);
  border: 1px solid rgba(234,88,12,.3);
  color: #fff;
  border-radius: 999px;
  padding: .35rem .9rem;
  font-size: .78rem;
  font-weight: 700;
}

.vdo-exam-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .85rem;
}
.vdo-exam-table th {
  background: rgba(234,88,12,.18);
  color: var(--pet-l);
  padding: .55rem .8rem;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid rgba(234,88,12,.25);
}
.vdo-exam-table td {
  padding: .5rem .8rem;
  color: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.vdo-exam-table tr:last-child td { border-bottom: none; }
.vdo-exam-table tr:hover td { background: rgba(234,88,12,.06); }

.vdo-badge {
  display: inline-block;
  border-radius: 999px;
  padding: .18rem .65rem;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.vdo-badge.hindi  { background: rgba(234,88,12,.2); color: #fb923c; border: 1px solid rgba(234,88,12,.4); }
.vdo-badge.rural  { background: rgba(22,163,74,.2); color: #4ade80; border: 1px solid rgba(22,163,74,.4); }
.vdo-badge.gk     { background: rgba(37,99,235,.2); color: #93c5fd; border: 1px solid rgba(37,99,235,.4); }
.vdo-badge.maths  { background: rgba(168,85,247,.2); color: #d8b4fe; border: 1px solid rgba(168,85,247,.4); }
.vdo-badge.reason { background: rgba(234,179,8,.2); color: #fde047; border: 1px solid rgba(234,179,8,.4); }

.vdo-syllabus-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(234,88,12,.2);
  border-radius: .8rem;
  padding: 1.1rem 1.3rem;
}
.vdo-syllabus-card h3 {
  color: var(--pet-l);
  font-size: .95rem;
  font-weight: 800;
  margin-bottom: .7rem;
}
.vdo-syllabus-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vdo-syllabus-card ul li {
  color: rgba(255,255,255,.7);
  font-size: .82rem;
  padding: .28rem 0;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.vdo-syllabus-card ul li:last-child { border-bottom: none; }
.vdo-syllabus-card ul li::before { content: "▸ "; color: var(--pet); }

.vdo-notice-box {
  background: rgba(234,88,12,.1);
  border: 1px solid rgba(234,88,12,.3);
  border-radius: .7rem;
  padding: .85rem 1.1rem;
  color: rgba(255,255,255,.82);
  font-size: .83rem;
  line-height: 1.6;
}

.vdo-salary-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .84rem;
}
.vdo-salary-table th {
  background: rgba(234,88,12,.18);
  color: var(--pet-l);
  padding: .55rem .8rem;
  text-align: left;
  font-weight: 700;
}
.vdo-salary-table td {
  padding: .5rem .8rem;
  color: rgba(255,255,255,.8);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.vdo-salary-table tr:hover td { background: rgba(234,88,12,.05); }

/* sidebar active override */
.pet-sidebar-link.active {
  background: rgba(234,88,12,.18) !important;
  border-left: 3px solid var(--pet) !important;
  color: var(--pet-l) !important;
}
.nav-pet-btn {
  background: linear-gradient(135deg, var(--pet), var(--pet-d)) !important;
}