/*
  MyMom's Food - Header & Footer dùng chung toàn site (mọi trang).
  Được enqueue trên TẤT CẢ các trang (không điều kiện template).
*/
:root{
  --amber:#FDA702;
  --amber-deep:#B87400;
  --amber-soft:#FFE6AE;
  --cream:#FFF6E6;
  --paper:#FFFDF8;
  --ink:#2B2013;
  --ink-soft:#6B5A42;
  --leaf:#3E6B49;
  --leaf-soft:#E7F0E4;
  --line: rgba(43,32,19,.12);
  --shadow: 0 20px 45px -20px rgba(43,32,19,.35);
  --radius-lg: 28px;
  --radius-md: 18px;
  --maxw: 1180px;
}

.mmf-site header#siteHeader *,
.mmf-site footer.mmf-footer *{box-sizing:border-box;}
.mmf-site header#siteHeader a:not(.btn),
.mmf-site footer.mmf-footer a:not(.btn){color:inherit;text-decoration:none;}
.mmf-site .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

.mmf-site .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 28px;
  border-radius:999px;
  font-weight:700;
  font-size:15.5px;
  cursor:pointer;
  border:2px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
  font-family:'Be Vietnam Pro', sans-serif;
}
.mmf-site .btn-primary{background:var(--ink) !important;color:var(--cream) !important;}
.mmf-site .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px rgba(43,32,19,.5);}
.mmf-site .btn-ghost{border-color:var(--ink);color:var(--ink) !important;background:transparent !important;}
.mmf-site .btn-ghost:hover{background:var(--ink) !important;color:var(--cream) !important;transform:translateY(-2px);}
.mmf-site .btn:focus-visible{outline:3px solid var(--amber-deep);outline-offset:2px;}

/* ---------- Header ---------- */
.mmf-site header#siteHeader{
  max-width:none;
  position:sticky;top:0;z-index:50;
  background:rgba(255,246,230,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease, box-shadow .25s ease;
  font-family:'Be Vietnam Pro', sans-serif;
}
.mmf-site header#siteHeader.scrolled{border-color:var(--line);box-shadow:0 6px 20px -14px rgba(43,32,19,.3);}
.mmf-site .nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 0;
}
.mmf-site .brand{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:700;font-size:21px;color:var(--ink);}
.mmf-site .brand-mark{
  width:40px;height:40px;border-radius:12px;
  background:var(--amber);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 14px -6px rgba(253,167,2,.7);
  flex:none;
}
.mmf-site .brand-mark svg{width:22px;height:22px;}
.mmf-site .brand small{display:block;font-family:'Be Vietnam Pro',sans-serif;font-weight:500;font-size:11px;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;}
.mmf-site .brand-logo-img{height:42px;width:auto;max-width:220px;display:block;object-fit:contain;}
.mmf-site .foot-logo-img{height:30px;width:auto;max-width:180px;display:block;object-fit:contain;}
.mmf-site nav.links{display:flex;align-items:center;gap:34px;}
.mmf-site nav.links a:not(.btn){font-weight:600;font-size:14.5px;color:var(--ink-soft);position:relative;padding:4px 0;}
.mmf-site nav.links a:not(.btn):hover{color:var(--ink);}
.mmf-site nav.links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--amber-deep);transition:width .2s ease;}
.mmf-site nav.links a:not(.btn):hover::after{width:100%;}
.mmf-site .nav-right{display:flex;align-items:center;gap:18px;}
.mmf-site .nav-cta-mobile{display:none;align-self:stretch;text-align:center;}
.mmf-site .burger{display:none;background:none;border:none;cursor:pointer;padding:8px;}
.mmf-site .burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;}

/* ---------- Footer ---------- */
.mmf-site footer.mmf-footer{margin-top:0;background:#221A10;color:#D8CCB8;padding:64px 0 28px;font-family:'Be Vietnam Pro',sans-serif;}
.mmf-site .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;}
.mmf-site .foot-brand{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-weight:700;font-size:19px;color:var(--paper);margin-bottom:14px;}
.mmf-site .foot-grid p{font-size:13.5px;line-height:1.7;max-width:34ch;color:#AE9E85;}
.mmf-site .foot-col h4{font-family:'Be Vietnam Pro',sans-serif;color:var(--paper);font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;}
.mmf-site .foot-col a{display:block;font-size:13.5px;color:#AE9E85;margin-bottom:10px;}
.mmf-site .foot-col a:hover{color:var(--amber);}
.mmf-site .foot-bottom{margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#8C7C64;}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .mmf-site nav.links{position:fixed;inset:70px 20px auto 20px;background:var(--paper);border-radius:20px;box-shadow:var(--shadow);
    flex-direction:column;align-items:flex-start;padding:20px 24px;gap:18px;transform:translateY(-14px);opacity:0;pointer-events:none;transition:all .22s ease;z-index:60;}
  .mmf-site nav.links.open{transform:translateY(0);opacity:1;pointer-events:auto;}
  .mmf-site .burger{display:block;}
  .mmf-site .nav-right > .btn{display:none;}
  .mmf-site .nav-cta-mobile{display:inline-flex;margin-top:4px;}
  .mmf-site .foot-grid{grid-template-columns:1fr 1fr;gap:32px;}
}
@media (max-width:560px){
  .mmf-site .wrap{padding:0 18px;}
  .mmf-site .foot-grid{grid-template-columns:1fr;}
}

@media (prefers-reduced-motion: reduce){
  .mmf-site .btn, .mmf-site nav.links a::after{transition:none;}
}

/* WP admin bar compatibility */
.admin-bar .mmf-site header#siteHeader{top:32px;}
@media screen and (max-width:782px){
  .admin-bar .mmf-site header#siteHeader{top:46px;}
}