/* ============================================================================
   John Surtees footer — the approved v3 design.
   Specification: site-wide-design-review/v3/04-FOOTER-SYSTEM.html and
   v3/assets/jsr3.css. Four desktop columns (1.5fr + three equal), a legal strip,
   and the v3 type scale and colours.

   Botiga's own markup is kept: .bhfb-row-wrapper > .container > .bhfb-row >
   .bhfb-column. Its native 4col-bigleft gives 2:1:1:1; the approved reference is
   1.5:1:1:1, so the ratio and the 52px gap are set here. Footer-scoped only.
   ========================================================================== */
.bhfb-footer{background:#141d27;color:#aeb9c4;font-size:13.5px;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.bhfb-footer a{color:#c8d1da;text-decoration:none}
.bhfb-footer a:hover{color:#fff}

/* ---- the four-column row --------------------------------------------- */
.bhfb-footer .bhfb-above_footer_row > .container{max-width:1320px;margin:0 auto;
  padding-left:40px;padding-right:40px;width:100%}
.bhfb-footer .bhfb-above_footer_row .bhfb-row.bhfb-cols-4{
  display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:52px;align-items:start}
.bhfb-footer .bhfb-above_footer_row .bhfb-column{width:auto;max-width:none;padding:0;
  display:block;flex:none}
.bhfb-footer .bhfb-above_footer_row .widget{margin:0}

/* ---- brand and address ------------------------------------------------ */
.bhfb-footer .jsf-brand{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  font-size:27px;letter-spacing:.07em;color:#fff;line-height:1}
.bhfb-footer .jsf-brand small{display:block;font-family:"Inter",system-ui,sans-serif;
  font-size:7.5px;letter-spacing:.32em;color:#75828f;margin-top:6px;text-transform:uppercase}
.bhfb-footer .jsf-addr{margin:22px 0 0;line-height:1.75;color:#9aa6b2;max-width:30ch;
  font-size:13.5px}
.bhfb-footer .jsf-addr a{display:inline-block;margin-top:9px;
  border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px;color:#c8d1da}
.bhfb-footer .jsf-addr a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.55)}

/* ---- column headings and links ---------------------------------------- */
.bhfb-footer .widget-column .widget .widget-title,
.bhfb-footer .bhfb-column .widget .widget-title,
.bhfb-footer .widget-title,
.bhfb-footer .widgettitle{font-family:"Inter",system-ui,sans-serif;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#fff;margin:0 0 17px;
  font-weight:500;line-height:1.4}
.bhfb-footer .menu,
.bhfb-footer .bhfb-column ul{list-style:none;margin:0;padding:0}
.bhfb-footer .bhfb-column li{margin:0 0 11px;padding:0;border:0}
.bhfb-footer .bhfb-column li a{font-size:13.5px;line-height:1.5}

/* ---- legal strip ------------------------------------------------------ */
.bhfb-footer .bhfb-main_footer_row{border-top:1px solid rgba(255,255,255,.1)}
.bhfb-footer .bhfb-main_footer_row > .container{max-width:1320px;margin:0 auto;
  padding-left:40px;padding-right:40px;width:100%}
.bhfb-footer .bhfb-component-copyright{width:100%}
.bhfb-footer .botiga-credits{display:flex;justify-content:space-between;gap:26px;
  flex-wrap:wrap;font-size:12px;color:#75828f;width:100%}
.bhfb-footer .botiga-credits a{color:#75828f}
.bhfb-footer .botiga-credits a:hover{color:#fff}
.bhfb-footer .jsf-legal a{margin-right:20px}

/* ---- responsive, matching the reference ------------------------------- */
@media (max-width:1100px){
  .bhfb-footer .bhfb-above_footer_row .bhfb-row.bhfb-cols-4{
    grid-template-columns:1fr 1fr;gap:38px 30px}
  .bhfb-footer .bhfb-above_footer_row > .container,
  .bhfb-footer .bhfb-main_footer_row > .container{padding-left:30px;padding-right:30px}
}
@media (max-width:760px){
  .bhfb-footer .bhfb-above_footer_row .bhfb-row.bhfb-cols-4{grid-template-columns:1fr 1fr}
  .bhfb-footer .bhfb-above_footer_row .bhfb-column-1{grid-column:1/-1}
  .bhfb-footer .bhfb-above_footer_row > .container,
  .bhfb-footer .bhfb-main_footer_row > .container{padding-left:20px;padding-right:20px}
  .bhfb-footer .botiga-credits{flex-direction:column;gap:12px}
}