/**
 * Madania Umrah — brand styles, header & footer.
 */

:root{
  --mu-green-900:#0C3A2B;
  --mu-green-800:#12492F;
  --mu-green-700:#1B6242;
  --mu-gold:#C4A052;
  --mu-gold-deep:#8F6E22;
  --mu-gold-soft:#E6D5A8;
  --mu-cream:#FAF6EC;
  --mu-cream-2:#F2E9D6;
  --mu-sand:#E6D9BF;
  --mu-ink:#1E241F;
  --mu-ink-2:#56594E;
  --mu-header-h:76px;
  --mu-font-head:"Cormorant Garamond",Georgia,serif;
  --mu-font-body:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mu-font-ar:"Amiri",serif;
}

body{font-family:var(--mu-font-body);color:var(--mu-ink);}
::selection{background:var(--mu-gold-soft);color:var(--mu-green-900);}

/* Apply brand fonts to Elementor content site-wide (per-widget settings still win). */
.elementor-widget-heading .elementor-heading-title{font-family:var(--mu-font-head);}
.elementor-widget-text-editor,
.elementor-widget-button .elementor-button,
.elementor-widget-icon-list-item{font-family:var(--mu-font-body);}

/* ---------- Header ---------- */
.mu-header{position:sticky;top:0;z-index:999;background:var(--mu-green-900);border-bottom:1px solid rgba(196,160,82,.28);}
.mu-header__inner{max-width:1200px;margin:0 auto;padding:0 24px;min-height:var(--mu-header-h);display:flex;align-items:center;justify-content:space-between;gap:20px;}
.mu-logo{display:inline-flex;align-items:center;text-decoration:none;}
.mu-logo__text{font-family:var(--mu-font-head);font-weight:700;font-size:26px;color:var(--mu-gold);letter-spacing:.3px;}
.mu-logo img{max-height:50px;width:auto;display:block;}

.mu-nav{display:flex;align-items:center;gap:26px;}
.mu-menu{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0;}
.mu-menu a{color:#EFE9DA;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.2px;transition:color .2s;}
.mu-menu a:hover,.mu-menu .current-menu-item>a,.mu-menu .current-menu-ancestor>a{color:var(--mu-gold);}
.mu-menu li{position:relative;}
.mu-menu .sub-menu{position:absolute;top:calc(100% + 14px);left:0;min-width:210px;background:var(--mu-green-800);border:1px solid rgba(196,160,82,.25);border-radius:10px;padding:8px 0;display:none;box-shadow:0 18px 40px -20px rgba(0,0,0,.6);}
.mu-menu li:hover>.sub-menu{display:block;}
.mu-menu .sub-menu a{display:block;padding:9px 18px;font-weight:500;}

.mu-btn{display:inline-block;font-family:var(--mu-font-body);font-weight:700;font-size:14px;letter-spacing:.3px;padding:11px 22px;border-radius:8px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s;}
.mu-btn--gold{background:var(--mu-gold);color:var(--mu-green-900);}
.mu-btn--gold:hover{background:#d3b366;color:var(--mu-green-900);}
.mu-btn--outline{background:transparent;border-color:var(--mu-gold);color:var(--mu-gold-soft);}

.mu-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:transparent;border:0;cursor:pointer;padding:9px;}
.mu-nav-toggle span{display:block;height:2px;width:26px;background:var(--mu-gold-soft);transition:transform .25s,opacity .2s;}
.mu-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mu-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.mu-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mu-header.is-stuck{box-shadow:0 12px 30px -18px rgba(0,0,0,.7);}

/* ---------- Footer ---------- */
.mu-footer{background:var(--mu-green-900);color:#9DB1A4;padding:64px 24px 28px;}
.mu-footer__inner{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;gap:34px;justify-content:space-between;}
.mu-footer__col{flex:1 1 220px;min-width:200px;}
.mu-footer__col--brand{flex:1.4 1 260px;}
.mu-footer__brand{font-family:var(--mu-font-head);font-weight:700;font-size:24px;color:var(--mu-gold);margin:0 0 10px;}
.mu-footer h4{font-family:var(--mu-font-body);font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--mu-gold-soft);margin:0 0 12px;}
.mu-footer p,.mu-footer li,.mu-footer a{color:#9DB1A4;font-size:14px;line-height:1.8;text-decoration:none;}
.mu-footer a:hover{color:var(--mu-gold-soft);}
.mu-footer__list{list-style:none;margin:0;padding:0;}
.mu-footer__bottom{max-width:1140px;margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(196,160,82,.18);text-align:center;font-size:13px;color:#6E8378;}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .mu-nav-toggle{display:flex;}
  .mu-nav{position:fixed;left:0;right:0;top:var(--mu-header-h);background:var(--mu-green-900);flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 24px;border-bottom:1px solid rgba(196,160,82,.28);transform:translateY(-130%);transition:transform .3s ease;max-height:calc(100vh - var(--mu-header-h));overflow:auto;}
  .mu-nav.is-open{transform:translateY(0);}
  .mu-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;}
  .mu-menu a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;}
  .mu-menu .sub-menu{position:static;display:block;background:transparent;border:0;box-shadow:none;padding:0 0 0 16px;}
  .mu-nav__cta{margin-top:16px;text-align:center;}
}

/* ---------- Elementor: stack flex rows (card grids / columns) on phones ---------- */
@media(max-width:767px){
  .e-con.e-flex{flex-direction:column !important;}
  .e-con.e-flex > .e-con{width:100% !important;}
}