/* ============================================
   Cyréna - Downloads Page Styles
   ============================================ */

/* Hero Section */
.downloads-hero {
  background: linear-gradient(135deg, #0a1628 0%, #1a3a5c 50%, #0d6efd 100%);
  color: white;
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.downloads-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(13, 110, 253, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.downloads-hero h1 {
  position: relative;
  z-index: 1;
}

.downloads-hero .lead {
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  z-index: 1;
}

.downloads-hero .hero-badge {
  position: relative;
  z-index: 1;
}

/* Product Sections */
.product-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Product Cards */
.product-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: default;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1) !important;
}

.product-card:hover .icon-wrapper {
  transform: scale(1.05);
}

.product-card .icon-wrapper {
  transition: transform 0.2s ease;
}

/* Build Row */
.build-row {
  font-size: 0.9rem;
}

.build-row:last-child {
  border-bottom: none !important;
}

/* macOS Section */
.macos-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* GitHub Section */
.github-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* CTA Section */
.cta-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Disabled button styling */
.btn-outline-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 767.98px) {
  .downloads-hero {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .product-section,
  .macos-section,
  .github-section,
  .cta-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}