/* ============================================================
   Medicaputare — site footer
   Loaded on every page (linked from head.hbs).
   Colour and spacing follow the homepage design system:
   gold headings, restrained greys, no decorative flourish.
   ============================================================ */

.mp-footer {
   background: #f7f8fa;
   border-top: 1px solid #e6e8ec;
   color: #5b6570;
   font-size: 0.92rem;
   margin-top: 3rem;
}

.mp-footer__inner {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr 1fr;
   gap: 2.5rem;
   max-width: 1180px;
   margin: 0 auto;
   padding: 3rem 1.5rem 2rem;
}

.mp-footer__logo {
   height: 42px;
   width: auto;
   margin: 0 0 1rem;
   display: block;
}

.mp-footer__tagline {
   color: #3f4850;
   margin: 0 0 1.25rem;
   max-width: 30ch;
}

.mp-footer__meta {
   margin: 0 0 0.4rem;
}

.mp-footer__meta a {
   color: #5b6570;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   transition: color 0.15s ease, border-color 0.15s ease;
}

.mp-footer__meta a:hover,
.mp-footer__meta a:focus {
   color: var(--gold, #c9a227);
   border-bottom-color: currentColor;
}

.mp-footer__heading {
   color: var(--gold, #c9a227);
   font-size: 0.78rem;
   font-weight: 700;
   letter-spacing: 0.09em;
   text-transform: uppercase;
   margin: 0 0 1rem;
}

.mp-footer__col ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.mp-footer__col li {
   margin: 0 0 0.6rem;
}

.mp-footer__col a {
   color: #5b6570;
   text-decoration: none;
   border-bottom: 1px solid transparent;
   transition: color 0.15s ease, border-color 0.15s ease;
}

.mp-footer__col a:hover,
.mp-footer__col a:focus {
   color: var(--gold, #c9a227);
   border-bottom-color: currentColor;
}

.mp-footer__bar {
   border-top: 1px solid #e6e8ec;
   max-width: 1180px;
   margin: 0 auto;
   padding: 1.25rem 1.5rem 1.5rem;
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem 1.5rem;
   justify-content: space-between;
   font-size: 0.82rem;
   color: #7b8794;
}

.mp-footer__bar p {
   margin: 0;
}

@media (max-width: 860px) {
   .mp-footer__inner {
      grid-template-columns: 1fr 1fr;
      gap: 2rem;
   }

   .mp-footer__brand {
      grid-column: 1 / -1;
   }
}

@media (max-width: 520px) {
   .mp-footer__inner {
      grid-template-columns: 1fr;
   }

   .mp-footer__bar {
      flex-direction: column;
   }
}