/* Blackmon Tutoring — scroll animations and hover effects for the "More" menu pages
   (About, Blog, Careers, Internship, Pricing, Locations, Child Care, FAQs, Testimonials).
   Works alongside each page's own styles; existing hover colours are kept. */

/* ---------- Scroll reveal (only once JS has run, so no-JS visitors see everything) ---------- */
.se-ready .se-reveal {
  opacity: 0;
  translate: 0 28px;
  transition: opacity 0.6s ease, translate 0.65s cubic-bezier(.2,.8,.2,1);
  transition-delay: calc(var(--se-i, 0) * 85ms);
}
.se-ready .se-reveal.se-in { opacity: 1; translate: none; }

/* ---------- Cards: lift + shadow on hover ---------- */
.value-item, .post-card, .fact-card, .process-item, .details-card, .after-card,
.ic-card, .rate-card, .included-card, .course-card, .state-card, .city-card,
.cc-card, .cc-price-card, .ts-card, .ts-quote-card, .ic-price-card, .ic-quote-card,
.cc-quote-card, .featured-post, [class$="-fit-card"] {
  transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease,
              background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.value-item:hover, .post-card:hover, .fact-card:hover, .process-item:hover, .details-card:hover,
.after-card:hover, .ic-card:hover, .rate-card:hover, .included-card:hover, .course-card:hover,
.state-card:hover, .city-card:hover, .cc-card:hover, .cc-price-card:hover, .ts-card:hover,
.ts-quote-card:hover, .ic-price-card:hover, .ic-quote-card:hover, .cc-quote-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 44px -22px rgba(11, 31, 63, 0.38);
}
.featured-post:hover, [class$="-fit-card"]:hover {
  box-shadow: 0 28px 54px -26px rgba(11, 31, 63, 0.4);
}

/* Photos inside cards zoom gently */
.post-card .post-photo, .featured-post .featured-photo, .city-card, .state-card,
[class$="-hero-photo"], .ab-founder-photo, .bi-team-grid > div { overflow: hidden; }
.post-card .post-photo img, .featured-post .featured-photo img, .city-card img,
[class$="-hero-photo"] img, .ab-founder-photo img, .bi-team-grid > div img {
  transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
}
.post-card:hover .post-photo img, .featured-post:hover .featured-photo img, .city-card:hover img,
[class$="-hero-photo"]:hover img, .ab-founder-photo:hover img, .bi-team-grid > div:hover img {
  transform: scale(1.06);
}

/* Read-more style links slide their arrow */
.read-link, .level-card-link, .state-card .city-list li a {
  transition: color 0.2s ease, letter-spacing 0.2s ease, padding-left 0.2s ease;
}
.post-card:hover .read-link, .featured-post:hover .read-link { letter-spacing: 0.2px; }
.state-card .city-list li a:hover { padding-left: 4px; }

/* ---------- Pills, chips and tags ---------- */
.filter-pill, .area-chip, .np-row {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease,
              transform 0.25s ease, box-shadow 0.25s ease;
}
.filter-pill:hover { transform: translateY(-2px); box-shadow: 0 8px 18px -10px rgba(11, 31, 63, 0.45); }

/* ---------- Buttons ---------- */
.btn, .btn-submit, .newsletter-form button {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease,
              color 0.25s ease, border-color 0.25s ease;
}
.btn:hover, .btn-submit:hover, .newsletter-form button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px -12px rgba(11, 31, 63, 0.45);
}

/* ---------- Form fields ---------- */
.faq-card input, .faq-card select, .faq-card textarea, .search-box input, .newsletter-form input {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-card input:focus, .faq-card select:focus, .faq-card textarea:focus,
.search-box input:focus, .newsletter-form input:focus {
  outline: none;
  border-color: #5babe0;
  box-shadow: 0 0 0 3px rgba(91, 171, 224, 0.2);
}

/* Touch screens: no sticky hover lift */
@media (hover: none) {
  .value-item:hover, .post-card:hover, .fact-card:hover, .process-item:hover, .details-card:hover,
  .after-card:hover, .ic-card:hover, .rate-card:hover, .included-card:hover, .course-card:hover,
  .state-card:hover, .city-card:hover, .cc-card:hover, .cc-price-card:hover, .ts-card:hover,
  .ts-quote-card:hover, .ic-price-card:hover, .ic-quote-card:hover, .cc-quote-card:hover,
  .btn:hover, .btn-submit:hover, .filter-pill:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .se-ready .se-reveal { opacity: 1; translate: none; transition: none; }
  .post-card .post-photo img, .city-card img, [class$="-hero-photo"] img { transition: none; }
}