/* ════════════════════════════════════════════
   Luxury Umrah – Header & Footer
   ════════════════════════════════════════════ */

/* Safety: hide Kadence builder header/footer if they are still printed */
#masthead,#colophon,#mobile-drawer{display:none !important}

.lu-header,.lu-footer,.lu-drawer{font-family:var(--global-body-font-family)}
.lu-header a,.lu-footer a,.lu-drawer a{text-decoration:none}
.lu-header ul,.lu-footer ul,.lu-drawer ul{list-style:none;margin:0;padding:0}
.lu-i{flex-shrink:0;display:block}

/* ─── Header wrapper (sticky) ─── */
.lu-header{--lu-usp-h:38px;position:sticky;top:0;z-index:1000;background:#fff;transition:box-shadow .25s,transform .25s}
.lu-header.is-stuck{transform:translateY(calc(var(--lu-usp-h) * -1))}
.admin-bar .lu-header{top:32px}
@media (max-width:782px){.admin-bar .lu-header{top:0}}
.lu-header.is-stuck{box-shadow:0 12px 30px -24px rgba(31,36,33,.45)}

/* ─── USP bar ─── */
.lu-usp{
  background:linear-gradient(90deg,#FBF6EC 0%,#F6EDDB 50%,#FBF6EC 100%);
  border-bottom:1px solid var(--global-palette7);
  font-size:13px;font-weight:600;color:var(--global-palette4);
  height:var(--lu-usp-h);box-sizing:border-box;
}
.lu-header .lu-usp-list{
  max-width:1240px;margin:0 auto;padding:0 24px;height:100%;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.lu-usp-item{display:flex;align-items:center;gap:7px;white-space:nowrap}
.lu-usp-item .lu-i{color:var(--global-palette1)}

/* ─── Main bar ─── */
.lu-bar{
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFDF9 100%);
  border-bottom:1px solid var(--global-palette7);
  position:relative;
}
.lu-bar::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--lu-gold) 50%,transparent);opacity:.6;
}
.lu-bar-in{
  max-width:1240px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;gap:32px;
}
.lu-logo{flex-shrink:0;display:block;line-height:0}
.lu-logo img{width:170px;height:auto}

/* Menu */
.lu-nav{flex:1;display:flex;justify-content:center}
.lu-menu{display:flex;align-items:center;gap:4px}
.lu-menu > li{position:relative}
.lu-menu > li > a{
  display:block;padding:10px 14px;position:relative;
  font-size:15px;font-weight:600;color:var(--global-palette3);
  border-radius:var(--lu-radius-sm);transition:color .2s;
}
.lu-menu > li > a::after{
  content:'';position:absolute;left:50%;right:50%;bottom:4px;height:1.5px;
  background:var(--lu-gold);transition:left .22s,right .22s;
}
.lu-menu > li > a:hover::after,
.lu-menu > li.is-current > a::after,
.lu-menu > li.current-menu-item > a::after{left:14px;right:14px}
.lu-menu > li > a:hover{color:var(--global-palette3)}
.lu-menu > li.is-current > a{color:var(--global-palette1)}
/* sub-menus */
.lu-menu .sub-menu{
  position:absolute;top:100%;left:0;min-width:220px;padding:8px;
  background:#fff;border:1px solid var(--global-palette7);border-top:2px solid var(--lu-gold);
  border-radius:0 0 var(--lu-radius-sm) var(--lu-radius-sm);
  box-shadow:0 18px 40px -26px rgba(31,36,33,.35);
  opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s;
}
.lu-menu li:hover > .sub-menu,.lu-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:none}
.lu-menu .sub-menu a{display:block;padding:9px 12px;font-size:14px;color:var(--global-palette4);border-radius:4px}
.lu-menu .sub-menu a:hover{background:var(--lu-gold-tint);color:var(--global-palette1)}

