/* Site footer — clean white. Markup: include/footer.php
   Selectors use .kya-site-footer so they beat the generic `footer ...` rules in styleyoga.min.css. */

.kya-site-footer {
   --kf-accent: #e83b3b;
   --kf-head: #1f1f1f;
   --kf-text: #6b6b6b;
   --kf-line: #eeeeee;
   position: relative;
   padding: 0;
   color: var(--kf-text);
   background: #fff;
   border-top: 1px solid var(--kf-line);
}

/* ---------- Columns ---------- */
.kya-site-footer .kf-grid {
   display: grid;
   grid-template-columns: 1.1fr 1.15fr .85fr 1.3fr;
   gap: 40px;
   max-width: 1200px;
   margin: 0 auto;
   padding: 64px 32px 56px;
}

.kya-site-footer p,
.kya-site-footer li,
.kya-site-footer a {
   font-size: 14px;
   text-align: left;
}

.kya-site-footer .kf-logo img {
   display: block;
   width: 150px;
   height: auto;
}

.kya-site-footer .kf-about p {
   line-height: 1.75;
   color: var(--kf-text);
   margin: 16px 0 20px;
   max-width: 290px;
}

.kya-site-footer .kf-badges {
   display: flex;
   align-items: center;
   gap: 16px;
}

.kya-site-footer .kf-badges img {
   display: block;
   width: 48px;
   height: 48px;
   object-fit: contain;
}

.kya-site-footer .kf-heading {
   font-size: 15px;
   font-weight: 700;
   color: var(--kf-head);
   margin: 4px 0 20px;
}

.kya-site-footer .kf-links,
.kya-site-footer .kf-contact,
.kya-site-footer .kf-social {
   list-style: none;
   margin: 0;
   padding: 0;
}

.kya-site-footer .kf-links li { margin-bottom: 12px; }

.kya-site-footer .kf-links a,
.kya-site-footer .kf-contact a {
   color: var(--kf-text);
   transition: color .2s;
}

.kya-site-footer .kf-links a:hover,
.kya-site-footer .kf-contact a:hover {
   color: var(--kf-accent);
   text-decoration: none;
}

.kya-site-footer .kf-contact li {
   display: flex;
   gap: 12px;
   margin-bottom: 14px;
   line-height: 1.6;
   color: var(--kf-text);
   overflow-wrap: anywhere;
}

.kya-site-footer .kf-contact i {
   flex: 0 0 16px;
   margin-top: 4px;
   font-size: 14px;
   text-align: center;
   color: var(--kf-accent);
}

/* ---------- Bottom bar ---------- */
.kya-site-footer .kf-bottom {
   padding: 0;
   background: transparent;
   border-top: 1px solid var(--kf-line);
}

.kya-site-footer .kf-bottom-inner {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 16px;
   max-width: 1200px;
   margin: 0 auto;
   padding: 22px 32px;
}

.kya-site-footer .kf-bottom p {
   margin: 0;
   font-size: 13px;
   color: var(--kf-text);
}

.kya-site-footer .kf-bottom p a { font-size: 13px; color: var(--kf-head); font-weight: 600; }
.kya-site-footer .kf-bottom p a:hover { color: var(--kf-accent); text-decoration: none; }

.kya-site-footer .kf-social {
   display: flex;
   gap: 10px;
}

.kya-site-footer .kf-social a {
   display: grid;
   place-items: center;
   width: 34px;
   height: 34px;
   border-radius: 8px;
   color: #fff;
   background: var(--kf-accent);
   transition: transform .2s, background .2s;
}

.kya-site-footer .kf-social a i { font-size: 15px; }

.kya-site-footer .kf-social a:hover {
   color: #fff;
   background: #c92a2a;
   transform: translateY(-2px);
   text-decoration: none;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
   .kya-site-footer .kf-grid { grid-template-columns: 1fr 1fr; gap: 40px 32px; }
}

@media (max-width: 575px) {
   .kya-site-footer .kf-grid {
      grid-template-columns: 1fr;
      gap: 32px;
      padding: 44px 20px 36px;
   }
   .kya-site-footer .kf-bottom-inner {
      flex-direction: column-reverse;
      padding: 20px 20px;
   }
   .kya-site-footer .kf-bottom p { text-align: center; }
}

/* online TTC pages have a sticky enroll bar — keep room for it (was .online-yttc .bottom-bar) */
@media (max-width: 1200px) {
   .online-yttc .kya-site-footer .kf-bottom-inner { padding-bottom: 70px; }
}