/* Phase 31 - Wofoud Al Haramain rebrand and front routing polish */
:root{
    --front-green:#0d3f2c;
    --front-green-soft:#eaf5ef;
    --front-navy:#061a2e;
    --front-gold:#b98a35;
}
.hm-nav-wrap{background:linear-gradient(180deg,rgba(6,26,46,.96),rgba(11,29,28,.92));}
.hm-public-nav{min-height:78px;}
.hm-container{max-width:1240px;}
.hm-brand{min-width:260px;}
.hm-brand img{width:78px!important;height:64px!important;border-radius:14px;background:#fff;padding:4px;object-fit:contain;box-shadow:0 8px 22px rgba(0,0,0,.24);}
.hm-brand span{font-size:.98rem;line-height:1.45;}
.hm-brand small{font-size:.68rem;color:#f5d990;}
.hm-main-links{margin-inline:auto!important;justify-content:center;gap:4px!important;}
.hm-public-nav .nav-link{font-size:.93rem;padding:.7rem .72rem!important;}
.hm-nav-actions{min-width:220px;justify-content:flex-end;}
.hm-nav-actions .hm-btn{font-size:.84rem;padding:.58rem .86rem!important;}
.hm-hero.hm-wofood-hero{min-height:calc(92vh - 78px);text-align:center;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(6,26,46,.58),rgba(0,0,0,.80)),var(--hm-hero-bg) center/cover no-repeat;}
.hm-wofood-hero .hm-hero-centered-content{max-width:900px;margin:auto;}
.hm-wofood-hero .hm-hero-centered-content h1{font-size:clamp(2rem,4.4vw,4rem);}
.hm-wofood-hero .hm-live-visual{max-width:570px;margin:26px auto -78px;}
.hm-wofood-hero .hm-live-visual img{max-height:260px;width:100%;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(0,0,0,.35));}
.hm-journey-image{border-radius:32px;overflow:hidden;border:1px solid var(--front-line);box-shadow:0 24px 55px rgba(6,26,46,.14);background:#fff;}
.hm-journey-image img{width:100%;display:block;}
.hm-program-phase{position:relative;padding:24px;border-radius:28px;background:#fff;border:1px solid rgba(185,138,53,.25);box-shadow:var(--front-shadow);height:100%;}
.hm-program-phase .phase-no{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--front-green),#1f6f4f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px;}
.hm-program-phase.red .phase-no{background:linear-gradient(135deg,#941d24,#ce3943)}
.hm-program-phase.gold .phase-no{background:linear-gradient(135deg,#987018,#d5a241)}
.hm-program-phase.blue .phase-no{background:linear-gradient(135deg,#0a3b63,#226aa2)}
.hm-program-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.hm-program-list li{display:flex;gap:10px;align-items:flex-start;color:#4b5563;}
.hm-program-list b{color:var(--front-brown)}
.hm-service-card .hm-card-body{display:flex;flex-direction:column;align-items:center;}
.hm-service-card .btn{margin-top:auto;}
.hm-service-card.is-hospitality{border:1px solid rgba(13,63,44,.35);background:linear-gradient(180deg,#f1fff7,#fff);}
.hm-service-card.is-hospitality .hm-service-icon{background:linear-gradient(135deg,#0d3f2c,#2c855f);color:#fff;}
.hm-location-card{height:100%;}
.hm-location-card .hm-service-icon{margin-inline:auto;}
.hm-footer-links a{display:block;padding:8px 0;color:#4b3620;border-bottom:1px dashed #ead8bd;font-weight:800;}
.hm-footer-links a:hover{color:var(--front-brown)}
.hm-footer .hm-brand-footer{max-width:145px;border-radius:18px;background:#fff;padding:7px;box-shadow:0 10px 24px rgba(83,48,13,.12)}
.hm-whatsapp-link{display:inline-flex;gap:8px;align-items:center;color:#128c7e;font-weight:800;}
.hm-phone-live .hm-phone-img{max-width:300px;max-height:520px;object-fit:contain;}
@media (max-width: 991px){
    .hm-brand{min-width:0}.hm-main-links{margin-inline:0!important;align-items:stretch!important}.hm-public-nav .nav-link{text-align:center;background:rgba(255,255,255,.06)}.hm-nav-actions{min-width:0;justify-content:center}.hm-wofood-hero .hm-live-visual{margin-bottom:-36px}.hm-phone-live .hm-phone-img{max-width:240px}
}
@media (max-width: 575px){
    .hm-brand img{width:62px!important;height:54px!important}.hm-brand span{font-size:.85rem}.hm-public-nav{min-height:70px}.hm-wofood-hero .hm-live-visual img{max-height:190px}
}