/* ==========================================================================
   GOLDEN JUBILEE — site footer (every page that had the old footer)
   Markup: jubilee/footer.html → put on the pages by _tools/apply_footer.py
   Gold ground, red ink, off-white Zoe. The motto sits on the 84 Zoe
   (12 sets of 7, the loader's count). No gradients.
   ========================================================================== */
.gj-footer{
  --f-ground:var(--jb-gold,#D4A84A); --f-line:rgba(78,11,23,.22); --f-gold:var(--jb-red,#8A1A2C); --f-gold-lit:var(--jb-red,#8A1A2C); --f-cream:var(--jb-red-deep,#4E0B17);
  --f-serif:'Cormorant Garamond','Playfair Display',Georgia,serif; --f-sans:'Urbanist','Helvetica Neue',Arial,sans-serif;
  position:relative;background:var(--f-ground);color:var(--f-cream);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;
  border-top:1px solid var(--jb-gold-700,#8F6B1D);
}
.gj-footer *,.gj-footer *::before,.gj-footer *::after{box-sizing:border-box}
.gj-footer p,.gj-footer h3,.gj-footer ul,.gj-footer li{margin:0;padding:0 !important;list-style:none}
.gj-footer li::marker{content:none}
.gj-footer a{color:inherit;text-decoration:none !important}
.gj-footer__inner{max-width:1320px;margin:0 auto;padding:clamp(56px,7vw,96px) clamp(20px,5vw,64px) 28px}

/* ---- brand + motto ---- */
.gj-footer__top{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:start;padding-bottom:clamp(40px,5vw,64px) !important}
.gj-footer__brand{display:flex;align-items:center;gap:16px;font:600 11px/1.5 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(78,11,23,.8) !important}
.gj-footer__brand img{width:56px !important;height:56px !important;border-radius:50%;background:var(--jb-cream,#FFFAF1);
  box-shadow:0 0 0 2px var(--f-gold),0 0 0 6px rgba(255,250,241,.14)}
.gj-footer__motto{justify-self:end;max-width:760px}
.gj-footer__zoe{display:block;width:min(100%,420px);height:auto;fill:var(--jb-cream,#FFFAF1);opacity:1;margin-bottom:22px}
.gj-footer .gj-footer__motto p{font:300 clamp(30px,3.6vw,54px)/1.08 var(--f-serif) !important;letter-spacing:-.005em;color:var(--f-cream) !important}
.gj-footer__motto em{font-style:italic;font-weight:400;color:var(--f-gold-lit)}

/* ---- columns ---- */
.gj-footer__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:clamp(24px,3vw,48px);padding:clamp(32px,4vw,48px) 0 !important;border-top:1px solid var(--f-line);border-bottom:1px solid var(--f-line)}
.gj-footer .gj-footer__col h3{margin-bottom:18px !important;font:600 11px/1 var(--f-sans) !important;letter-spacing:.3em !important;text-transform:uppercase;color:var(--f-gold-lit) !important}
.gj-footer__col li + li{margin-top:12px}
.gj-footer__col a{position:relative;font:500 15px/1.3 var(--f-sans);color:rgba(78,11,23,.86) !important;transition:color .25s ease}
.gj-footer__col a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--f-gold);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.gj-footer__col a:hover{color:var(--f-cream) !important}
.gj-footer__col a:hover::after{transform:scaleX(1)}
.gj-footer__social a{display:inline-flex;align-items:center;gap:12px}
.gj-footer__social svg{width:18px;height:18px;flex:none;color:var(--f-gold)}
.gj-footer__social svg:not([fill]){fill:currentColor}
.gj-footer .gj-footer__ask p{font:italic 400 18px/1.4 var(--f-serif) !important;color:rgba(78,11,23,.72) !important;margin-bottom:14px !important}
.gj-footer__ask .gj-footer__big{display:table;margin-top:6px;font:400 clamp(22px,2vw,28px)/1.25 var(--f-serif);font-variant-numeric:lining-nums;color:var(--f-cream) !important;word-break:break-word}
.gj-footer__ask .gj-footer__big::after{bottom:0}

/* ---- base ---- */
.gj-footer__base{display:flex;justify-content:space-between;gap:12px 40px;flex-wrap:wrap;padding-top:22px !important}
.gj-footer .gj-footer__base p{font:400 12px/1.6 var(--f-sans) !important;color:rgba(78,11,23,.5) !important}

/* the theme's own (now empty) footer and its old background image */
body #footer-outer{background:var(--jb-gold,#D4A84A) !important}
body #footer-outer #footer-widgets{display:none}

/* Keep the page content flush with the shared footer on the homepage. */
body.home #ajax-content-wrap > .container-wrap{padding-bottom:0 !important;margin-bottom:0 !important}
/* Hide the unfinished resource pages from the site footer until they are ready. */
.gj-footer__col a[href*="code-of-conduct/"],
.gj-footer__col a[href*="bible/index.html"]{display:none !important}

@media (max-width:1000px){
  .gj-footer__top{grid-template-columns:1fr}
  .gj-footer__motto{justify-self:start}
  .gj-footer__grid{grid-template-columns:1fr 1fr}
  .gj-footer__ask{grid-column:1 / -1}
}
@media (max-width:560px){
  .gj-footer__grid{grid-template-columns:1fr 1fr;row-gap:36px}
  .gj-footer__base{flex-direction:column}
}
@media(max-width:420px){
  .gj-footer__inner{padding:44px 20px 24px}
  .gj-footer__top{gap:28px;padding-bottom:34px !important}
  .gj-footer__brand{align-items:flex-start;gap:12px;min-width:0;font-size:10px;letter-spacing:.16em}
  .gj-footer__brand img{flex:none;width:48px !important;height:48px !important}
  .gj-footer__brand span{min-width:0;overflow-wrap:anywhere}
  .gj-footer__motto{width:100%;min-width:0}
  .gj-footer .gj-footer__motto p{font-size:clamp(28px,8vw,36px) !important;overflow-wrap:anywhere}
  .gj-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"site resources" "site social" "contact contact";column-gap:20px;row-gap:28px;align-items:start}
  .gj-footer .gj-footer__grid>.gj-footer__col[aria-label="Site"]{grid-area:site !important}
  .gj-footer .gj-footer__grid>.gj-footer__col[aria-label="Resources"]{grid-area:resources !important}
  .gj-footer .gj-footer__grid>.gj-footer__col:not([aria-label]):not(.gj-footer__ask){grid-area:social !important}
  .gj-footer .gj-footer__grid>.gj-footer__ask{grid-area:contact !important;min-width:0}
  .gj-footer__ask .gj-footer__big{display:block;width:100%;max-width:100%;overflow-wrap:anywhere;word-break:normal}
  .gj-footer .gj-footer__col h3{letter-spacing:.22em !important}
  .gj-footer__col a,.gj-footer__ask p,.gj-footer .gj-footer__base p{overflow-wrap:anywhere}
  .gj-footer__base{gap:8px}
}