/* ===========================================================================
   Muslims in America — AIHM brand layer (header, menu, sections)
   Palette: primary #829E80 · secondary #9E2B25 · accent #073B3A · cream #FFF8F0
   =========================================================================== */

:root{
  --mia-primary:#829E80; --mia-secondary:#9E2B25; --mia-accent:#073B3A;
  --mia-cream:#FFF8F0; --mia-muted:#91818A;
}

/* ---------- Sticky branded header ---------- */
.mia-header{
  position:sticky; top:0; z-index:999;
  background:var(--mia-accent);
  border-bottom:3px solid var(--mia-primary);
  transition:padding .25s ease, box-shadow .25s ease, background .25s ease;
  padding:.85rem clamp(1rem,4vw,2.5rem);
}
.mia-header.is-scrolled{ padding:.4rem clamp(1rem,4vw,2.5rem); box-shadow:0 6px 24px rgba(7,59,58,.28); }
.mia-header .wp-block-site-logo img{ max-height:64px; width:auto; transition:max-height .25s ease; }
.mia-header.is-scrolled .wp-block-site-logo img{ max-height:46px; }
.mia-header .wp-block-site-title a{
  color:var(--mia-cream); font-family:'Aboreto','Playfair Display',serif;
  font-size:1.4rem; letter-spacing:.5px; text-decoration:none;
}

/* ---------- Navigation / menu ---------- */
.mia-header .wp-block-navigation{ font-family:'Montserrat',sans-serif; font-weight:600; }
.mia-header .wp-block-navigation a,
.mia-header .wp-block-navigation .wp-block-navigation-item__content{
  color:var(--mia-cream); text-transform:uppercase; font-size:.82rem; letter-spacing:.6px;
}
.mia-header .wp-block-navigation .wp-block-navigation-item__content:hover{ color:var(--mia-primary); }
.mia-header .wp-block-navigation .wp-block-navigation-item.current-menu-item > a{ color:var(--mia-primary); }

/* submenu (dropdown) */
.mia-header .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation__submenu-container{
  background:var(--mia-cream); border-top:3px solid var(--mia-secondary);
  box-shadow:0 12px 30px rgba(7,59,58,.22); border-radius:0 0 6px 6px; min-width:240px; padding:.4rem 0;
}
.mia-header .wp-block-navigation .wp-block-navigation__submenu-container a,
.mia-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  color:var(--mia-accent); padding:.55rem 1.1rem;
}
.mia-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover{ background:var(--mia-primary); color:var(--mia-cream); }

/* mobile overlay */
.wp-block-navigation__responsive-container.is-menu-open{ background:var(--mia-accent); }
.wp-block-navigation__responsive-container.is-menu-open a{ color:var(--mia-cream); }

/* ---------- Hero ---------- */
.mia-hero{
  background:linear-gradient(180deg, rgba(7,59,58,.78), rgba(7,59,58,.92)), var(--mia-accent);
  color:var(--mia-cream); text-align:center; padding:clamp(3rem,9vw,7rem) 1.25rem;
}
.mia-hero h1{ color:var(--mia-cream)!important; font-family:'Playfair Display',serif; }
.mia-hero .mia-kicker{ color:var(--mia-primary); font-family:'Montserrat',sans-serif; font-weight:600;
  text-transform:uppercase; letter-spacing:3px; font-size:.8rem; }
.mia-hero p{ color:#f0e6d8; max-width:640px; margin:1rem auto 0; }

/* ---------- Sections ---------- */
.mia-section{ padding:clamp(2.25rem,6vw,4.5rem) 1.25rem; }
.mia-section--alt{ background:#fff; }
.mia-section h2{ font-family:'Playfair Display',serif; color:var(--mia-accent); }
.mia-eyebrow{ color:var(--mia-secondary); font-family:'Montserrat',sans-serif; font-weight:700;
  text-transform:uppercase; letter-spacing:2px; font-size:.78rem; }
.mia-section a.mia-btn,
.mia-btn{ display:inline-block; background:var(--mia-secondary); color:var(--mia-cream)!important;
  padding:.8rem 1.6rem; border-radius:4px; text-decoration:none; font-family:'Montserrat',sans-serif;
  font-weight:600; transition:transform .15s ease, background .2s ease; }
.mia-btn:hover{ background:#7e211c; transform:translateY(-2px); }

/* ---------- Footer ---------- */
.mia-footer{ background:var(--mia-accent); color:var(--mia-cream); padding:3rem 1.25rem 2rem; text-align:center; }
.mia-footer a{ color:var(--mia-primary); }
.mia-footer .mia-footer__brand{ font-family:'Aboreto',serif; font-size:1.3rem; letter-spacing:1px; }

/* ---------- Gallery polish ---------- */
.mia-section .wp-block-image img,
.mia-section .wp-block-gallery img{ border-radius:6px; box-shadow:0 8px 22px rgba(7,59,58,.14); }

/* ---------- New Building Fundraiser modal ---------- */
.mia-modal{ position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center;
  background:rgba(7,59,58,.72); padding:1.25rem; opacity:0; visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease; }
.mia-modal.is-open{ opacity:1; visibility:visible; }
.mia-modal__box{ position:relative; background:var(--mia-cream); max-width:460px; width:100%; border-radius:10px;
  border-top:6px solid var(--mia-secondary); box-shadow:0 24px 60px rgba(0,0,0,.35);
  padding:2.5rem 2rem 2rem; text-align:center; transform:translateY(14px) scale(.98); transition:transform .3s ease; }
.mia-modal.is-open .mia-modal__box{ transform:none; }
.mia-modal__close{ position:absolute; top:.4rem; right:.7rem; background:none; border:0; font-size:1.9rem;
  line-height:1; color:var(--mia-muted); cursor:pointer; }
.mia-modal__close:hover{ color:var(--mia-secondary); }
.mia-modal__kicker{ color:var(--mia-primary); font-family:'Montserrat',sans-serif; font-weight:700;
  text-transform:uppercase; letter-spacing:2px; font-size:.72rem; margin:0 0 .25rem; }
.mia-modal__title{ font-family:'Playfair Display',serif; color:var(--mia-accent); font-size:1.9rem; margin:.1rem 0 .6rem; }
.mia-modal__text{ color:var(--mia-accent); font-size:.98rem; line-height:1.55; margin:0 0 1.4rem; }
.mia-modal__cta{ margin:0 auto; }