/* ==========================================================================
   Design System 05: Pencil Control Worksheets Landing Page
   Theme: Soft Pastel Kids Education (Peach Cream #FFF9F5, Warm Orange #EA580C, Mint)
   ========================================================================== */

body.theme-pencil {
  background-color: #FFF9F5;
  color: #4338CA;
  color: #334155;
}

body.theme-pencil h1,
body.theme-pencil h2,
body.theme-pencil h3,
body.theme-pencil h4,
body.theme-pencil h5 {
  color: #1E293B;
}

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

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

.theme-pencil .landing-nav-links a {
  color: #475569;
}

.theme-pencil .landing-nav-links a:hover {
  color: #EA580C;
}

/* Hero Section */
.theme-pencil .landing-hero {
  background: radial-gradient(circle at 80% 30%, #FFEDD5 0%, #FFF9F5 70%);
}

.theme-pencil .hero-check-item {
  color: #1E293B;
}

.theme-pencil .hero-check-item i {
  color: #EA580C;
}

.theme-pencil .price-current {
  color: #EA580C;
}

.theme-pencil .price-strike {
  color: #94A3B8;
}

.theme-pencil .price-badge-pill {
  background: #FEF08A;
  color: #854D0E;
}

.theme-pencil .landing-cta-btn {
  background: linear-gradient(90deg, #EA580C 0%, #F97316 100%);
  color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(234, 88, 12, 0.35);
}

.theme-pencil .landing-cta-btn:hover {
  background: linear-gradient(90deg, #C2410C 0%, #EA580C 100%);
  box-shadow: 0 12px 32px rgba(234, 88, 12, 0.45);
}

.theme-pencil .cta-subtext {
  color: #64748B;
}

/* Trust Strip */
.theme-pencil .trust-item-card {
  background: #FFFFFF;
  border: 1px solid #FFEDD5;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.05);
}

.theme-pencil .trust-icon-wrap {
  background: #FFEDD5;
  color: #EA580C;
}

.theme-pencil .trust-item-title {
  color: #1E293B;
}

.theme-pencil .trust-item-desc {
  color: #64748B;
}

/* Worksheet Samples 4 Tracing Cards (Panel 5) */
.theme-pencil .section-eyebrow {
  background: #FFEDD5;
  color: #EA580C;
}

.theme-pencil .tracing-sample-card {
  background: #FFFFFF;
  border: 2px solid #FED7AA;
  border-radius: 18px;
  padding: 20px;
  text-align: center;
  transition: all var(--transition-normal);
  box-shadow: 0 4px 16px rgba(234, 88, 12, 0.04);
}

.theme-pencil .tracing-sample-card:hover {
  transform: translateY(-5px);
  border-color: #EA580C;
  box-shadow: 0 12px 28px rgba(234, 88, 12, 0.12);
}

.theme-pencil .tracing-sample-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 12px;
  border: 1px dashed #CBD5E1;
  background: #FAFAFA;
  margin-bottom: 14px;
}

.theme-pencil .tracing-card-title {
  font-size: 1rem;
  font-weight: 800;
  color: #1E293B;
  margin: 0;
}

/* Helps Develop Essential Skills 4 Cards (Panel 5) */
.theme-pencil .skills-section {
  background: #FFF1E6;
  padding: 70px 0;
  border-radius: 28px;
  margin: 40px 0;
}

.theme-pencil .skill-card {
  background: #FFFFFF;
  border: 1px solid #FFEDD5;
  border-radius: 20px;
  padding: 28px 20px;
  text-align: center;
  transition: all var(--transition-normal);
}

.theme-pencil .skill-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(234, 88, 12, 0.1);
}

.theme-pencil .skill-icon-wrap {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
}

.theme-pencil .skill-title {
  font-size: 1.05rem;
  font-weight: 800;
  color: #1E293B;
  margin-bottom: 6px;
}

.theme-pencil .skill-desc {
  font-size: 0.85rem;
  color: #334155 !important;
  margin: 0;
  line-height: 1.5;
}

/* What Parents Say */
.theme-pencil .pencil-review-card {
  background: #FFFFFF;
  border: 1px solid #FFEDD5;
  border-radius: 18px;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.theme-pencil .pencil-review-card .review-body-text {
  color: #1E293B !important;
  font-weight: 500;
}

.theme-pencil .pencil-review-card .reviewer-name {
  color: #0F172A !important;
  font-weight: 800;
}

.theme-pencil .pencil-review-card .reviewer-title {
  color: #475569 !important;
}

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

.theme-pencil .landing-faq-btn {
  color: #1E293B;
  font-weight: 700;
}

.theme-pencil .landing-faq-btn i {
  color: #EA580C;
}

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

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

/* Footer Contrast */
.theme-pencil .landing-footer {
  background: #1E293B;
  color: #CBD5E1;
}

.theme-pencil .landing-footer a,
.theme-pencil .landing-footer p,
.theme-pencil .landing-footer span,
.theme-pencil .landing-footer .text-muted,
.theme-pencil .landing-footer .text-secondary {
  color: #CBD5E1 !important;
}

.theme-pencil .landing-footer a:hover {
  color: #FB923C !important;
}