/* Hajj Meals typography + frontend navigation tuning
   المرحلة 8: تكبير الخط العام قليلًا، مع تقليل ازدحام روابط الهيدر. */
:root{
    --hm-base-font: 14.8px;
    --hm-small-font: 13px;
    --hm-line-height: 1.78;
}

html{font-size:14.6px!important;}
body{
    font-size:var(--hm-base-font)!important;
    line-height:var(--hm-line-height)!important;
}

/* تكبير القراءة العامة بعد باتش التصغير */
.hm-hero h1{font-size:clamp(1.72rem,3.8vw,3.05rem)!important;}
.hm-hero .verse{font-size:clamp(1.08rem,2vw,1.42rem)!important;}
.hm-hero p{font-size:1rem!important;}
.hm-page-hero h1{font-size:clamp(1.68rem,3vw,2.35rem)!important;}
.hm-page-hero p{font-size:.98rem!important;}
.hm-section-title h2{font-size:clamp(1.38rem,2.35vw,1.9rem)!important;}
.hm-section-title p,.hero-mini p,.hm-card p,.item-card p{font-size:.94rem!important;}
.hm-card h3,.item-card h3{font-size:1.12rem!important;}
.hm-card h4,.item-card h4{font-size:1.04rem!important;}
.item-card{font-size:.95rem!important;}
.card-body{font-size:.95rem!important;}
.form-control,.form-select{font-size:.94rem!important;}
.form-label{font-size:.9rem!important;}
.section-title{font-size:1.12rem!important;}
.elder-friendly{font-size:1rem!important;}
.faq-row h3{font-size:1rem!important;}

/* الهيدر: روابط أقل + حجم أهدأ حتى لا يزحم الواجهة */
.hm-main-links{gap:.15rem!important;}
.hm-public-nav .nav-link{
    font-size:.82rem!important;
    padding:.42rem .55rem!important;
    white-space:nowrap!important;
}
.hm-public-nav .dropdown-toggle::after{
    margin-inline-start:.38rem;
    vertical-align:.12em;
}
.hm-public-nav .hm-more-menu{
    border:0!important;
    border-radius:18px!important;
    padding:.55rem!important;
    margin-top:.7rem!important;
    min-width:210px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
    background:#fffaf2!important;
}
.hm-public-nav .hm-more-menu .dropdown-item{
    border-radius:12px!important;
    font-weight:800!important;
    font-size:.9rem!important;
    padding:.62rem .85rem!important;
    color:#352315!important;
}
.hm-public-nav .hm-more-menu .dropdown-item:hover,
.hm-public-nav .hm-more-menu .dropdown-item:focus{
    background:#9E5916!important;
    color:#fff!important;
}
.hm-public-nav .hm-more-menu .dropdown-divider{
    border-color:#ead8bd!important;
    margin:.45rem 0!important;
}
.hm-nav-wrap .hm-btn{
    font-size:.82rem!important;
    padding:.45rem .72rem!important;
}
.hm-brand img{width:58px!important;height:58px!important;}
.hm-brand span{font-size:.9rem!important;max-width:190px;line-height:1.35;}
.hm-brand small{font-size:.62rem!important;}
.hm-public-nav{min-height:68px!important;}
.hm-hero{margin-top:-68px!important;padding-top:88px!important;}

/* الإدارة: تكبير بسيط بدون تضخيم الجداول */
.adm-topbar h1{font-size:1.05rem!important;}
.adm-nav a,.adm-nav button{font-size:.86rem!important;}
.table{font-size:.86rem!important;}
.table thead th{font-size:.78rem!important;}
.quick-card,.stat-card,.hero,.hero-mini{font-size:.94rem!important;}

@media(max-width:1200px){
    .hm-brand span{max-width:150px;}
    .hm-public-nav .nav-link{font-size:.78rem!important;padding:.38rem .46rem!important;}
    .hm-nav-wrap .hm-btn{font-size:.78rem!important;padding:.42rem .62rem!important;}
}

