/* =========================================================
   VJ Project 1 Styles (scoped by body id to avoid collisions)
   ========================================================= */

/* -------------------------
   PERSONAL PAGE
   ------------------------- */

/* Unique colors for section headers (NOT black) */
#vj-personal h2#vj-about-header { color: #7b2cbf; }      /* About Me */
#vj-personal h2#vj-hobbies-header { color: #2d6a4f; }    /* Hobbies & Interests */
#vj-personal h2#vj-edu-header { color: #1d4ed8; }        /* Education */

/* Education list formatting by type (use classes on <li>) */
#vj-personal li.vj-edu-degree { font-weight: bold; }
#vj-personal li.vj-edu-hs { font-style: italic; }
#vj-personal li.vj-edu-cert { text-decoration: underline; }

/* Hover: increase hyperlink text size by 150% ONLY on personal page */
#vj-personal a { display: inline-block; transition: transform 0.12s ease; }
#vj-personal a:hover { transform: scale(1.5); }

/* -------------------------
   SCHEDULE PAGE
   ------------------------- */

/* DO NOT change link sizes on this page */
#vj-schedule a:hover { transform: none; }

/* Table formatting */
#vj-schedule table { border-collapse: collapse; }
#vj-schedule th, #vj-schedule td { text-align: center; padding: 8px; }

/* Header row: primary color (pick one) */
#vj-schedule thead th { background: #d00000; color: white; } /* red */

/* Stripe every other data row, starting immediately after header row */
#vj-schedule tbody tr:nth-child(odd) { background: #f1f5f9; }

/* Holiday/special events list numbering:
   Primary level: Arabic numbers
   Secondary level: uppercase letters
*/
#vj-schedule ol { list-style-type: decimal; }
#vj-schedule ol ol { list-style-type: upper-alpha; }

/* -------------------------
   ACCOUNT PAGE
   ------------------------- */

/* DO NOT change link sizes on this page */
#vj-account a:hover { transform: none; }

/* Custom radio buttons (Majors):
   Selected = green
   Unselected = grey
*/
#vj-account input[type="radio"]{
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #666;
  border-radius: 50%;
  background: #bdbdbd; /* unselected grey */
  vertical-align: middle;
  margin-right: 8px;
  cursor: pointer;
}
#vj-account input[type="radio"]:checked{
  background: #16a34a; /* selected green */
  border-color: #16a34a;
}

/* Custom checkboxes (Programming Languages):
   Selected = blue
   Unselected = grey
*/
#vj-account input[type="checkbox"]{
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #666;
  border-radius: 3px;
  background: #bdbdbd; /* unselected grey */
  vertical-align: middle;
  margin-right: 8px;
  cursor: pointer;
}
#vj-account input[type="checkbox"]:checked{
  background: #2563eb; /* selected blue */
  border-color: #2563eb;
}