/* =====================================================================
   KlinikPlus – FOOTER sizing across screen sizes
   ---------------------------------------------------------------------
   The site ships a compact treatment for 992–1440px laptops (updated.css
   plus the `max-width: 1440px` blocks in klinikplus.css and
   modules/responsive/breakpoints.css). For the FOOTER that reads as
   shrunken next to the same page on a wide monitor, so this file gives it
   the wide-screen sizing at every width, phone included.

   The NAVBAR is deliberately NOT touched here. This file used to scale it
   up between 1250 and 1440px as well, but the larger menu text was not
   wanted — the intended sizing at those widths is the 0.875rem set in the
   `max-width: 1440px` block of modules/responsive/breakpoints.css, which
   now governs again. Do not re-add navbar font rules here; change that
   breakpoint instead, so there is one place that owns nav sizing.

   Loaded after updated.css, so its equal-specificity !important rules
   win. Footer only — the header and page content are untouched.
   ===================================================================== */


/* ---------------------------------------------------------------------
   FOOTER — identical on phone, laptop and wide screen
--------------------------------------------------------------------- */
footer,
footer .text-base,
footer p {
    font-size: 1rem !important;
}

/* Tailwind's `text-xl` on the column headings and the plain inherited
   size on "Follow Us" — the sizes a wide screen already shows. */
footer h3 {
    font-size: 1.25rem !important;
}

footer h4 {
    font-size: 1rem !important;
}

.footer-social-link a,
.footer-social-link svg,
.footer-social-link img {
    width: 40px !important;
    height: 40px !important;
}

/* The number must never wrap onto a second line inside the 62px bar. */
.klinikplus-phone-number {
    white-space: nowrap;
}