@media(max-width:992px){
    html{font-size:14.2px!important;}
    .hm-brand span{max-width:none;}
    .hm-public-nav .nav-link{font-size:.95rem!important;padding:.65rem .9rem!important;border-radius:14px!important;}
    .hm-nav-wrap .hm-btn{font-size:.92rem!important;padding:.58rem .85rem!important;}
    .hm-public-nav .hm-more-menu{
        background:rgba(255,255,255,.08)!important;
        box-shadow:none!important;
        margin:.35rem 0 .6rem!important;
        border:1px solid rgba(255,255,255,.12)!important;
    }
    .hm-public-nav .hm-more-menu .dropdown-item{color:#fff!important;font-size:.92rem!important;}
    .hm-public-nav .hm-more-menu .dropdown-item:hover{background:rgba(158,89,22,.95)!important;}
    .hm-hero{margin-top:0!important;padding-top:76px!important;}
}

@media(max-width:576px){
    html{font-size:13.8px!important;}
    body{font-size:14.2px!important;}
    .hm-hero h1{font-size:1.68rem!important;}
    .hm-section-title h2{font-size:1.34rem!important;}
}

/* المرحلة 9: إلغاء قائمة المزيد، تكبير خط الهيدر، ونقل الروابط الأقل أهمية للفوتر */
.hm-public-nav .nav-link{
    font-size:.95rem!important;
    padding:.58rem .78rem!important;
    font-weight:800!important;
}
.hm-main-links{gap:.35rem!important;}
.hm-nav-wrap .hm-btn{
    font-size:.88rem!important;
    padding:.52rem .82rem!important;
}
.hm-brand img{width:62px!important;height:62px!important;}
.hm-brand span{font-size:.96rem!important;max-width:210px;}
.hm-public-nav{min-height:72px!important;}
.hm-hero{margin-top:-72px!important;padding-top:95px!important;}
.hm-footer-links{display:grid;gap:.55rem;}
.hm-footer-links a{
    color:#5f3a16!important;
    font-weight:800!important;
    padding:.35rem 0!important;
    border-bottom:1px dashed #ead8bd!important;
}
.hm-footer-links a:hover{color:#9E5916!important;transform:translateX(-2px);}
html[dir="ltr"] .hm-footer-links a:hover{transform:translateX(2px);}

@media(max-width:1200px){
    .hm-public-nav .nav-link{font-size:.9rem!important;padding:.52rem .62rem!important;}
    .hm-nav-wrap .hm-btn{font-size:.84rem!important;padding:.48rem .68rem!important;}
    .hm-brand span{max-width:175px;}
}
@media(max-width:992px){
    .hm-public-nav .nav-link{font-size:1rem!important;padding:.72rem .95rem!important;border-radius:14px!important;}
    .hm-nav-wrap .hm-btn{font-size:.96rem!important;padding:.64rem .9rem!important;}
    .hm-main-links{gap:.25rem!important;}
    .hm-hero{margin-top:0!important;padding-top:76px!important;}
}

/* المرحلة 10: ضبط الهيدر بعد إزالة الازدحام من القائمة */
@media (min-width: 992px){
    .hm-public-nav .hm-container{
        display:grid!important;
        grid-template-columns:auto 1fr auto!important;
        gap:18px!important;
        align-items:center!important;
    }
    .hm-public-nav .navbar-collapse{
        display:grid!important;
        grid-template-columns:1fr auto!important;
        gap:16px!important;
        align-items:center!important;
        width:100%!important;
    }
    .hm-main-links{
        justify-content:center!important;
        margin-inline:0!important;
        gap:.38rem!important;
    }
    .hm-public-nav .nav-link{
        font-size:.95rem!important;
        padding:.56rem .82rem!important;
        line-height:1.25!important;
    }
    .hm-nav-actions{
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        gap:.5rem!important;
    }
    .hm-nav-wrap .hm-btn{
        font-size:.86rem!important;
        padding:.48rem .74rem!important;
        white-space:nowrap!important;
    }
    .hm-brand{
        min-width:220px!important;
        max-width:260px!important;
    }
    .hm-brand img{width:56px!important;height:56px!important;}
    .hm-brand span{
        font-size:.96rem!important;
        max-width:170px!important;
        line-height:1.45!important;
        white-space:normal!important;
    }
    .hm-brand small{font-size:.64rem!important;}
    .hm-public-nav{min-height:74px!important;}
    .hm-hero{margin-top:-74px!important;padding-top:96px!important;}
}

@media (max-width: 991.98px){
    .hm-public-nav .nav-link{
        font-size:1rem!important;
        padding:.7rem 1rem!important;
        margin:.15rem 0!important;
    }
    .hm-nav-actions{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        width:100%!important;
        gap:.6rem!important;
        padding-top:.65rem!important;
    }
    .hm-nav-actions .hm-btn{
        width:100%!important;
        font-size:.95rem!important;
    }
    .hm-brand span{font-size:.95rem!important;max-width:210px!important;}
}

/* المرحلة 11: توسيط روابط القائمة في منتصف الهيدر بدون تقليلها */
@media (min-width: 992px){
    .hm-public-nav .hm-container{
        position:relative!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        gap:18px!important;
        min-height:74px!important;
    }
    .hm-brand{
        flex:0 0 auto!important;
        min-width:230px!important;
        max-width:285px!important;
        position:relative!important;
        z-index:3!important;
    }
    .hm-public-nav .navbar-collapse{
        flex:1 1 auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        width:auto!important;
        position:static!important;
    }
    .hm-main-links{
        position:absolute!important;
        left:50%!important;
        top:50%!important;
        transform:translate(-50%,-50%)!important;
        margin:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:.55rem!important;
        z-index:2!important;
        white-space:nowrap!important;
        width:auto!important;
    }
    .hm-public-nav .nav-link{
        font-size:.98rem!important;
        padding:.56rem .78rem!important;
        line-height:1.25!important;
    }
    .hm-nav-actions{
        margin-inline-start:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        gap:.55rem!important;
        position:relative!important;
        z-index:3!important;
    }
    .hm-nav-wrap .hm-btn{
        font-size:.88rem!important;
        padding:.48rem .78rem!important;
        white-space:nowrap!important;
    }
    .hm-public-nav{min-height:74px!important;}
    .hm-hero{margin-top:-74px!important;padding-top:96px!important;}
}

@media (min-width: 992px) and (max-width: 1180px){
    .hm-brand{min-width:190px!important;max-width:220px!important;}
    .hm-brand span{font-size:.88rem!important;max-width:145px!important;}
    .hm-brand img{width:50px!important;height:50px!important;}
    .hm-main-links{gap:.25rem!important;}
    .hm-public-nav .nav-link{font-size:.88rem!important;padding:.48rem .54rem!important;}
    .hm-nav-wrap .hm-btn{font-size:.78rem!important;padding:.42rem .6rem!important;}
}

@media (max-width: 991.98px){
    .hm-main-links{justify-content:flex-start!important;}
}