/* Custom styles for FanForge */

/* Custom FanForge Styles */

/* Metallic blue color variables */
:root {
  --metallic-blue-light: #3a6be0;
  --metallic-blue-medium: #2c5dd1;
  --metallic-blue-dark: #1e3c8a;
  --metallic-blue-darker: #0a2363;
}

/* Metallic blue button style */
.wc-btn-primary.metallic-blue {
  background: linear-gradient(135deg, #2c5dd1 0%, #1e3c8a 50%, #0a2363 100%);
  border: 1px solid #3a6be0;
  box-shadow: 0 5px 15px rgba(13, 46, 105, 0.3), 
              inset 0 1px 1px rgba(255, 255, 255, 0.4);
  color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.wc-btn-primary.metallic-blue:hover {
  background: linear-gradient(135deg, #3a6be0 0%, #2c5dd1 50%, #1e3c8a 100%);
  box-shadow: 0 7px 20px rgba(13, 46, 105, 0.4), 
              inset 0 1px 1px rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
}

.wc-btn-primary.metallic-blue:active {
  background: linear-gradient(135deg, #1e3c8a 0%, #0a2363 50%, #051845 100%);
  box-shadow: 0 2px 5px rgba(13, 46, 105, 0.4), 
              inset 0 1px 1px rgba(0, 0, 0, 0.2);
  transform: translateY(1px);
}

/* Replace orange elements with metallic blue */
.ai-fill-btn,
.video-popup,
.wc-btn-primary:not(.metallic-blue),
.accordion-button:not(.collapsed),
.text-underline,
.title a:hover,
.service-item .icon,
.feature-item .icon {
  background: linear-gradient(135deg, #2c5dd1 0%, #1e3c8a 50%, #0a2363 100%) !important;
  background-color: var(--metallic-blue-medium) !important;
  color: white !important;
}

/* Style for titles and headings with orange color */
.section-title span,
.title span,
.info-box .title,
.feature-item .title,
.service-item .title {
  color: var(--metallic-blue-medium) !important;
}

/* Replace orange text with metallic blue */
.text-primary,
.feature-list-item .text strong {
  color: var(--metallic-blue-light) !important;
}

/* Keep info-list text white */
.info-list li {
  color: white !important;
}

/* Replace orange border with metallic blue */
.border-primary,
.form-control:focus,
.form-check-input:checked {
  border-color: var(--metallic-blue-medium) !important;
}

/* Replace orange background elements */
.bg-primary,
.swiper-pagination-bullet-active,
.progress-bar {
  background: linear-gradient(135deg, #2c5dd1 0%, #1e3c8a 50%, #0a2363 100%) !important;
}

/* Video play button */
.video-popup {
  background: linear-gradient(135deg, #2c5dd1 0%, #1e3c8a 50%, #0a2363 100%) !important;
  box-shadow: 0 0 20px rgba(42, 93, 209, 0.5) !important;
}