/* ====================================================
   1. GLOBAL BACKGROUND & TYPOGRAPHY
   ==================================================== */
body, html {
  background: repeating-linear-gradient(
    0deg,
    #f0f0f0,
    #f0f0f0 1px,
    #e2e2e2 1px,
    #e2e2e2 2px
  ) !important;
  font-family: "Lucida Grande", "Lucida Sans Unicode", -apple-system, sans-serif !important;
  color: #1f1f1f !important;
}

/* Remove default link underline and add Aqua Blue */
a {
  color: #1d528b !important;
  text-decoration: none !important;
  font-weight: bold;
}
a:hover {
  text-decoration: underline !important;
}

/* ====================================================
   2. MACOS AQUA SECTION HEADERS & PANELS
   ==================================================== */
/* Convert section boxes into Aqua glass/brushed aluminum cards */
.heading, h4, .orange, th, .blurb .heading, .interests .heading {
  background: linear-gradient(180deg, #eaeaea 0%, #c6c6c6 100%) !important;
  color: #222 !important;
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #7c7c7c !important;
  border-radius: 4px 4px 0 0 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
  padding: 4px 8px !important;
}

/* Base Card Content Containers */
table, .section, .table-section, .left, .right, fieldset {
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid #b5b5b5 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 
              0 1px 0 rgba(255, 255, 255, 0.9) inset !important;
}

/* Make inner table cells clean */
td {
  background: transparent !important;
  border: none !important;
}

/* ====================================================
   3. PROFILE PICTURE FRAME
   ==================================================== */
.profile-pic img, .avatar img, img.photo {
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ====================================================
   4. JELLY AQUA BUTTONS
   ==================================================== */
button, input[type="submit"], .button, a.button {
  display: inline-block !important;
  padding: 3px 12px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5) !important;
  border-radius: 12px !important;
  border: 1px solid #1d528b !important;
  background: linear-gradient(
    180deg, 
    #abd6ff 0%, 
    #52a0f0 48%, 
    #2b7dd1 52%, 
    #4986c8 100%
  ) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 
              0 1px 0 rgba(255, 255, 255, 0.6) inset !important;
  cursor: pointer !important;
}

button:hover, input[type="submit"]:hover {
  filter: brightness(1.1) !important;
}

button:active, input[type="submit"]:active {
  background: linear-gradient(180deg, #2b7dd1 0%, #abd6ff 100%) !important;
}

/* ====================================================
   5. TOP NAV BAR (DameDaneSpace Header)
   ==================================================== */
nav, .navbar, .top-nav, #navbar {
  background: linear-gradient(
    180deg,
    #fdfdfd 0%,
    #e3e3e3 10%,
    #d1d1d1 50%,
    #c4c4c4 90%,
    #b5b5b5 100%
  ) !important;
  border-bottom: 1px solid #7c7c7c !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

nav a, .navbar a {
  color: #333 !important;
  text-shadow: 0 1px 0 #fff !important;
}

/* ====================================================
   6. TABLES & INTERESTS FIX
   ==================================================== */
.table-section table, table.profile-info {
  border-collapse: separate !important;
  border-spacing: 2px !important;
}

.table-section td:first-child, table.profile-info td:first-child {
  background: linear-gradient(180deg, #dcebfa 0%, #b8d4f3 100%) !important;
  color: #1d528b !important;
  font-weight: bold !important;
  border-radius: 3px !important;
}