/* Phase 32 - Wofoud Al Haramain requested front structure
   Main menu stays clean: الرئيسية، من نحن، خدماتنا، برامجنا، مواقعنا، ذكرياتنا، تواصل معنا.
   Food/menu flow is intentionally inside خدمة الضيافة والإعاشة and requires pilgrim login. */
.hm-nav-wrap{background:linear-gradient(180deg,rgba(6,26,46,.98),rgba(13,63,44,.96))!important;}
.hm-brand img{background:#fff!important;border:1px solid rgba(185,138,53,.32)!important;}
.hm-public-nav .nav-link{position:relative;}
.hm-public-nav .nav-link:hover{background:rgba(185,138,53,.24)!important;color:#fff!important;}
.hm-public-nav .nav-link:hover:after{content:"";position:absolute;inset-inline:18px;bottom:6px;height:2px;background:#d6a85d;border-radius:999px;}
.hm-wofood-hero .verse{color:#f9dfaa!important;}
.hm-wofood-hero .hm-btn-outline{border-color:rgba(249,223,170,.62)!important;}
.hm-service-card{min-height:100%;}
.hm-service-card .hm-card-body{height:100%;}
.hm-service-card.is-hospitality{border-width:2px!important;position:relative;overflow:hidden;}
.hm-service-card.is-hospitality:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#0d3f2c,#b98a35,#0d3f2c);}
.hm-service-login-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:9px 12px;border-radius:999px;background:#eef8f2;color:#0d3f2c;font-size:.82rem;font-weight:800;}
.hm-location-card .location-tag{display:inline-flex;align-items:center;gap:6px;background:#f7ead5;color:#70410f;border-radius:999px;padding:.38rem .75rem;font-weight:800;font-size:.82rem;margin-bottom:10px;}
.hm-location-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;}
.hm-footer-map-links{display:grid;gap:8px;margin-top:12px;}
.hm-footer-map-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff8ec;border:1px solid #f0d7ad;color:#70410f;border-radius:14px;padding:9px 11px;font-weight:800;}
.hm-footer-map-links a:hover{background:#9E5916;color:#fff;}
.hm-floating-whatsapp{position:fixed;inset-inline-start:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:9px;background:#128c7e;color:#fff;border-radius:999px;padding:.78rem 1rem;font-weight:900;box-shadow:0 16px 34px rgba(18,140,126,.28);}
.hm-floating-whatsapp:hover{color:#fff;transform:translateY(-2px);}
.hm-contact-direct{display:grid;gap:14px;}
.hm-contact-direct a,.hm-contact-direct span{word-break:break-word;}
.hm-contact-chip{display:flex;align-items:flex-start;gap:12px;border:1px solid #ead8bd;background:#fffaf2;border-radius:18px;padding:14px;}
.hm-contact-chip b{width:34px;height:34px;border-radius:12px;background:#0d3f2c;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;}
.hm-program-phase{transition:.2s ease;}
.hm-program-phase:hover{transform:translateY(-4px);}
@media(max-width:575.98px){.hm-floating-whatsapp{inset-inline:12px;justify-content:center}.hm-nav-actions .hm-btn{flex:1 1 auto}.hm-footer-map-links a{align-items:flex-start;flex-direction:column}}

/* فيديو خلفية الرئيسية */
.hm-hero.hm-wofood-hero.has-hero-video{
    background:#070707 !important;
}
.hm-hero.hm-wofood-hero.has-hero-video .hm-hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    pointer-events:none;
}
.hm-hero.hm-wofood-hero.has-hero-video::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(6,26,46,.54),rgba(0,0,0,.82));
    pointer-events:none;
}
.hm-hero.hm-wofood-hero.has-hero-video::after{
    z-index:1;
}
.hm-hero.hm-wofood-hero.has-hero-video > .hm-container{
    position:relative;
    z-index:2;
}
.hm-hero.hm-wofood-hero.has-hero-video .hm-live-visual{
    display:none !important;
}

/* Phase 33 - home video hero like Fouj Alhuda */
.hm-hero.hm-wofood-hero.hm-fouj-video-hero{
    min-height:100vh !important;
    margin-top:-82px !important;
    padding:118px 0 88px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    overflow:hidden !important;
    background:#050505 var(--hm-home-poster, var(--hm-hero-bg)) center/cover no-repeat !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero.has-hero-poster{
    background:var(--hm-home-poster, var(--hm-hero-bg)) center/cover no-repeat !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-hero-video{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    z-index:0 !important;
    transform:scale(1.02);
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-fouj-overlay,
.hm-hero.hm-wofood-hero.hm-fouj-video-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(circle at 50% 35%,rgba(185,138,53,.24),transparent 34%),
        linear-gradient(180deg,rgba(0,0,0,.50),rgba(0,0,0,.62) 48%,rgba(0,0,0,.80));
    pointer-events:none;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 0 0 0 !important;
    height:150px !important;
    z-index:1 !important;
    background:linear-gradient(180deg,transparent,#fff7ea) !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-fouj-hero-container{
    position:relative !important;
    z-index:2 !important;
    width:100%;
}
.hm-fouj-hero-content{
    max-width:980px;
    margin:0 auto;
    color:#fff;
    padding:28px 16px;
    text-shadow:0 12px 30px rgba(0,0,0,.45);
}
.hm-fouj-hero-content .verse{
    color:#ffe7b8 !important;
    font-weight:800 !important;
    font-size:clamp(1.35rem,2.7vw,2.25rem) !important;
    line-height:1.9 !important;
    margin-bottom:14px !important;
}
.hm-fouj-hero-content h1{
    max-width:960px;
    margin:0 auto 18px !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:clamp(2.05rem,5.3vw,5rem) !important;
    line-height:1.28 !important;
    letter-spacing:-.02em;
}
.hm-fouj-hero-content p{
    max-width:720px !important;
    margin:0 auto !important;
    color:rgba(255,255,255,.92) !important;
    font-size:clamp(1rem,1.55vw,1.35rem) !important;
    line-height:2 !important;
    font-weight:700;
}
.hm-fouj-actions{
    margin-top:28px !important;
}
.hm-fouj-actions .hm-btn{
    min-width:155px;
    box-shadow:0 18px 34px rgba(0,0,0,.22);
}
.hm-fouj-actions .hm-btn-primary{
    background:#b98a35 !important;
    border-color:#b98a35 !important;
    color:#fff !important;
}
.hm-fouj-actions .hm-btn-primary:hover{
    background:#9E5916 !important;
    border-color:#9E5916 !important;
}
.hm-fouj-actions .hm-btn-outline{
    border-color:rgba(255,255,255,.76) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    backdrop-filter:blur(8px);
}
.hm-fouj-actions .hm-btn-outline:hover{
    background:#fff !important;
    color:#8a4d12 !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-live-visual{
    display:none !important;
}
@media(max-width:992px){
    .hm-hero.hm-wofood-hero.hm-fouj-video-hero{margin-top:0 !important;min-height:78vh !important;padding:86px 0 62px !important;}
}
@media(max-width:575.98px){
    .hm-fouj-hero-content{padding-inline:6px;}
    .hm-fouj-actions .hm-btn{width:100%;}
}

/* Phase 34 - دعم فيديو يوتيوب كخلفية للرئيسية */
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-hero-youtube{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
    background:#050505 var(--hm-home-poster, var(--hm-hero-bg)) center/cover no-repeat !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-hero-youtube iframe{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:100vw !important;
    height:56.25vw !important;
    min-width:177.78vh !important;
    min-height:100vh !important;
    transform:translate(-50%,-50%) scale(1.08) !important;
    border:0 !important;
    pointer-events:none !important;
}
.hm-hero.hm-wofood-hero.hm-fouj-video-hero.has-hero-youtube .hm-fouj-overlay{
    background:
        radial-gradient(circle at 50% 35%,rgba(185,138,53,.22),transparent 34%),
        linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.64) 50%,rgba(0,0,0,.82)) !important;
}
@media(max-width:575.98px){
    .hm-hero.hm-wofood-hero.hm-fouj-video-hero .hm-hero-youtube iframe{
        transform:translate(-50%,-50%) scale(1.18) !important;
    }
}