/* =========================================================
   EDIUSFA — 05-FOOTER
   Footer composite + mobile sticky bottom nav
   -----------------------------------------------------------------
   Source of truth: ediusfa-homepage-final.html
   - First <style> block, lines 756–758 (bottom-nav) and 768–782 (footer composite)
   - Homepage-specific block, lines 812–813 (body padding for sticky nav)
     and 963–975 (footer overrides + mobile sticky nav)
   -----------------------------------------------------------------

   @package    EdiusFA
   @subpackage assets/css
   @since      0.1.0
   @version    0.1.0
   @FROZEN     (footer + mobile sticky nav are frozen — see ARCHITECTURE.md §3.3)
   ========================================================= */

/* =========================================================
   29 — MOBILE NAVIGATION (bottom-nav used by .mobile-sticky-nav)
   ========================================================= */
.bottom-nav{display:flex; justify-content:space-around; padding:10px 0; background:var(--bg-sunken); border-top:1px solid var(--line);}
.bottom-nav-item{display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--ink-faint); font-size:11px;}
.bottom-nav-item.is-active{color:var(--cyan);}

/* =========================================================
   30 — FOOTER (composite)
   ========================================================= */
.comp-footer{background:var(--bg-sunken); padding:44px 24px 22px;}
.comp-footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:32px;}
.comp-footer-grid h5{font-size:13.5px; margin-bottom:14px; color:var(--ink);}
.comp-footer-grid li{margin-bottom:9px;}
.comp-footer-grid a{color:var(--ink-faint); font-size:13px;}
.comp-footer-grid a:hover{color:var(--cyan);}
.comp-social-row{display:flex; gap:10px; margin-top:16px;}
.comp-footer-bottom{
  border-top:1px solid var(--line); padding-top:18px; display:flex; justify-content:space-between;
  color:var(--ink-faint); font-size:12px; flex-wrap:wrap; gap:8px;
}
@media (max-width:900px){ .comp-footer-grid{grid-template-columns:1fr 1fr;} }

/* =========================================================
   FOOTER — homepage-specific overrides (padding reset)
   The homepage wraps the footer columns inside .pdp-container
   for the max-width constraint.
   ========================================================= */
.comp-footer{padding:0;}
.comp-footer > .pdp-container{padding-top:44px; padding-bottom:22px;}

/* =========================================================
   MOBILE STICKY BOTTOM NAV (homepage-specific)
   Hidden on desktop; fixed bottom bar on mobile.
   ========================================================= */
.mobile-sticky-nav{display:none;}
@media (max-width:760px){
  .mobile-sticky-nav{
    display:flex; position:fixed; bottom:0; inset-inline:0; z-index:var(--z-header);
    background:var(--bg-sunken); border-top:1px solid var(--line-strong);
    justify-content:space-around; padding:8px 0 calc(8px + env(safe-area-inset-bottom));
  }
}

/* =========================================================
   BODY PADDING — compensate for mobile sticky nav so it
   doesn't cover the page footer
   ========================================================= */
body{padding-bottom:0;}
@media (max-width:760px){ body{padding-bottom:66px;} }