/* Actions right */
.lu-actions{display:flex;align-items:center;gap:18px;flex-shrink:0;margin-left:auto}
.lu-phone{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--global-palette4)}
.lu-phone .lu-i{color:var(--global-palette1)}
.lu-phone:hover{color:var(--global-palette1)}
.lu-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--global-palette1);color:#fff !important;
  font-size:14.5px;font-weight:700;line-height:1.2;
  padding:13px 22px;border-radius:var(--lu-radius-sm);
  box-shadow:0 10px 24px -14px rgba(15,107,82,.7);
  transition:background .2s,transform .15s;white-space:nowrap;
}
.lu-cta:hover{background:var(--global-palette2);transform:translateY(-1px)}
.lu-burger,.lu-drawer-close{
  display:none;align-items:center;justify-content:center;
  width:44px;height:44px;padding:0;
  background:transparent;border:1px solid var(--global-palette7);
  border-radius:var(--lu-radius-sm);color:var(--global-palette3);cursor:pointer;
}
.lu-burger:hover,.lu-drawer-close:hover{border-color:var(--lu-gold);background:var(--lu-gold-tint);color:var(--global-palette3)}

/* ─── Responsive header ─── */
@media (max-width:1240px){.lu-phone span{display:none}}
@media (max-width:1100px){
  .lu-nav,.lu-phone{display:none}
  .lu-burger{display:inline-flex}
  .lu-actions{gap:10px}
}
@media (max-width:900px){
  .lu-usp-list{justify-content:center;position:relative;padding:0 16px}
  .lu-usp-item{position:absolute;inset:0;justify-content:center;opacity:0;transition:opacity .45s}
  .lu-usp-item.is-active{opacity:1}
}
@media (max-width:560px){
  .lu-bar-in{padding:10px 16px;gap:12px}
  .lu-logo img{width:125px}
  .lu-actions .lu-cta{padding:11px 14px;font-size:13px}
}
@media (max-width:380px){.lu-actions .lu-cta{display:none}}

/* ─── Mobile drawer ─── */
.lu-drawer{position:fixed;inset:0;z-index:2000}
.lu-drawer[hidden]{display:none}
.lu-drawer-backdrop{position:absolute;inset:0;background:rgba(31,36,33,.35);opacity:0;transition:opacity .25s}
.lu-drawer-panel{
  position:absolute;top:0;right:0;bottom:0;width:min(380px,90vw);overflow-y:auto;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 55%,var(--lu-sand) 100%);
  padding:18px 24px 32px;display:flex;flex-direction:column;gap:22px;
  transform:translateX(100%);transition:transform .28s ease;
  box-shadow:-20px 0 50px -30px rgba(31,36,33,.5);
}
.lu-drawer.is-open .lu-drawer-backdrop{opacity:1}
.lu-drawer.is-open .lu-drawer-panel{transform:none}
.lu-drawer-hd{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--global-palette7)}
.lu-drawer-hd img{width:120px;height:auto}
.lu-drawer-close{display:inline-flex}
.lu-drawer-menu > li > a{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 2px;font-size:17px;font-weight:600;color:var(--global-palette3);
  border-bottom:1px solid var(--global-palette7);
}
.lu-drawer-menu > li.is-current > a{color:var(--global-palette1)}
.lu-drawer-menu .sub-menu a{display:block;padding:10px 14px;font-size:15px;color:var(--global-palette5)}
.lu-cta-block{width:100%;padding:15px 22px;font-size:15px}
.lu-drawer-usp{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--global-palette4)}
.lu-drawer-usp li{display:flex;align-items:center;gap:9px}
.lu-drawer-usp .lu-i{color:var(--global-palette1)}
.lu-drawer-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.lu-drawer-contact a{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:12px;border:1px solid var(--lu-gold);border-radius:var(--lu-radius-sm);
  font-size:14px;font-weight:700;color:var(--global-palette3);
}
.lu-drawer-contact a .lu-i{color:var(--global-palette1)}
.lu-drawer-contact a:hover{background:var(--lu-gold-tint)}
body.lu-drawer-open{overflow:hidden}

