/* Bagdad Bread Factory — shared footer
   Phone and desktop. Loaded last so it wins over older footer rules. */

.site-footer{
  --ff-bg:#10291c;
  --ff-bg-2:#163526;
  --ff-ink:#e7f2ea;
  --ff-muted:#c5d7cb;
  --ff-gold:#e4c27a;
  --ff-line:rgba(255,255,255,.12);
  position:relative;
  z-index:2;
  margin-top:48px;
  background:
    radial-gradient(900px 220px at 8% -10%, rgba(228,194,122,.16), transparent 55%),
    linear-gradient(180deg, var(--ff-bg-2) 0%, var(--ff-bg) 42%);
  color:var(--ff-ink);
  font-family:Inter, Arial, sans-serif;
  overflow:hidden;
}
.site-footer *{box-sizing:border-box}
.site-footer a{color:inherit;text-decoration:none}
.site-footer .footer-accent{
  height:4px;
  background:linear-gradient(90deg,#0f8f46 0%, #e4c27a 48%, #0f8f46 100%);
}
.site-footer .footer-wrap{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:42px 0 22px;
}
.site-footer .footer-grid{
  display:grid !important;
  grid-template-columns:1.35fr .8fr .8fr 1.05fr !important;
  gap:36px 28px;
  align-items:start;
}
.site-footer .footer-brand{min-width:0}
.site-footer .footer-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  min-width:0;
}
.site-footer .footer-lockup img{
  width:64px;
  height:64px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(228,194,122,.55);
  background:#fff;
  flex:0 0 auto;
}
.site-footer .footer-lockup h3,
.site-footer #footerSiteName{
  margin:0;
  font:800 20px/1.15 "Playfair Display", Georgia, serif;
  color:#fff;
  letter-spacing:0;
  overflow-wrap:normal;
  word-break:normal;
}
.site-footer .footer-lockup small{
  display:block;
  margin-top:4px;
  color:var(--ff-gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.site-footer #siteAddress,
.site-footer .footer-note{
  margin:0 0 8px;
  color:var(--ff-muted);
  font-size:14px;
  line-height:1.55;
  max-width:36ch;
}
.site-footer .footer-note{font-size:13px}
.site-footer h4{
  margin:0 0 12px;
  color:var(--ff-gold);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.site-footer .footer-grid > div:not(.footer-brand){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  min-width:0;
}
.site-footer .footer-grid a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:var(--ff-ink);
  font-size:14.5px;
  font-weight:650;
  line-height:1.3;
  border-radius:8px;
}
.site-footer .footer-grid a:hover,
.site-footer .footer-grid a:focus-visible{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.site-footer .footer-contact a{
  word-break:break-word;
}
.site-footer .footer-wa{
  color:var(--ff-gold) !important;
  font-weight:800;
}
.site-footer .footer-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.site-footer .footer-social a{
  width:44px;
  height:44px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--ff-line);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  color:#fff;
}
.site-footer .footer-social a svg{
  width:18px;
  height:18px;
  display:block;
  fill:currentColor;
}
.site-footer .footer-social a:hover,
.site-footer .footer-social a:focus-visible{
  background:#0f8f46;
  border-color:#0f8f46;
  transform:translateY(-2px);
  text-decoration:none;
}
.site-footer .footer-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--ff-line);
}
.site-footer .footer-trust span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--ff-line);
  background:rgba(255,255,255,.04);
  color:#f3ead6;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.site-footer .footer-bottom{
  display:flex !important;
  flex-wrap:wrap;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px 18px !important;
  margin-top:16px;
  padding-top:16px !important;
  border-top:1px solid var(--ff-line) !important;
  text-align:left !important;
  font-size:13px !important;
  color:var(--ff-muted) !important;
}
.site-footer .footer-copyright,
.site-footer #siteCopyright{color:var(--ff-muted)}
.site-footer .footer-legal{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
}
.site-footer .footer-legal a:hover{color:#fff}
.site-footer .footer-legal span{opacity:.45}
.site-footer .footer-credit,
.site-footer a[data-bbf-credit]{display:none !important}
.site-footer .footer-bottom .footer-legal{margin-left:auto}
.site-footer .footer-top{
  position:absolute;
  right:18px;
  bottom:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--ff-line);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:18px;
  font-weight:800;
}
.site-footer .footer-top:hover{background:#0f8f46;border-color:#0f8f46}

@media (max-width:980px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr !important;gap:28px 22px}
  .site-footer .footer-brand,
  .site-footer .footer-contact{grid-column:1 / -1 !important}
}
@media (max-width:680px){
  .site-footer{margin-top:28px}
  .site-footer .footer-wrap{
    width:min(100% - 28px, 1180px);
    padding:28px 0 calc(28px + env(safe-area-inset-bottom));
  }
  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:18px 16px;
  }
  .site-footer .footer-brand,
  .site-footer .footer-contact{grid-column:1 / -1 !important}
  .site-footer .footer-lockup{align-items:center}
  .site-footer #footerSiteName{font-size:22px;max-width:none}
  .site-footer .footer-lockup img{width:56px;height:56px}
  .site-footer .footer-grid a{min-height:40px;font-size:15px}
  .site-footer .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
  }
  .site-footer .footer-top{right:12px;bottom:calc(74px + env(safe-area-inset-bottom))}
}
@media (min-width:1280px){
  .site-footer .footer-wrap{width:min(1180px, calc(100% - 64px))}
}
@media print{
  .site-footer .footer-social,
  .site-footer .footer-top{display:none !important}
  .site-footer{background:#fff !important;color:#111 !important}
  .site-footer a,.site-footer h3,.site-footer h4,.site-footer p{color:#111 !important}
}

.site-footer .footer-wa,
.site-footer .footer-top{display:none !important}
