/* Custom Blue Gradient Color Scheme */
:root {
  --primary-blue: #3B82F6;
  --secondary-cyan: #06B6D4;
  --gradient-primary: linear-gradient(135deg, #3B82F6 0%, #06B6D4 100%);
  --gradient-primary-hover: linear-gradient(135deg, #2563EB 0%, #0891B2 100%);
}

/* Apply gradient to primary elements */
.button,
.submit-button-2,
.nav-link:hover,
.project-link:hover {
  background: var(--gradient-primary) !important;
}

/* Fixed collaboration button at bottom */
.button.w-button[data-w-id="969f17e4-0781-7b32-51fc-5c654f3eae0a"] {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  padding: 15px 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

/* Hide button when contact form is visible */
.contact-form:not([style*="display:none"]) .button.w-button[data-w-id="969f17e4-0781-7b32-51fc-5c654f3eae0a"] {
  display: none !important;
}

.button:hover,
.submit-button-2:hover {
  background: var(--gradient-primary-hover) !important;
}

/* Text color overrides */
.text-span-3 {
  background: var(--gradient-primary) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Service card accents */
.service-card:hover {
  border: 2px solid var(--primary-blue) !important;
}

/* Animation colors */
.pink-block-anim-left,
.pink-block-anim-right {
  background: var(--gradient-primary) !important;
}

/* Custom cursor color */
.cursor-2 {
  background-color: transparent !important;
  border: 2px solid var(--primary-blue) !important;
}

/* Override pink accent colors */
.text-span-3 {
  color: #06B6D4 !important;
}

/* Process section color overrides */
.process-heading {
  color: #06B6D4 !important;
}

/* Service pricing text colors */
.services-price-text {
  color: #06B6D4 !important;
}

/* Replace pink variables */
:root {
  --pink_accent: #06B6D4 !important;
  --pink-lite: #06B6D4 !important;
}

/* Center the 3D animation canvas */
.fixed-animation-section {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: -1 !important;
}

.fixed-animation-section canvas {
  margin: 0 auto !important;
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Center navbar content */
.navbar-container {
  justify-content: center !important;
}

/* Footer layout changes */
.footer-content-holder {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  position: relative !important;
}

.truescale-logo-holder {
  flex: 0 0 auto !important;
}

.footer-nav-holder {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  flex: 0 0 auto !important;
}

.footer-nav-holder .footer-link {
  margin-left: 15px !important;
}

.contacts-holder {
  position: absolute !important;
  left: 50% !important;
  top: 100% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
  width: auto !important;
  margin-top: 20px !important;
}