/*
 * footer.css — Site footer:three-column Bulma layout,dark background
 *
 * Inside the Bulma .columns scaffold from footer-site.php.
 * All colors through tokens → GP vars. Zero hex values.
 */

/* ── Footer Shell ─────────────────────────────────── */
.gpre-footer{background:var(--color-bg-dark); color:var(--color-surface); padding:var(--space-3xl) 0 0; font-family:var(--font-body); font-size:16px;}
/* ── Inner Container ──────────────────────────────── */
.gpre-footer__inner{width:min(100% - 3rem, var(--gb-container-width, 1560px)); margin:0 auto;}

/* @media (max-width:767px) {

  .gpre-footer__inner .column{
    padding-inline:0;
  }
  
} */
/* ── Brand Column ─────────────────────────────────── */
.gpre-footer__brand{padding-right:var(--space-xl);}
.gpre-footer__logo{display:block; height:54px; width:auto; margin-bottom:var(--space-md);}
.gpre-footer__logo-text{font-family:var(--font-heading); font-size:var(--text-2xl); font-weight:700; color:var(--color-surface);}
.gpre-footer__desc{color:var(--color-text-muted); line-height:1.6; margin-top:var(--space-sm); max-width:40ch;}
/* ── Affiliate Logo ──────────────────────────────── */
.gpre-footer__affiliate{margin-top:var(--space-xl); padding-top:var(--space-lg); border-top:1px solid #5d5d5d;}
.gpre-footer__affiliate-label{font-size:var(--text-xs); font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--color-text-muted); margin:0 0 var(--space-sm);}
.gpre-footer__affiliate-logo svg{display:block; height:30px; width:auto; opacity:0.82; transition:opacity var(--transition-base);}
.gpre-footer__affiliate-logo:hover{opacity:1;}
/* ── Section Headings ─────────────────────────────── */
.gpre-footer__heading{font-family:var(--font-heading); font-size:26px; font-weight:500; color:var(--color-surface); margin-bottom:var(--space-md); letter-spacing:0.02em;}
/* ── Quick Links Menu ─────────────────────────────── */
.gpre-footer__menu{list-style:none; margin:0; padding:0;}
.gpre-footer__menu .menu-item{margin-bottom:var(--space-xs);}
.gpre-footer__menu .menu-item a{color:var(--color-text-muted); text-decoration:none; transition:color var(--transition-base); padding:var(--space-xs) 0; display:inline-block;}
.gpre-footer__menu .menu-item a:hover,.gpre-footer__menu .menu-item a:focus-visible{color:var(--color-surface);}
/* ── Contact List ─────────────────────────────────── */
.gpre-footer__contact{list-style:none; margin:0; padding:0;}
.gpre-footer__contact-item{display:flex; align-items:flex-start; gap:var(--space-sm); margin-bottom:var(--space-md); color:var(--color-text-muted); line-height:1.5;}
.gpre-footer__contact-item a,.gpre-footer__contact-item span{color:var(--color-text-muted); text-decoration:none; transition:color var(--transition-base);}
.gpre-footer__contact-item a:hover,.gpre-footer__contact-item a:focus-visible{color:var(--color-surface);}
.gpre-footer__contact-icon{flex-shrink:0; margin-top:3px; stroke:var(--color-accent);}
/* ── Social Icons ───────────────────────────────── */
.gpre-footer__social{display:flex; gap:var(--space-xs);}
.gpre-footer__social-link{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:var(--radius-full); color:var(--color-text-muted); background:transparent; transition:color var(--transition-base),background var(--transition-base);}
.gpre-footer__social-link:hover,.gpre-footer__social-link:focus-visible{color:var(--color-surface); background:var(--color-accent);}
/* ── Bottom Bar ───────────────────────────────────── */
.gpre-footer__bottom{margin-top:var(--space-xl); padding:var(--space-lg) 0; border-top:1px solid #5d5d5d;}
.gpre-footer__bottom-inner{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-md);}
.gpre-footer__copyright{color:var(--color-text-muted); margin:0;}
.gpre-footer__legal{display:flex; gap:var(--space-lg);}
.gpre-footer__legal a{color:var(--color-text-muted); text-decoration:none; transition:color var(--transition-base);}
.gpre-footer__legal a:hover,.gpre-footer__legal a:focus-visible{color:var(--color-surface);}
/* ── Responsive ───────────────────────────────────── */

/* Tablet — stack columns */
@media (max-width:768px){
  .gpre-footer{padding:var(--space-2xl) 0 0;}
  .gpre-footer__brand{padding-right:0; margin-bottom:var(--space-lg);}
  .gpre-footer__heading{margin-bottom:var(--space-md);}
  .gpre-footer__bottom{margin-top:var(--space-2xl);}
  .gpre-footer__bottom-inner{flex-direction:column; align-items:flex-start; text-align:left;}
}
/* Small phones — tighter spacing */
@media (max-width:480px){
  .gpre-footer__inner{padding:0 var(--space-md);}
  .gpre-footer__logo{height:40px;}
}