/* Little Tyvy Montessori - footer "Enrol Now" CTA column.
   Adds a 4th column to the existing .ty-footer__inner grid (defined in home.css, which
   overrides the 3-column rule below it since this file loads after home.css). */

.ty-footer .ty-footer__inner { grid-template-columns: 1.3fr 0.85fr 1.05fr auto; align-items: start; }

.ty-footer__cta { display: flex; align-items: flex-start; min-width: 190px; }
.ty-footer__cta .ty-btn { width: 100%; justify-content: center; }
.ty-page .ty-footer__cta .ty-btn--primary { box-shadow: 0 14px 30px -14px rgba(74, 98, 63, .55); }

@media (max-width: 980px) {
  .ty-footer .ty-footer__inner { grid-template-columns: 1fr 1fr; }
  .ty-footer__cta { grid-column: 1 / -1; min-width: 0; order: -1; padding: 8px 0 22px; }
  .ty-footer__cta .ty-btn { width: auto; flex: 1 1 auto; }
}
@media (max-width: 560px) {
  .ty-footer__cta { padding: 6px 0 20px; }
  .ty-footer__cta .ty-btn { width: 100%; }
}

/* Footer social icons (Get in touch column) */
.ty-footer__social { display: flex; gap: 10px; margin-top: 20px; }
.ty-footer__social a { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line-2); display: inline-flex; align-items: center; justify-content: center; color: var(--ink-2); background: transparent; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
.ty-footer__social a:hover { background: var(--green); border-color: var(--green); color: #fff; transform: translateY(-2px); }
.ty-footer__social svg { width: 17px; height: 17px; display: block; }