/* =========================================================
   GIULIA GLOBAL NAV — CENTRALIZED (FINAL)
   ========================================================= */

/* ---- Core container ---- */
#giulia-nav{
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  padding: 8px 0 !important;
  border: none !important;
}

/* ---- Neutralize legacy table styling ---- */
#giulia-nav table,
#giulia-nav tr,
#giulia-nav td{
  background: transparent !important;
  border: none !important;
}

/* ---- Nav table ---- */
#giulia-nav .ynav{
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 6px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

/* ---- Year cells (silver squares) ---- */
#giulia-nav .ycell{
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;

  background: linear-gradient(180deg, #f0f0f0, #bdbdbd) !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 4px !important;

  box-shadow: inset 0 1px 0 #ffffff !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
}

/* ---- Hover effect ---- */
#giulia-nav .ycell:hover{
  transform: scale(1.18) !important;
  box-shadow:
    inset 0 1px 0 #ffffff,
    0 3px 6px rgba(0,0,0,0.35) !important;
  z-index: 2 !important;
}

/* ---- Links ---- */
#giulia-nav .ylink{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;

  color: #222 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

/* ---- Copyright cell ---- */
#giulia-nav .yright{
  padding: 0 10px !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
}

#giulia-nav .ycopy{
  font-size: 13px !important;
  color: #666 !important;
}

/* ---- Kill ALL legacy year bars ---- */
#giulia-years,
#giuliaYears,
#legacy-years,
#yearNav,
#years,
#years-nav,
#yearsNav,
#yearsbar,
.giulia-years,
.giuliaYears,
.legacy-years,
.yearNav,
.years,
.years-nav,
.yearsNav,
.yearsbar{
  display: none !important;
}