/* ════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════ */
.lu-footer{color:var(--global-palette5);font-size:15px;line-height:1.7}
.lu-f-in{max-width:1240px;margin:0 auto;padding:0 24px}

/* CTA band */
.lu-f-cta{background:linear-gradient(135deg,#FFFFFF 0%,#F8F1E4 100%);border-top:1px solid var(--global-palette7)}
.lu-f-cta-in{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:56px;padding-bottom:56px;flex-wrap:wrap}
.lu-f-cta-title{font-family:var(--global-heading-font-family);font-size:clamp(26px,3vw,36px);line-height:1.15;color:var(--global-palette3);margin:0 0 8px}
.lu-f-cta-text{margin:0;max-width:52ch}
.lu-f-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.lu-btn-line{
  display:inline-flex;align-items:center;gap:8px;padding:13px 22px;
  border:1px solid var(--lu-gold);border-radius:var(--lu-radius-sm);
  font-size:14.5px;font-weight:700;color:var(--global-palette3);background:#fff;
}
.lu-btn-line .lu-i{color:var(--global-palette1)}
.lu-btn-line:hover{background:var(--lu-gold-tint);color:var(--global-palette3)}

/* Main columns */
.lu-f-main{
  background:linear-gradient(180deg,var(--global-palette8) 0%,var(--lu-sand) 100%);
  border-top:1px solid var(--global-palette7);position:relative;
}
.lu-f-main::before{
  content:'';position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--lu-gold) 50%,transparent);
}
.lu-f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-top:64px;padding-bottom:56px}
.lu-f-logo{display:inline-block;line-height:0;margin-bottom:18px}
.lu-f-logo img{width:170px;height:auto}
.lu-f-brand p{margin:0 0 14px;max-width:36ch}
.lu-f-parent{font-size:14px}
.lu-f-parent a{color:var(--global-palette1);font-weight:700}
.lu-f-reviews{
  display:inline-flex;align-items:center;gap:10px;margin-top:4px;
  padding:9px 14px;background:#fff;border:1px solid var(--global-palette7);border-radius:var(--lu-radius-sm);
  font-size:13.5px;font-weight:700;color:var(--global-palette3);
}
.lu-f-reviews:hover{border-color:var(--lu-gold)}
.lu-f-stars{display:flex;gap:2px;color:var(--lu-gold)}
.lu-f-title{
  font-family:var(--global-heading-font-family);font-size:20px;color:var(--global-palette3);
  margin:0 0 18px;padding-bottom:12px;position:relative;
}
.lu-f-title::after{content:'';position:absolute;left:0;bottom:0;width:32px;height:1.5px;background:var(--lu-gold)}
.lu-f-links li{margin:0 0 10px}
.lu-f-links a{color:var(--global-palette4);transition:color .2s,padding .2s}
.lu-f-links a:hover{color:var(--global-palette1)}
.lu-f-contact li{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px}
.lu-f-contact .lu-i{color:var(--global-palette1);margin-top:4px}
.lu-f-contact a{color:var(--global-palette4)}
.lu-f-contact a:hover{color:var(--global-palette1)}

/* Bottom bar */
.lu-f-bottom{background:var(--lu-sand);border-top:1px solid var(--global-palette7);font-size:13.5px}
.lu-f-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.lu-f-bottom p{margin:0}
.lu-f-legal{display:flex;gap:22px;flex-wrap:wrap}
.lu-f-legal a{color:var(--global-palette5)}
.lu-f-legal a:hover{color:var(--global-palette1)}

@media (max-width:1000px){.lu-f-grid{grid-template-columns:1fr 1fr;gap:40px}}
@media (max-width:600px){
  .lu-f-grid{grid-template-columns:1fr;gap:34px;padding-top:48px}
  .lu-f-cta-btns,.lu-f-cta-btns a{width:100%;justify-content:center}
  .lu-f-bottom-in{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  .lu-header *,.lu-drawer *,.lu-header,.lu-usp{transition:none !important}
}