/* =============================================
   VELOUR ELEMENTOR WIDGETS — Frontend CSS
   ============================================= */

/* ── HERO ── */
.velour-hero-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg,#ffffff 0%,#EEF0FF 100%);
  padding: 100px 0 80px;
  position: relative;
  overflow: hidden;
}
.velour-hero-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  max-width: var(--container-max, 1200px);
  margin-inline: auto;
  padding-inline: 24px;
}
.velour-hero-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 32px; }
.velour-hero-stats   { display: flex; gap: 32px; margin-top: 40px; }

/* ── STATS ── */
.velour-stats-section    { background: #fff; padding: 48px 0; }
.velour-stats-grid       { display: grid; gap: 24px; text-align: center; }

/* ── FEATURES ── */
.velour-features-section { padding: 80px 0; }

/* ── TRANSACTION ── */
.velour-transaction-section { padding: 80px 0; background: linear-gradient(135deg,#F0EEFF,#E8EFFF,#F5F0FF); }

/* ── APP SHOWCASE ── */
.velour-app-section { padding: 80px 0; }

/* ── CTA ── */
.velour-cta-section { padding: 60px 0; }
.velour-cta-inner   { position: relative; overflow: hidden; }

/* ── TESTIMONIALS ── */
.velour-testimonials-section { padding: 80px 0; }
.velour-testimonials-section .testimonials-grid { display: grid; gap: 24px; }

/* ── PAGE HERO ── */
.velour-page-hero { padding: 100px 24px 72px; text-align: center; }

/* ── SERVICES GRID ── */
.velour-services-section .services-grid { display: grid; gap: 28px; }

/* ── PORTFOLIO GRID ── */
.velour-portfolio-grid-wrapper .portfolio-grid { display: grid; gap: 20px; }

/* ── TEAM ── */
.velour-team-section .team-card {
  border-radius: 24px;
  overflow: hidden;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
}
.velour-team-section .team-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(124,92,252,.15);
}

/* ── FAQ ── */
.velour-faq-section .faq-question:hover { color: #7C5CFC; }

/* ── CONTACT ── */
.velour-contact-section .contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  align-items: start;
}

/* ── MEGA MENU CARD ── */
.velour-mega-card { transition: transform .3s ease, box-shadow .3s ease; }
.velour-mega-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(124,92,252,.12); }
.velour-mega-card-btn:hover { gap: 8px !important; }

/* ── FORM FEEDBACK ── */
.velour-form-response.success { background: #d1fae5; color: #065f46; }
.velour-form-response.error   { background: #fee2e2; color: #991b1b; }

/* ── RESPONSIVE ── */
@media (max-width: 992px) {
  .velour-hero-inner            { grid-template-columns: 1fr; }
  .velour-hero-visual           { order: -1; }
  .velour-contact-section .contact-grid { grid-template-columns: 1fr; }
  .velour-stats-grid            { grid-template-columns: repeat(2,1fr) !important; }
  .velour-services-section .services-grid { grid-template-columns: repeat(2,1fr) !important; }
  .velour-portfolio-grid-wrapper .portfolio-grid { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 768px) {
  .velour-hero-section   { padding: 80px 0 60px; }
  .velour-hero-stats     { flex-wrap: wrap; gap: 20px; }
  .velour-hero-actions   { flex-direction: column; align-items: flex-start; }
  .velour-testimonials-section .testimonials-grid { grid-template-columns: 1fr !important; }
  .velour-team-section div[style*="grid-template-columns"] { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 480px) {
  .velour-stats-grid { grid-template-columns: 1fr 1fr !important; }
  .velour-services-section .services-grid { grid-template-columns: 1fr !important; }
  .velour-portfolio-grid-wrapper .portfolio-grid { grid-template-columns: 1fr !important; }
  .velour-team-section div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
}