/* COMPNOW CLASSIC DESIGN */
:root {
  --classic-blue: #164f9b;
  --classic-dark-blue: #102d70;
  --classic-gold: #d5a600;
}

/* Original blue-purple website background */
html {
  background: #344ba2 !important;
}

body {
  background: linear-gradient(
    115deg,
    #b6c9ed 0%,
    #829de0 30%,
    #4655bb 65%,
    #3d298f 100%
  ) fixed !important;
  color: #102348 !important;
}

/* Classic gold header */
.site-header {
  background: linear-gradient(
    180deg,
    #f3dc78 0%,
    #d9ad22 55%,
    #c28e08 100%
  ) !important;
  border-bottom: 5px solid #153d86 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.18) !important;
}

/* Preserve original CompNow logo */
.compnow-original-logo img {
  display: block !important;
  width: auto !important;
  max-width: 290px !important;
  max-height: 110px !important;
  object-fit: contain !important;
}

/* Larger blue navigation links */
.desktop-nav {
  background: #174c96 !important;
  border-radius: 6px !important;
  padding: 9px 14px !important;
  gap: 8px !important;
}

.desktop-nav a {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 12px 15px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
}

.desktop-nav a:hover {
  background: #316dc4 !important;
  color: #ffffff !important;
}

/* Bring back bright classic headings */
h1, h2, h3 {
  color: #123d83;
}

/* Classic content panels */
section,
.service-card,
.card {
  border-radius: 8px;
}

/* Improve button visibility */
button,
.btn,
.button {
  font-weight: 700;
}

/* Mobile adjustments */
@media (max-width: 900px) {
  .compnow-original-logo img {
    max-width: 220px !important;
    max-height: 85px !important;
  }

  .mobile-nav {
    background: #174c96 !important;
  }

  .mobile-nav a {
    color: white !important;
    font-size: 17px !important;
    padding: 13px !important;
  }
}