/**
 * @file
 * CTA Section Styles
 * Full-width orange band with contact options
 */

.dobig-cta {
  background: linear-gradient(135deg, #EA580C 0%, #F97316 50%, #FB923C 100%);
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
}

.dobig-cta::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.1) 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  opacity: 0.3;
}

.dobig-cta-content {
  text-align: center;
  position: relative;
  z-index: 1;
}

.dobig-cta h2 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: white;
  margin-bottom: 1rem;
  font-weight: 800;
}

.dobig-cta p {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 2.5rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.dobig-cta-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.dobig-cta .dobig-btn-white {
  background-color: white;
  color: #EA580C;
  font-weight: 700;
  padding: 1rem 2rem;
}

.dobig-cta .dobig-btn-white:hover {
  background-color: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.dobig-cta .dobig-btn-outline {
  border-color: white;
  color: white;
  font-weight: 700;
  padding: 1rem 2rem;
}

.dobig-cta .dobig-btn-outline:hover {
  background-color: white;
  color: #EA580C;
}

/* Alternative Dark CTA */
.dobig-cta-dark {
  background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);
  border-top: 1px solid rgba(249, 115, 22, 0.3);
  border-bottom: 1px solid rgba(249, 115, 22, 0.3);
}

.dobig-cta-dark h2 {
  color: white;
}

.dobig-cta-dark .dobig-btn-primary {
  background-color: #F97316;
  border-color: #F97316;
}