/* Vertex production visual lock — generated 2026-07-18 */
:root{--vtx-navy:#0b2d5c;--vtx-navy2:#071a3e;--vtx-gold:#dfb30f;--vtx-blue:#1f5a98;--vtx-text:#0b2d5c;--vtx-muted:#64748b;--vtx-line:#dbe5f1}
html,body{font-family:'Poppins','Tajawal','Cairo',Arial,sans-serif!important;color:var(--vtx-text);overflow-x:hidden}
html[dir="rtl"] body,body.is-ar{font-family:'Tajawal','Cairo','Poppins',Arial,sans-serif!important}
body{font-size:15px!important;line-height:1.6!important}
h1{font-size:clamp(34px,4vw,58px)!important;line-height:1.15!important}h2{font-size:clamp(28px,3vw,42px)!important}h3{line-height:1.35!important}

/* Header: same proportions as approved internal pages */
.uhf-header,#vtxSharedHeader{position:sticky!important;top:0!important;z-index:999999!important;background:transparent!important;box-shadow:none!important}
.uhf-topline,#vtxSharedHeader .vtx-topbar{background:var(--vtx-navy)!important;border-bottom:3px solid var(--vtx-gold)!important}
.uhf-topline-container,#vtxSharedHeader .vtx-topbar-inner{width:min(1760px,100%)!important;min-height:44px!important;height:44px!important;padding:0 64px!important;box-sizing:border-box!important}
.uhf-top-link,.uhf-contact,.uhf-login,#vtxSharedHeader .vtx-top-left a,#vtxSharedHeader .vtx-contact{font-size:13px!important;font-weight:600!important}
.uhf-navbar,#vtxSharedHeader .vtx-mainbar{position:relative!important;top:auto!important;background:rgba(255,255,255,.98)!important;border-bottom:3px solid var(--vtx-gold)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important;transition:.25s ease!important}
.uhf-header.is-scrolled .uhf-navbar,#vtxSharedHeader.is-scrolled .vtx-mainbar{background:rgba(255,255,255,.88)!important;box-shadow:0 10px 28px rgba(7,26,62,.13)!important}
.uhf-nav-container,#vtxSharedHeader .vtx-main-inner{width:min(1760px,100%)!important;min-height:76px!important;height:76px!important;padding:0 64px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;box-sizing:border-box!important}
.uhf-logo{position:static!important;transform:none!important;width:auto!important;height:auto!important;min-width:auto!important;margin:0 20px 0 0!important;display:flex!important}
html[dir="rtl"] .uhf-logo{margin:0 0 0 20px!important}
.uhf-logo img,#vtxSharedHeader .vtx-brand img{width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;object-fit:contain!important}
.uhf-main-menu,#vtxSharedHeader .vtx-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;flex:1!important;flex-wrap:nowrap!important;margin:0!important}
.uhf-nav-link,#vtxSharedHeader .vtx-nav-link{font-size:15px!important;font-weight:650!important;gap:8px!important;white-space:nowrap!important;color:#10233f!important}
.uhf-nav-link i,#vtxSharedHeader .vtx-nav-link i{font-size:20px!important;color:var(--vtx-gold)!important}
.uhf-login,#vtxSharedHeader .vtx-login{height:46px!important;min-width:108px!important;padding:0 26px!important;border-radius:999px!important;background:var(--vtx-navy2)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;font-weight:800!important}
.uhf-announcement,#vtxSharedHeader .vtx-announcement{background:var(--vtx-blue)!important}
.uhf-announcement-container,#vtxSharedHeader .vtx-ann-inner{width:min(1760px,100%)!important;min-height:40px!important;height:40px!important;padding:0 64px!important;box-sizing:border-box!important}
.uhf-announcement-content,#vtxSharedHeader .vtx-ann-content{font-size:14px!important;font-weight:600!important;gap:10px!important}

/* Journal grids and cards */
.journals-grid,.journal-grid,.grid-journals,#journals .grid,.journal-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important}
.journal-card,.vtx-journal-card{height:100%!important;min-height:620px!important;background:#fff!important;border:1px solid var(--vtx-line)!important;border-radius:22px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:0 14px 34px rgba(8,31,68,.07)!important;transition:.25s ease!important;padding:0!important}
.journal-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 45px rgba(8,31,68,.13)!important}
.journal-cover{height:220px!important;background:#f1f5fa!important;overflow:hidden!important;display:block!important}
.journal-cover img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.journal-card-body{padding:26px 26px 24px!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}
.journal-card .journal-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:#edf4ff!important;color:#0b63c9!important;display:grid!important;place-items:center!important;margin:0 0 16px!important}
.journal-card h3{font-size:22px!important;font-weight:800!important;color:#082d61!important;margin:0 0 15px!important;min-height:90px!important}
.journal-card p{font-size:15px!important;line-height:1.75!important;color:#526782!important;margin:0 0 20px!important;min-height:132px!important}
.journal-meta{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:auto!important;margin-bottom:18px!important}
.journal-meta span{font-size:13px!important;font-weight:800!important;border:1px solid #dce7f4!important;background:#f7faff!important;border-radius:999px!important;padding:8px 13px!important;color:#12335f!important}
.journal-link,.vtx-view-journal{width:100%!important;min-height:52px!important;border-radius:999px!important;background:#0b3570!important;color:#fff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:16px!important;font-weight:800!important;margin-top:0!important;padding:12px 20px!important;box-sizing:border-box!important}
.journal-link:hover{background:#0a2a58!important;color:#fff!important}
html[dir="rtl"] .journal-link i{transform:scaleX(-1)}

/* Internal pages: normalize typography/layout without changing content */
.page-hero,.author-hero,.section-hero{padding-top:90px!important;padding-bottom:60px!important}
.page-hero h1,.author-hero h1,.section-hero h1{font-size:clamp(34px,3.4vw,50px)!important;line-height:1.18!important}
.page-hero p,.author-hero p,.section-hero p{font-size:18px!important;line-height:1.8!important;max-width:980px!important;margin-inline:auto!important}
.feature-card,.service-card,.benefit-card,.info-card{border-radius:20px!important;border:1px solid var(--vtx-line)!important;box-shadow:0 12px 30px rgba(8,31,68,.06)!important}

/* Footer lock */
.uhf-footer{background:#071a3e!important;color:#d8e5fb!important;padding:0 5%!important;overflow:hidden!important}
.uhf-footer-inner{width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important;padding:58px 0 44px!important;display:grid!important;grid-template-columns:1.45fr 1fr 1fr 1.1fr!important;gap:42px!important}
.uhf-footer-logo{width:86px!important;height:86px!important;object-fit:contain!important;display:block!important;margin:0 0 18px!important}
.uhf-footer h3,.uhf-footer h4{font-size:16px!important;color:#ffd022!important;margin:0 0 16px!important}
.uhf-footer p,.uhf-footer a{font-size:14px!important;line-height:1.8!important}
.uhf-footer-link{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 8px!important;color:#d8e5fb!important}
.uhf-footer-social-row{max-width:1180px!important;margin:0 auto!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:18px 0!important}
.uhf-footer-bottom{max-width:1180px!important;width:100%!important;margin:0 auto!important;padding:18px 0 24px!important}

@media(max-width:1250px){.uhf-main-menu,#vtxSharedHeader .vtx-nav{gap:16px!important}.uhf-nav-link,#vtxSharedHeader .vtx-nav-link{font-size:13.5px!important}.journals-grid,.journal-grid,.grid-journals,#journals .grid,.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:992px){.uhf-topline,#vtxSharedHeader .vtx-topbar{display:none!important}.uhf-nav-container,#vtxSharedHeader .vtx-main-inner{height:72px!important;min-height:72px!important;padding:0 18px!important;justify-content:space-between!important}.uhf-main-menu{display:none!important}.uhf-main-menu.open{display:flex!important;position:absolute!important;top:72px!important;left:12px!important;right:12px!important;flex-direction:column!important;background:#fff!important;padding:14px!important;border-radius:16px!important;box-shadow:0 18px 40px rgba(7,26,62,.16)!important}.uhf-mobile-menu-btn{display:block!important}.uhf-announcement-container,#vtxSharedHeader .vtx-ann-inner{padding:0 42px 0 14px!important}.uhf-footer-inner{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.journals-grid,.journal-grid,.grid-journals,#journals .grid,.journal-cards{grid-template-columns:1fr!important}.journal-card{min-height:0!important}.journal-card h3,.journal-card p{min-height:0!important}.uhf-footer-inner{grid-template-columns:1fr!important}.uhf-announcement-content,#vtxSharedHeader .vtx-ann-content{font-size:11.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}

/* ===== FINAL USER-REQUESTED LOCK 2026-07-18 ===== */
/* Sticky behavior: keep main navigation + announcement visible, hide top strip after scroll */
.uhf-header{position:sticky!important;top:0!important;z-index:999999!important;transition:all .22s ease!important}
.uhf-header.is-scrolled .uhf-topline{display:none!important}
.uhf-header.is-scrolled .uhf-navbar{background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;box-shadow:0 9px 28px rgba(7,26,62,.13)!important}
.uhf-header.is-scrolled .uhf-announcement{background:rgba(31,90,152,.93)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
.uhf-header.is-scrolled .uhf-nav-container{height:68px!important;min-height:68px!important}
.uhf-header.is-scrolled .uhf-logo img{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important}

/* Journal pages: preserve approved shared header and stop legacy page CSS from replacing it */
body[class*="journal"] .uhf-header,
body .uhf-header{font-family:'Poppins','Tajawal','Cairo',Arial,sans-serif!important}
.uhf-topline,.uhf-navbar,.uhf-announcement{width:100%!important}
.uhf-nav-container{position:relative!important}
.uhf-mobile-menu-btn{flex:0 0 auto!important}

/* Clickable university name in the journal meta strip */
.lv-meta-home-link{color:rgba(255,255,255,.92)!important;font-weight:700!important;text-decoration:none!important;transition:color .2s ease,text-shadow .2s ease,transform .2s ease!important}
.lv-meta-home-link:hover{color:#f5bd18!important;text-shadow:0 5px 18px rgba(245,189,24,.35)!important;transform:translateY(-1px)!important}

/* Footer links: requested hover shadow and clear click feedback */
.uhf-footer-link,.uhf-footer a,.footer-col a,.footer-bottom-links a{transition:color .2s ease,transform .2s ease,text-shadow .2s ease,background-color .2s ease!important;border-radius:8px!important}
.uhf-footer-link:hover,.uhf-footer a:hover,.footer-col a:hover,.footer-bottom-links a:hover{color:#ffd022!important;text-shadow:0 5px 16px rgba(255,208,34,.42)!important;transform:translateX(4px)!important;background:rgba(255,255,255,.035)!important}
html[dir="rtl"] .uhf-footer-link:hover,html[dir="rtl"] .uhf-footer a:hover,html[dir="rtl"] .footer-col a:hover{transform:translateX(-4px)!important}

/* Journal meta strip must sit under the shared sticky header and remain aligned */
.lovable-journal-page .lv-journal-meta-inner{min-height:62px!important}
.lovable-journal-page .lv-meta-links{align-items:center!important}

/* Keep shared header proportions identical on all public and journal pages */
.uhf-topline-container{max-width:1760px!important;margin:0 auto!important}
.uhf-nav-container{max-width:1760px!important;margin:0 auto!important}
.uhf-announcement-container{max-width:1760px!important;margin:0 auto!important}

@media(max-width:992px){
  .uhf-header.is-scrolled .uhf-nav-container{height:66px!important;min-height:66px!important}
  .uhf-header.is-scrolled .uhf-main-menu.open{top:66px!important}
}