/* ════════════════════════════════════════════════════════════════
   Foody — footer styles (design ref: source/design/css/styles.css,
   "FOOTER" section). Served as ir.attachment `foody_footer.css`,
   loaded by view 2332 (website.foody_header_style).
   Markup: view website.foody_footer (inherits 1313 website.footer_custom).
   ════════════════════════════════════════════════════════════════ */

/* ── Shell: full-bleed deep-green footer ── */
#wrapwrap footer#bottom { background: #45793B; }
#wrapwrap #footer {
  background: #45793B;
  color: #fff;
  font-family: 'DM Sans', sans-serif;
}
#wrapwrap #footer .foody-footer { padding-top: 2rem; } /* + section pt40 ≈ design 4.5rem */

/* ── Link grid ── */
#wrapwrap #footer .foody-fgrid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr); /* design had 4 link cols; Help column removed */
  gap: 2.2rem;
  padding-bottom: 3rem;
}
#wrapwrap #footer .foody-fgrid h5 {
  font-family: 'DM Sans', sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #F3B8D0;
  margin-bottom: 1rem;
}
#wrapwrap #footer .foody-fgrid a {
  display: block;
  font-size: .86rem;
  color: rgba(255, 255, 255, .72);
  margin-bottom: .5rem;
  text-decoration: none;
  transition: color .18s;
}
#wrapwrap #footer .foody-fgrid a:hover { color: #F3B8D0; }
#wrapwrap #footer .foody-fgrid p {
  color: rgba(255, 255, 255, .6);
  font-size: .85rem;
  max-width: 30ch;
  margin: .9rem 0 1.2rem;
}

/* ── Brand block ── */
#wrapwrap #footer .foody-flogo { display: inline-block; color: #fff; text-decoration: none; }
#wrapwrap #footer .foody-flogo .logo-stack { display: flex; flex-direction: column; gap: .25rem; }
#wrapwrap #footer .foody-flogo small {
  color: rgba(255, 255, 255, .55);
  font-size: .55rem;
  letter-spacing: .22em;
}

/* ── Socials ── */
#wrapwrap #footer .foody-socials { display: flex; gap: .55rem; }
#wrapwrap #footer .foody-socials a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.3px solid rgba(255, 255, 255, .25);
  display: grid;
  place-items: center;
  margin: 0;
  color: #fff;
  font-size: 16px;
  transition: all .18s;
}
#wrapwrap #footer .foody-socials a:hover {
  background: #F3B8D0;
  color: #45793B;
  border-color: #F3B8D0;
}

/* ── Legal row ── */
#wrapwrap #footer .foody-flegal {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: 1.3rem 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: .74rem;
  color: rgba(255, 255, 255, .5);
}
#wrapwrap #footer .foody-flegal a {
  color: rgba(255, 255, 255, .5);
  text-decoration: none;
}
#wrapwrap #footer .foody-flegal a:hover { color: #F3B8D0; }
#wrapwrap #footer .foody-flegal .lg { display: flex; gap: 1.2rem; align-items: center; }
#wrapwrap #footer .foody-flegal .lg i { margin-right: .3rem; }

/* ── Hide Odoo default copyright bar — design has its own legal row ── */
#wrapwrap footer .o_footer_copyright { display: none; }

/* ── Responsive ── */
@media (max-width: 940px) {
  #wrapwrap #footer .foody-fgrid { grid-template-columns: 1fr 1fr; gap: 1.6rem; }
}