/* =========================================================
   VISION MEDIA - Universal Header/Hero Fix
   يجعل الهيدر وبداية كل صفحة كاملة بدون قص أو تداخل على الكمبيوتر والجوال
   ========================================================= */
:root{--vm-header-fixed-h:78px;--vm-mobile-header-h:70px;}
html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
body{padding-top:0!important;}
.header,#header{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;min-height:var(--vm-header-fixed-h)!important;height:var(--vm-header-fixed-h)!important;background:rgba(7,17,30,.98)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;z-index:99999!important;overflow:visible!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important;}
.header .nav,#header .nav,#header .navbar,.navbar{height:var(--vm-header-fixed-h)!important;min-height:var(--vm-header-fixed-h)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;overflow:visible!important;}
.nav-logo,.logo{display:flex!important;align-items:center!important;white-space:nowrap!important;line-height:1!important;flex:0 0 auto!important;}
.nav-menu,#navbar,.navbar ul{align-items:center!important;overflow:visible!important;}
.nav-actions{display:flex!important;align-items:center!important;flex-shrink:0!important;}
.dropdown-menu{top:calc(100% + 10px)!important;z-index:100000!important;}
/* أي شريط مسار أو هيرو بعد الهيدر يأخذ مسافة ثابتة */
.breadcrumb-bar{margin-top:var(--vm-header-fixed-h)!important;position:relative!important;z-index:3!important;}
.breadcrumb-bar + .page-hero{margin-top:0!important;}
.page-hero,.service-hero,.about-hero,.portfolio-hero,.pricing-hero,.contact-hero{position:relative!important;min-height:300px!important;padding-top:72px!important;padding-bottom:92px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;}
body > .page-hero:first-of-type, body > .service-hero:first-of-type, body > .about-hero:first-of-type, body > .portfolio-hero:first-of-type, body > .pricing-hero:first-of-type, body > .contact-hero:first-of-type{margin-top:var(--vm-header-fixed-h)!important;}
.page-hero::before,.service-hero::before,.about-hero::before,.portfolio-hero::before,.pricing-hero::before,.contact-hero::before{z-index:0!important;}
.page-hero::after,.service-hero::after,.about-hero::after,.portfolio-hero::after,.pricing-hero::after,.contact-hero::after{bottom:-2px!important;height:42px!important;z-index:1!important;pointer-events:none!important;}
.page-hero .container,.page-hero-content,.hero-content,.hero-text,.service-hero .container,.about-hero .container,.portfolio-hero .container,.pricing-hero .container,.contact-hero .container{position:relative!important;z-index:5!important;max-width:1240px!important;overflow:visible!important;}
.hero-content{display:flex!important;align-items:center!important;justify-content:center!important;gap:34px!important;width:100%!important;}
.hero-text{min-width:0!important;text-align:right!important;}
.hero-text h1,.page-hero h1,.service-hero h1,.about-hero h1,.portfolio-hero h1,.pricing-hero h1,.contact-hero h1{display:block!important;line-height:1.35!important;margin:0 0 14px!important;color:#fff!important;white-space:normal!important;overflow:visible!important;text-shadow:0 4px 18px rgba(0,0,0,.28)!important;}
.hero-text p,.page-hero p,.service-hero p,.about-hero p,.portfolio-hero p,.pricing-hero p,.contact-hero p{display:block!important;line-height:1.9!important;margin:0!important;color:rgba(255,255,255,.82)!important;white-space:normal!important;overflow:visible!important;max-width:720px!important;}
.hero-icon-wrap{flex:0 0 auto!important;position:relative!important;z-index:6!important;}
/* صفحات تستخدم header عادي بدون class */
body > header:not(.header):not(.dash-header){position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:99999!important;background:rgba(7,17,30,.98)!important;min-height:var(--vm-header-fixed-h)!important;overflow:visible!important;}
body > header:not(.header):not(.dash-header) + main, body > header:not(.header):not(.dash-header) + section{margin-top:var(--vm-header-fixed-h)!important;}
@media(max-width:1200px){.nav-link{font-size:13px!important;padding:10px 7px!important}.nav-menu,#navbar{gap:2px!important}.hero-content{gap:24px!important}.page-hero,.service-hero,.about-hero,.portfolio-hero,.pricing-hero,.contact-hero{min-height:280px!important}}
@media(max-width:900px){:root{--vm-header-fixed-h:var(--vm-mobile-header-h)}.header,#header,body > header:not(.header):not(.dash-header){height:var(--vm-mobile-header-h)!important;min-height:var(--vm-mobile-header-h)!important}.header .nav,#header .nav,#header .navbar,.navbar{height:var(--vm-mobile-header-h)!important;min-height:var(--vm-mobile-header-h)!important}.breadcrumb-bar{margin-top:var(--vm-mobile-header-h)!important}.nav-toggle{display:flex!important}.nav-menu,#navbar{position:fixed!important;top:var(--vm-mobile-header-h)!important;right:0!important;left:0!important;width:100%!important;max-height:calc(100vh - var(--vm-mobile-header-h))!important;overflow:auto!important;background:rgba(7,17,30,.99)!important;padding:16px!important;flex-direction:column!important;align-items:stretch!important;display:none!important}.nav-menu.active,.nav-menu.open,.nav-menu.show,#navbar.active,#navbar.open,#navbar.show{display:flex!important}.hero-content{flex-direction:column-reverse!important;text-align:center!important;gap:18px!important}.hero-text{text-align:center!important}.page-hero,.service-hero,.about-hero,.portfolio-hero,.pricing-hero,.contact-hero{min-height:260px!important;padding-top:46px!important;padding-bottom:72px!important}.hero-icon-wrap{width:82px!important;height:82px!important;font-size:2.2rem!important}.hero-text h1,.page-hero h1{font-size:1.75rem!important}.hero-text p,.page-hero p{font-size:.95rem!important;max-width:100%!important}}
@media(max-width:520px){.page-hero,.service-hero,.about-hero,.portfolio-hero,.pricing-hero,.contact-hero{min-height:240px!important;padding-top:34px!important;padding-bottom:64px!important}.hero-icon-wrap{width:72px!important;height:72px!important;border-radius:18px!important}.hero-text h1,.page-hero h1{font-size:1.45rem!important}.hero-text p,.page-hero p{font-size:.88rem!important;line-height:1.8!important}.nav-logo,.logo{font-size:17px!important}.nav-actions .btn,.nav-actions a{font-size:12px!important;padding:8px 10px!important}}