/**
 * Landing Page Styles for UX Builder Elements
 */

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');

.lp-section, .lp-section * { 
  font-family: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, sans-serif !important; 
  box-sizing: border-box;
}

.lp-section { 
  --primary: #F89B0D; 
  --secondary: #0057D9; 
  --dark: #0a0a0a;
  --light: #f8fafc;
  --gray: #64748b;
  --white: #fff;
  line-height: 1.6;
}

.lp-section p, .lp-section h1, .lp-section h2, .lp-section h3 { margin: 0; }
.lp-section .text-stroke { -webkit-text-stroke: 2px var(--primary); color: transparent; }
@media (max-width: 549px) { .lp-section .text-stroke { -webkit-text-stroke: 1px var(--primary); } }

.lp-section a { text-decoration: none !important; color: inherit; }
.lp-section img { max-width: 100%; height: auto; display: block; }

/* Colors */
.lp-section .text-primary { color: var(--primary) !important; }
.lp-section .text-secondary { color: var(--secondary) !important; }
.lp-section .text-gray { color: var(--gray) !important; }
.lp-section.bg-primary, .lp-section .bg-primary { background-color: var(--primary) !important; }
.lp-section.bg-secondary, .lp-section .bg-secondary { background-color: var(--secondary) !important; }
.lp-section.bg-dark, .lp-section .bg-dark { background-color: var(--dark) !important; }
.lp-section.bg-light, .lp-section .bg-light { background-color: var(--light) !important; }

/* Buttons */
.lp-section .btn-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--primary); color: var(--white) !important; font-weight: 700;
  padding: 12px 24px; border-radius: 12px; transition: all 0.3s; border: none; cursor: pointer;
  animation: lp-pulse-scale 1.5s ease-in-out infinite;
}
.lp-section .btn-cta:hover { opacity: 0.9; transform: scale(1.05); animation: none; }
.lp-section .btn-white { background: var(--white); color: var(--primary) !important; }

@keyframes lp-pulse-scale {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

/* Card */
.lp-section .lp-card { background: var(--white); border-radius: 12px; padding: 20px; transition: box-shadow 0.3s; }
.lp-section .lp-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); }

/* FAQ */
.lp-section details summary { list-style: none; cursor: pointer; }
.lp-section details summary::-webkit-details-marker { display: none; }
.lp-section details[open] .faq-icon { transform: rotate(180deg); }
.lp-section .faq-icon { transition: transform 0.2s; }

/* Animations */
@keyframes lp-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
.lp-section .pulse { animation: lp-pulse 2s ease-in-out infinite; }

/* Override Flatsome row padding */
.lp-section .row { padding-bottom: 0; }
.lp-section .col { padding-bottom: 15px; }
.lp-section .row-small .col { padding-bottom: 10px; }