/* ==========================================================================
   Footer Layout: Builder (WPBakery)
   JIT loaded only when the builder-footer layout is active.
   Base width/padding: `.footer-container` in style.css.
   Scope custom rules to `.site-footer.layout-builder-footer` where possible.
   @package Celeste
   @since   2.9.0
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. BUILDER FOOTER — optional layout overrides
   Background token from ACF `bf_bg_footer` via inline --bf-bg-footer on
   .site-footer.layout-builder-footer (see layout-builder-footer.php).
   -------------------------------------------------------------------------- */

   .site-footer.layout-builder-footer {
      background-color: var(--bf-bg-footer, #1a1a1a);
      padding: 3rem 0 3rem;
      padding-top: 3rem;
      padding-bottom: calc(3rem + env(safe-area-inset-bottom));
   }

   .footer-heading,
   .layout-builder-footer h2,
   .layout-builder-footer h3,
   .layout-builder-footer h4,
   .layout-builder-footer h5,
   .layout-builder-footer h6 {
      font-family: var(--footer-header-font-family, var(--font-ui));
       font-weight: var(--footer-header-font-weight, 700);
       font-size: var(--footer-header-size-fluid, clamp(14px, 0.8750rem + 0.8621vw, 18px));
       line-height: var(--footer-header-line-height, 1.4);
       text-transform: var(--footer-header-text-transform, uppercase);
       color: var(--footer-header-color, #e30613);
   }

   .layout-builder-footer p,
   .layout-builder-footer ul,
   .layout-builder-footer ol,
   .layout-builder-footer li,
   .layout-builder-footer a:not(.csl-link),
   .layout-builder-footer span:not(.csl-icon-wrap),
   .layout-builder-footer em,
   .layout-builder-footer strong,
   .layout-builder-footer b,
   .bf-copyright,
   .bf-copyright a
    {
      font-weight: var(--footer-body-font-weight, 400);
      line-height: var(--footer-body-line-height, 1.6);
      text-decoration: none;
      text-transform: var(--footer-body-text-transform, none);
      font-size: var(--footer-body-size-fluid, clamp(14px, 0.8750rem + 0.0000vw, 14px));
      transition: color 0.2s ease;
      font-family: var(--footer-body-font-family, var(--font-body));
   }