/**
 * Ashley B's Learning Academy — Clean White Theme
 * All rules scoped under .theme-clean-white to prevent bleed into Chalkboard.
 */

/* ── Animated blob keyframes ── */
@keyframes blobFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -20px) scale(1.05); }
  66% { transform: translate(-20px, 15px) scale(0.95); }
}

/* ══════════════════════════════════════════════════════════
   HERO — pastel gradient, no chalkboard
   ══════════════════════════════════════════════════════════ */
.theme-clean-white .hero { background: #ffffff; }

.theme-clean-white .hero-board {
  background: linear-gradient(170deg, #FDF2F8 0%, #F0FDFA 40%, #F5F3FF 100%);
  background-image: none;
  padding: 80px 24px 90px;
}

/* Remove chalkboard texture */
.theme-clean-white .hero-board::before { display: none; }

/* Animated pastel blob */
.theme-clean-white .hero-board::after {
  content: '';
  position: absolute;
  top: -60px;
  right: -80px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(236,72,153,0.08) 0%, rgba(139,92,246,0.05) 50%, transparent 70%);
  animation: blobFloat 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}

/* Hide wooden frames and chalk decorations */
.theme-clean-white .hero-frame-top,
.theme-clean-white .hero-frame-bottom,
.theme-clean-white .hero-frame-left,
.theme-clean-white .hero-frame-right,
.theme-clean-white .chalk-tray,
.theme-clean-white .chalk-doodle { display: none; }

/* Hero text — dark, Nunito, no text-shadow */
.theme-clean-white .hero h1 {
  font-family: 'Nunito', sans-serif;
  color: var(--dark);
  text-shadow: none;
  font-weight: 900;
}

.theme-clean-white .hero-sub {
  font-family: 'Nunito', sans-serif;
  color: var(--pink);
  font-weight: 800;
}

.theme-clean-white .hero-tagline {
  font-family: 'Nunito', sans-serif;
  color: var(--gray);
  font-weight: 600;
}

.theme-clean-white .hero-tagline strong { color: var(--dark); }

.theme-clean-white .chalk-pink { color: var(--pink); text-shadow: none; }

/* Hero proof text */
.theme-clean-white .hero-proof-text { color: var(--gray); }
.theme-clean-white .hero-proof-text strong { color: var(--dark); }

/* Hero faces */
.theme-clean-white .hero-face { border-color: var(--border); }

/* ── btn-chalk on white hero ── */
.theme-clean-white .btn-chalk {
  background: transparent;
  color: var(--dark);
  border: 2px solid var(--border);
  backdrop-filter: none;
}
.theme-clean-white .btn-chalk:hover {
  background: var(--gray-light);
  border-color: #CBD5E1;
}

/* ══════════════════════════════════════════════════════════
   SCHEDULE CARD (hero visual) — white card on pastel bg
   ══════════════════════════════════════════════════════════ */
.theme-clean-white .schedule-card {
  background: #ffffff;
  border: 1px solid var(--border);
  box-shadow: 0 8px 32px rgba(15,23,42,0.06);
}

.theme-clean-white .schedule-title {
  font-family: 'Nunito', sans-serif;
  color: var(--dark);
  font-weight: 900;
}

.theme-clean-white .schedule-day {
  font-family: 'Nunito', sans-serif;
  color: var(--gray);
  font-weight: 800;
}

.theme-clean-white .schedule-time {
  font-family: 'Nunito', sans-serif;
  color: #94A3B8;
}

/* Chalk annotation */
.theme-clean-white .chalk-annotation {
  font-family: 'Nunito', sans-serif;
  color: var(--gray);
  opacity: 0.4;
}

/* Schedule blocks — boost contrast on white */
.theme-clean-white .schedule-block.pink { background: rgba(236,72,153,0.1); color: var(--pink); border-color: rgba(236,72,153,0.15); }
.theme-clean-white .schedule-block.teal { background: rgba(20,184,166,0.1); color: var(--teal); border-color: rgba(20,184,166,0.15); }
.theme-clean-white .schedule-block.purple { background: rgba(139,92,246,0.1); color: var(--purple); border-color: rgba(139,92,246,0.15); }
.theme-clean-white .schedule-block.orange { background: rgba(249,115,22,0.1); color: var(--orange); border-color: rgba(249,115,22,0.15); }
.theme-clean-white .schedule-block.yellow { background: rgba(251,191,36,0.1); color: #92400E; border-color: rgba(251,191,36,0.15); }
.theme-clean-white .schedule-block.empty { border-color: var(--border); }

/* ── Teacher chips ── */
.theme-clean-white .teacher-chip {
  background: var(--gray-light);
  border-color: var(--border);
}
.theme-clean-white .teacher-name {
  font-family: 'Nunito', sans-serif;
  color: var(--gray);
}

/* ══════════════════════════════════════════════════════════
   CTA (Chalkboard-themed) — pastel gradient override
   ══════════════════════════════════════════════════════════ */
.theme-clean-white .cta-board {
  background: linear-gradient(170deg, #FDF2F8 0%, #F0FDFA 40%, #F5F3FF 100%);
  background-image: none;
}

.theme-clean-white .cta-board::before { display: none; }
.theme-clean-white .cta-doodle { display: none; }

.theme-clean-white .cta h2 {
  font-family: 'Nunito', sans-serif;
  color: var(--dark);
  text-shadow: none;
  font-weight: 900;
}

.theme-clean-white .cta p {
  font-family: 'Nunito', sans-serif;
  color: var(--gray);
}

.theme-clean-white .cta-note {
  font-family: 'Nunito', sans-serif;
  color: #94A3B8;
}

/* ══════════════════════════════════════════════════════════
   MINOR TWEAKS — ensure consistency on white
   ══════════════════════════════════════════════════════════ */

/* Hero inner stacking context above blob */
.theme-clean-white .hero-inner { position: relative; z-index: 2; }