/* Circuit Clash Main Stylesheet - Modular Import */

/* Import all module files */
@import url('circuit-clash/variables.css');
@import url('circuit-clash/hero.css');
@import url('circuit-clash/segments.css');
@import url('circuit-clash/timeline.css');
@import url('circuit-clash/registration.css');
@import url('circuit-clash/components.css');
@import url('circuit-clash/layout.css');
@import url('circuit-clash/responsive.css');
@import url('circuit-clash/technical-bg.css');

/* Full page background styling */
body {
  background-image: url('../image/Mechanical_bg.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* Global overrides for main.css elements */
.btn-primary {
  background: var(--accent-color);
}

.btn-primary:hover {
  background: var(--accent-color-dark);
}

.event-hero .event-badge {
  background: var(--accent-color);
}

.countdown-item {
  border-color: var(--accent-color-dark);
}

.countdown-value {
  color: var(--accent-color);
}

/* Content containers styling for better readability */
.segment-card, 
.contact-card, 
.faq-item, 
.payment-info,
.registration-form-container,
.event-hero-content,
.timeline-content {
  background: rgba(10, 15, 20, 0.75);
  backdrop-filter: blur(3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Menu button visibility */
.menu-btn {
  display: none;
}

@media (max-width: 991px) {
  .menu-btn {
    display: flex !important;
  }
}