/* ==========================================================================
   Design System 03: Animated Infographics Landing Page
   Theme: Creative Presentation (White, Coral Red #FF5A4F, Deep Slate, Indigo)
   ========================================================================== */

body.theme-infographic {
  background-color: #FFFFFF;
  color: #344054;
}

body.theme-infographic h1,
body.theme-infographic h2,
body.theme-infographic h3,
body.theme-infographic h4,
body.theme-infographic h5 {
  color: #101828;
}

/* Offer Bar */
.theme-infographic .offer-ticker-bar {
  background: linear-gradient(90deg, #FF5A4F 0%, #FF7066 100%);
  color: #FFFFFF;
}

.theme-infographic .landing-header {
  background-color: #FFFFFF;
  border-bottom: 1px solid #EAECF0;
}

.theme-infographic .landing-nav-links a {
  color: #344054;
}

.theme-infographic .landing-nav-links a:hover {
  color: #FF5A4F;
}

/* Hero Section */
.theme-infographic .landing-hero {
  background: radial-gradient(100% 70% at 80% 20%, #FFF3F0 0%, #FFFFFF 70%);
}

.theme-infographic .hero-check-item {
  color: #101828;
}

.theme-infographic .hero-check-item i {
  color: #FF5A4F;
}

.theme-infographic p,
.theme-infographic .landing-hero-subtitle {
  color: #344054 !important;
}

.theme-infographic .text-muted {
  color: #475569 !important;
}

.theme-infographic .price-current {
  color: #101828;
}

.theme-infographic .price-strike {
  color: #667085;
  opacity: 0.9;
}

.theme-infographic .price-badge-pill {
  background: #FEE4E2;
  color: #D92D20;
  font-weight: 800;
}

.theme-infographic .landing-cta-btn {
  background: #FF5A4F;
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(255, 90, 79, 0.35);
  font-weight: 800;
}

.theme-infographic .landing-cta-btn:hover {
  background: #F04438;
  box-shadow: 0 12px 32px rgba(255, 90, 79, 0.45);
}

.theme-infographic .cta-subtext {
  color: #344054;
  font-weight: 600;
}

/* Trust Strip */
.theme-infographic .trust-item-card {
  background: #FFFFFF;
  border: 1px solid #EAECF0;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.04);
}

.theme-infographic .trust-icon-wrap {
  background: #FFF0ED;
  color: #FF5A4F;
}

.theme-infographic .trust-item-title {
  color: #101828;
}

.theme-infographic .trust-item-desc {
  color: #475569;
  font-weight: 500;
}

/* "What's Included" */
.theme-infographic .section-eyebrow {
  background: #FFF0ED;
  color: #FF5A4F;
  font-weight: 800;
}

.theme-infographic .info-check-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #101828;
  margin-bottom: 16px;
}

.theme-infographic .info-check-item i {
  color: #FF5A4F;
  font-size: 1.3rem;
}

/* Preview Slides 6 Category Cards (Panel 3) */
.theme-infographic .slide-preview-card {
  background: #FFFFFF;
  border: 1px solid #EAECF0;
  border-radius: 16px;
  overflow: hidden;
  transition: all var(--transition-normal);
  text-align: center;
}

.theme-infographic .slide-preview-card:hover {
  transform: translateY(-5px);
  border-color: #FF5A4F;
  box-shadow: 0 12px 28px rgba(255, 90, 79, 0.12);
}

.theme-infographic .slide-preview-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-bottom: 1px solid #F2F4F7;
}

.theme-infographic .slide-cat-title {
  font-size: 1rem;
  font-weight: 800;
  color: #101828;
  padding: 14px 12px;
  margin: 0;
}

/* Loved by Thousands Testimonial Section */
.theme-infographic .loved-thousands-section {
  background: #FFF9F7;
  padding: 70px 0;
  border-radius: 24px;
  margin: 40px 0;
}

.theme-infographic .info-review-card {
  background: #FFFFFF;
  border: 1px solid #FFE4DE;
  border-radius: 16px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-infographic .info-review-card .review-body-text {
  color: #101828;
  font-weight: 500;
}

.theme-infographic .info-review-card .reviewer-name {
  color: #101828;
  font-weight: 800;
}

.theme-infographic .info-review-card .reviewer-title {
  color: #475569;
  font-weight: 600;
}

/* FAQ Accordion */
.theme-infographic .landing-faq-item {
  background: #FFFFFF;
  border: 1px solid #EAECF0;
}

.theme-infographic .landing-faq-btn {
  color: #101828;
  font-weight: 700;
}

.theme-infographic .landing-faq-btn i {
  color: #FF5A4F;
}

.theme-infographic .landing-faq-content {
  color: #344054;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Sticky Mobile Bottom Bar */
.theme-infographic .landing-sticky-mobile-cta {
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid #EAECF0;
}

.theme-infographic footer {
  color: #475569 !important;
}