@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&display=swap');

/* Sudan Journal of Health Sciences - custom stylesheet.
   Palette: teal from the Vol.4(2) cover, maroon from the logo.
   Removing this file restores the stock Default theme. */

:root{
  --sjhs-teal:#005A6E; --sjhs-teal-dark:#00404F; --sjhs-teal-deep:#003340;
  --sjhs-tint:#DCEDF3; --sjhs-maroon:#7A3118; --sjhs-cream:#FBF7F0;
  --sjhs-sand:#E3DACE; --sjhs-ink:#10262C; --sjhs-muted:#4A6068;
  --sjhs-serif:'Source Serif 4',Georgia,serif;
  --sjhs-arabic:'Amiri',serif;
  --sjhs-body:'IBM Plex Sans Arabic',system-ui,sans-serif;
}

body,.pkp_structure_page{font-family:var(--sjhs-body);color:var(--sjhs-ink);background:var(--sjhs-cream);}
h1,h2,h3,h4,.page_title,.obj_article_summary .title,.obj_issue_toc h2{font-family:var(--sjhs-serif);color:var(--sjhs-ink);}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] .page_title,html[lang^="ar"] h1,html[lang^="ar"] h2,html[lang^="ar"] .page_title{font-family:var(--sjhs-arabic);font-weight:700;}
a{color:var(--sjhs-teal);} a:hover,a:focus{color:var(--sjhs-maroon);}

.pkp_structure_head{background:var(--sjhs-teal);border-bottom:none;}
.pkp_head_wrapper{padding-top:18px;padding-bottom:18px;}
.pkp_site_name .is_img img{max-height:76px;}
.pkp_site_name_wrapper .pkp_site_name a,.pkp_site_name .is_text{font-family:var(--sjhs-serif);font-weight:700;color:#FFFFFF;letter-spacing:.2px;}
.pkp_navigation_user>li>a{color:#CFE4EA;font-size:13px;}
.pkp_navigation_user>li>a:hover{color:#FFFFFF;}

.pkp_navigation_primary_row{background:var(--sjhs-teal-dark);border-bottom:3px solid var(--sjhs-maroon);}
.pkp_navigation_primary>li>a{color:#E4EEF1;font-size:15px;font-weight:500;padding:16px;}
.pkp_navigation_primary>li>a:hover,.pkp_navigation_primary>li>a:focus{background:var(--sjhs-teal);color:#FFFFFF;}
.pkp_navigation_primary ul li a{background:var(--sjhs-teal-dark);color:#E4EEF1;border-bottom:1px solid #1E6979;}
.pkp_navigation_primary ul li a:hover{background:var(--sjhs-teal);color:#FFFFFF;}
.pkp_search input[type="search"]{border-radius:999px;border:1px solid #1E6979;background:var(--sjhs-teal-deep);color:#FFFFFF;padding:8px 16px;}
.pkp_search input[type="search"]::placeholder{color:#9EC2CC;}

.pkp_structure_main{background:transparent;}
.page_title,.obj_issue_toc>h2,.homepage_about>h2,.cmp_announcements h2{border-bottom:2px solid var(--sjhs-teal);padding-bottom:10px;margin-bottom:22px;}

.sjhs-hero{margin:0 0 8px;}
.sjhs-lede{font-family:var(--sjhs-arabic);font-size:1.45rem;line-height:1.6;color:var(--sjhs-ink);margin:0 0 6px;}
.sjhs-lede-en{font-family:var(--sjhs-serif);font-size:1.05rem;line-height:1.55;color:var(--sjhs-muted);margin:0 0 20px;}
.sjhs-stats{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 20px;padding:0;list-style:none;}
.sjhs-stat{flex:1 1 160px;background:#FFFFFF;border:1px solid var(--sjhs-sand);border-top:4px solid var(--sjhs-teal);border-radius:8px;padding:14px 18px;}
.sjhs-stat.is-accent{border-top-color:var(--sjhs-maroon);}
.sjhs-stat b{display:block;font-family:var(--sjhs-serif);font-size:1.9rem;font-weight:700;line-height:1.1;color:var(--sjhs-teal);}
.sjhs-stat.is-accent b{color:var(--sjhs-maroon);}
.sjhs-stat span{display:block;margin-top:5px;font-size:.88rem;color:var(--sjhs-muted);}
.sjhs-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px;}
.sjhs-btn,a.sjhs-btn{display:inline-block;background:var(--sjhs-maroon);color:#FFFFFF;font-size:.95rem;font-weight:600;padding:12px 22px;border-radius:6px;text-decoration:none;}
a.sjhs-btn:hover{background:#5E250F;color:#FFFFFF;text-decoration:none;}
.sjhs-btn.is-ghost,a.sjhs-btn.is-ghost{background:#FFFFFF;color:var(--sjhs-teal);border:1.5px solid #B8CED4;}
a.sjhs-btn.is-ghost:hover{background:var(--sjhs-tint);color:var(--sjhs-teal-dark);}

.obj_issue_toc .heading,.obj_issue_toc .cover{margin-bottom:20px;}
.obj_issue_toc .sections .section>h2,.obj_issue_toc h3.title{font-family:var(--sjhs-serif);}
.obj_issue_toc .sections .section>h2{display:inline-block;background:var(--sjhs-tint);color:var(--sjhs-teal-dark);font-size:.82rem;font-weight:600;letter-spacing:.2px;padding:5px 12px;border-radius:4px;border:none;margin-bottom:14px;}
.obj_article_summary{background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:10px;padding:18px 22px;margin-bottom:14px;}
.obj_article_summary>.title a{font-family:var(--sjhs-serif);font-size:1.08rem;line-height:1.45;color:var(--sjhs-ink);}
.obj_article_summary>.title a:hover{color:var(--sjhs-teal);}
.obj_article_summary .authors{color:var(--sjhs-muted);font-size:.9rem;}
.obj_article_summary .galleys_links a.obj_galley_link{background:var(--sjhs-teal);color:#FFFFFF;border:none;border-radius:5px;font-weight:600;padding:7px 14px;}
.obj_article_summary .galleys_links a.obj_galley_link:hover{background:var(--sjhs-maroon);}

.pkp_block{background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:10px;padding:0;margin-bottom:16px;overflow:hidden;}
.pkp_block .title{background:#F3EDE3;border-bottom:1px solid var(--sjhs-sand);margin:0;padding:11px 18px;font-family:var(--sjhs-body);font-size:.92rem;font-weight:700;color:var(--sjhs-ink);text-transform:none;}
.pkp_block .content{padding:14px 18px;}
.pkp_block ul{list-style:none;margin:0;padding:0;}
.pkp_block ul li{padding:6px 0;}
.pkp_block.block_make_submission{border:none;background:transparent;}
.pkp_block.block_make_submission .content{padding:0;}
.pkp_block.block_make_submission a{display:block;background:var(--sjhs-maroon);color:#FFFFFF;font-size:1rem;font-weight:700;text-align:center;padding:16px;border-radius:10px;text-decoration:none;}
.pkp_block.block_make_submission a:hover{background:#5E250F;color:#FFFFFF;}

.sjhs-section-head{display:flex;align-items:baseline;gap:10px;margin:30px 0 16px;}
.sjhs-section-head h2,.sjhs-section-head h3{margin:0;border:none;padding:0;}
.sjhs-section-head .en{font-family:var(--sjhs-serif);font-size:.95rem;color:var(--sjhs-muted);font-weight:400;}
.sjhs-section-head::after{content:"";flex:1 1 auto;height:1px;background:var(--sjhs-sand);}
.sjhs-grid{display:grid;gap:16px;margin-bottom:8px;}
.sjhs-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sjhs-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sjhs-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sjhs-person{background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:10px;padding:20px;}
.sjhs-person.is-lead{border-top:4px solid var(--sjhs-maroon);}
.sjhs-person .role{display:block;font-size:.78rem;font-weight:700;color:var(--sjhs-maroon);margin-bottom:8px;}
.sjhs-person .role .en{display:block;font-family:var(--sjhs-serif);font-weight:400;color:var(--sjhs-muted);margin-top:2px;}
.sjhs-person .name{display:block;font-family:var(--sjhs-serif);font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--sjhs-ink);margin-bottom:6px;}
.sjhs-person .cred{display:block;font-size:.88rem;line-height:1.5;color:var(--sjhs-muted);}
.sjhs-person .avatar{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--sjhs-teal);color:#FFFFFF;font-family:var(--sjhs-serif);font-size:1.15rem;font-weight:700;margin-bottom:14px;}
.sjhs-person.is-plain .avatar{background:var(--sjhs-tint);color:var(--sjhs-teal-dark);border:1.5px solid #B8CED4;width:44px;height:44px;font-size:.95rem;}
.sjhs-rows{background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:10px;padding:4px 20px;list-style:none;margin:0;}
.sjhs-rows li{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid #F5EFE6;}
.sjhs-rows li:last-child{border-bottom:none;}
.sjhs-rows .name{font-family:var(--sjhs-serif);font-weight:600;color:var(--sjhs-ink);min-width:220px;}
.sjhs-rows .deg{font-size:.85rem;color:var(--sjhs-muted);min-width:90px;}
.sjhs-rows .task{font-size:.86rem;color:var(--sjhs-muted);flex:1 1 240px;}
.sjhs-chip{display:inline-block;background:var(--sjhs-tint);color:var(--sjhs-teal-dark);font-size:.82rem;padding:5px 12px;border-radius:999px;margin:0 4px 6px 0;}

.pkp_structure_footer_wrapper{background:var(--sjhs-teal-dark);border-top:3px solid var(--sjhs-maroon);}
.pkp_footer_content,.pkp_structure_footer{color:#BAD3DA;font-size:.9rem;}
.pkp_footer_content a{color:#BAD3DA;}
.pkp_footer_content a:hover{color:#FFFFFF;}
.sjhs-foot{display:flex;flex-wrap:wrap;gap:40px;padding-bottom:22px;border-bottom:1px solid #1E6979;}
.sjhs-foot-col{flex:1 1 220px;}
.sjhs-foot-col.is-wide{flex:2 1 340px;}
.sjhs-foot h3{font-family:var(--sjhs-arabic);font-size:1.15rem;color:#FFFFFF;margin:0 0 4px;border:none;padding:0;}
.sjhs-foot .en-name{display:block;font-family:var(--sjhs-serif);font-size:.9rem;color:#9EC2CC;margin-bottom:10px;}
.sjhs-foot h4{font-size:.88rem;font-weight:700;color:#FFFFFF;margin:0 0 12px;}
.sjhs-foot ul{list-style:none;margin:0;padding:0;}
.sjhs-foot ul li{margin-bottom:8px;}
.sjhs-foot p{margin:0 0 10px;line-height:1.7;}
.sjhs-mail{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;}
.sjhs-social{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0;}
.sjhs-social li{margin:0;}
.sjhs-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--sjhs-teal);border:1px solid #1E6979;text-decoration:none;}
.sjhs-social a:hover{background:var(--sjhs-maroon);border-color:var(--sjhs-maroon);}
.sjhs-social svg{width:18px;height:18px;fill:#DCEDF3;}
.sjhs-social a:hover svg{fill:#FFFFFF;}
.sjhs-foot-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding-top:16px;font-size:.82rem;color:#8FB4BE;}

.obj_article_details .page_title{font-family:var(--sjhs-serif);}
.obj_article_details .item.doi a{font-family:var(--sjhs-serif);}
.page h3{font-size:1.15rem;margin-top:26px;color:var(--sjhs-teal-dark);}
.page p,.page li{line-height:1.85;}

@media (max-width:992px){
  .sjhs-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sjhs-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
  .sjhs-grid.cols-4,.sjhs-grid.cols-3,.sjhs-grid.cols-2{grid-template-columns:minmax(0,1fr);}
  .sjhs-stats{flex-direction:column;}
  .sjhs-foot{gap:26px;}
  .sjhs-rows .name{min-width:100%;}
}


/* Social icon buttons (icons drawn from CSS so the footer HTML stays plain) */
.sjhs-social a{background-repeat:no-repeat;background-position:center;background-size:19px 19px;}
.sjhs-social a span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sjhs-social a.s-fb{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M14%209V7.3c0-.9.2-1.3%201.1-1.3H18V2h-3.2C11.2%202%2010%203.6%2010%206.6V9H7v4h3v9h4v-9h3l.4-4H14z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-fb:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M14%209V7.3c0-.9.2-1.3%201.1-1.3H18V2h-3.2C11.2%202%2010%203.6%2010%206.6V9H7v4h3v9h4v-9h3l.4-4H14z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-x{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M18.9%202H22l-7%208%208.2%2012h-6.4l-5-7.3L5.9%2022H2.8l7.5-8.6L2.4%202h6.6l4.5%206.7L18.9%202z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-x:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M18.9%202H22l-7%208%208.2%2012h-6.4l-5-7.3L5.9%2022H2.8l7.5-8.6L2.4%202h6.6l4.5%206.7L18.9%202z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-li{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M4.98%203.5a2.5%202.5%200%2011-.02%205%202.5%202.5%200%2001.02-5zM3%209h4v12H3V9zm7%200h3.8v1.7h.05c.53-.95%201.83-1.95%203.77-1.95%204.03%200%204.78%202.5%204.78%205.75V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9%200-2.2%201.46-2.2%202.97V21h-4V9z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-li:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M4.98%203.5a2.5%202.5%200%2011-.02%205%202.5%202.5%200%2001.02-5zM3%209h4v12H3V9zm7%200h3.8v1.7h.05c.53-.95%201.83-1.95%203.77-1.95%204.03%200%204.78%202.5%204.78%205.75V21h-4v-5.6c0-1.34-.03-3.07-1.9-3.07-1.9%200-2.2%201.46-2.2%202.97V21h-4V9z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-tg{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M21.9%204.3L18.9%2019c-.2%201-.8%201.2-1.7.8l-4.6-3.4-2.2%202.1c-.25.25-.45.45-.9.45l.3-4.7%208.6-7.8c.37-.33-.08-.5-.57-.18L6.3%2012.9%201.7%2011.5c-1-.3-1-1%20.2-1.5L20.6%203c.8-.3%201.5.2%201.3%201.3z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-tg:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M21.9%204.3L18.9%2019c-.2%201-.8%201.2-1.7.8l-4.6-3.4-2.2%202.1c-.25.25-.45.45-.9.45l.3-4.7%208.6-7.8c.37-.33-.08-.5-.57-.18L6.3%2012.9%201.7%2011.5c-1-.3-1-1%20.2-1.5L20.6%203c.8-.3%201.5.2%201.3%201.3z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-wa{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%2000-8.6%2015l-1.3%204.7%204.9-1.3A10%2010%200%201012%202zm5.8%2014.2c-.25.7-1.45%201.3-2%201.35-.5.05-1.15.07-1.85-.12-.43-.13-.98-.32-1.68-.62-2.96-1.28-4.9-4.26-5.04-4.46-.15-.2-1.2-1.6-1.2-3.06%200-1.45.76-2.17%201.03-2.46.27-.3.6-.37.8-.37h.57c.18%200%20.43-.07.67.52.25.6.85%202.06.92%202.2.08.16.13.33.02.53-.1.2-.16.32-.3.5-.16.17-.33.39-.47.52-.15.15-.31.32-.13.62.18.3.8%201.32%201.72%202.14%201.18%201.05%202.17%201.38%202.48%201.53.3.15.48.13.65-.08.18-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.27.1%201.72.8%202.02.95.3.15.5.22.57.35.08.13.08.73-.17%201.43z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-wa:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%2000-8.6%2015l-1.3%204.7%204.9-1.3A10%2010%200%201012%202zm5.8%2014.2c-.25.7-1.45%201.3-2%201.35-.5.05-1.15.07-1.85-.12-.43-.13-.98-.32-1.68-.62-2.96-1.28-4.9-4.26-5.04-4.46-.15-.2-1.2-1.6-1.2-3.06%200-1.45.76-2.17%201.03-2.46.27-.3.6-.37.8-.37h.57c.18%200%20.43-.07.67.52.25.6.85%202.06.92%202.2.08.16.13.33.02.53-.1.2-.16.32-.3.5-.16.17-.33.39-.47.52-.15.15-.31.32-.13.62.18.3.8%201.32%201.72%202.14%201.18%201.05%202.17%201.38%202.48%201.53.3.15.48.13.65-.08.18-.2.75-.87.95-1.17.2-.3.4-.25.67-.15.27.1%201.72.8%202.02.95.3.15.5.22.57.35.08.13.08.73-.17%201.43z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-web{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23DCEDF3%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%20100%2020%2010%2010%200%20000-20zm0%202c1.4%200%203%202.6%203.4%206H8.6C9%206.6%2010.6%204%2012%204zM4.3%2010h2.3c-.1.6-.1%201.3-.1%202s0%201.4.1%202H4.3a8%208%200%20010-4zm0%206h2.6c.5%202%201.3%203.6%202.2%204.5A8%208%200%20014.3%2016zm4.4%200h6.6c-.5%203.4-2%206-3.3%206s-2.8-2.6-3.3-6zm-.2-2c-.1-.6-.1-1.3-.1-2s0-1.4.1-2h7c.1.6.1%201.3.1%202s0%201.4-.1%202H8.5zm6.4%206.5c.9-.9%201.7-2.5%202.2-4.5h2.6a8%208%200%2001-4.8%204.5zM17.4%2014c.1-.6.1-1.3.1-2s0-1.4-.1-2h2.3a8%208%200%20010%204h-2.3zm1.4-6h-2.6c-.5-2-1.3-3.6-2.2-4.5A8%208%200%200118.8%208zM9.1%203.5C8.2%204.4%207.4%206%206.9%208H4.3a8%208%200%20014.8-4.5z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-social a.s-web:hover{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%20100%2020%2010%2010%200%20000-20zm0%202c1.4%200%203%202.6%203.4%206H8.6C9%206.6%2010.6%204%2012%204zM4.3%2010h2.3c-.1.6-.1%201.3-.1%202s0%201.4.1%202H4.3a8%208%200%20010-4zm0%206h2.6c.5%202%201.3%203.6%202.2%204.5A8%208%200%20014.3%2016zm4.4%200h6.6c-.5%203.4-2%206-3.3%206s-2.8-2.6-3.3-6zm-.2-2c-.1-.6-.1-1.3-.1-2s0-1.4.1-2h7c.1.6.1%201.3.1%202s0%201.4-.1%202H8.5zm6.4%206.5c.9-.9%201.7-2.5%202.2-4.5h2.6a8%208%200%2001-4.8%204.5zM17.4%2014c.1-.6.1-1.3.1-2s0-1.4-.1-2h2.3a8%208%200%20010%204h-2.3zm1.4-6h-2.6c-.5-2-1.3-3.6-2.2-4.5A8%208%200%200118.8%208zM9.1%203.5C8.2%204.4%207.4%206%206.9%208H4.3a8%208%200%20014.8-4.5z%22%2F%3E%3C%2Fsvg%3E");}
.sjhs-mail::before{content:"";display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%239EC2CC%22%3E%3Cpath%20d%3D%22M2%205h20v14H2V5zm2%202v.4l8%205%208-5V7H4zm16%2010V9.7l-8%205-8-5V17h16z%22%2F%3E%3C%2Fsvg%3E");}


/* ===== sjhs-v2-depth : header depth, sidebar polish, mobile fixes ===== */

/* Header: three layers of colour instead of one flat fill */
.pkp_structure_head{
  position:relative;
  background:linear-gradient(135deg,#00707F 0%,#005A6E 48%,#00404F 100%);
  border-bottom:none;
}
.pkp_structure_head::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:radial-gradient(900px 280px at 78% -50%,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.pkp_head_wrapper,.pkp_navigation_primary_row{position:relative;z-index:1;}
.pkp_navigation_primary_row{
  background:#00323F;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:3px solid var(--sjhs-maroon);
}

/* Web feed block: mute the RSS buttons and let it sit quietly at the end */
.pkp_block.block_web_feed{order:99;}
.pkp_block.block_web_feed .content img{height:17px;width:auto;opacity:.55;vertical-align:middle;}
.pkp_block.block_web_feed:hover .content img{opacity:1;}
.pkp_block.block_web_feed .content a{display:inline-block;margin:0 4px 6px 0;}
.pkp_structure_sidebar{display:flex;flex-direction:column;}
.pkp_structure_sidebar .pkp_block{order:1;}
.pkp_structure_sidebar .pkp_block.block_make_submission{order:0;}

/* Mobile: stat tiles must not stretch when they stack */
@media (max-width:768px){
  .sjhs-stats{flex-direction:column;}
  .sjhs-stat{flex:0 0 auto;padding:12px 16px;}
  .sjhs-stat b{font-size:1.6rem;}
  .sjhs-cta{flex-direction:column;}
  .sjhs-cta .sjhs-btn{text-align:center;}
}


/* ===== sjhs-v3-order : keep the RSS block last in the sidebar ===== */
.pkp_structure_sidebar .pkp_block.block_web_feed{order:99;}
.pkp_structure_sidebar .pkp_block.block_web_feed .title{font-size:.86rem;color:#4A6068;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content img{height:16px;width:auto;opacity:.5;}
.pkp_structure_sidebar .pkp_block.block_web_feed:hover .content img{opacity:.95;}


/* ===== sjhs-v4-reviewers : reviewer index and reviewer profile pages ===== */

.sjhs-notice{
  background:#FFF6E6;
  border:1px solid #E6C98A;
  border-inline-start:5px solid var(--sjhs-maroon);
  border-radius:10px;
  padding:20px 24px;
  margin:0 0 28px;
}
.sjhs-notice p{margin:0 0 10px;font-size:1.06rem;line-height:1.9;color:#4A3A22;}
.sjhs-notice p:last-child{margin-bottom:0;}
.sjhs-notice strong{color:#5E250F;}
.sjhs-notice .en{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed #E6C98A;font-family:var(--sjhs-serif);font-size:.98rem;line-height:1.7;color:#6B5233;}

.sjhs-rev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 10px;}
.sjhs-rev-card{display:flex;gap:18px;background:#FFFFFF;border:1px solid var(--sjhs-sand);border-top:4px solid var(--sjhs-teal);border-radius:12px;padding:20px;}
.sjhs-rev-card .ph{width:104px;height:104px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:var(--sjhs-tint);border:1px solid #B8CED4;}
.sjhs-rev-card .ini{width:104px;height:104px;border-radius:10px;flex:0 0 auto;background:var(--sjhs-tint);border:1px solid #B8CED4;display:flex;align-items:center;justify-content:center;font-family:var(--sjhs-serif);font-size:1.6rem;font-weight:700;color:var(--sjhs-teal-dark);}
.sjhs-rev-card .bd{flex:1 1 auto;min-width:0;}
.sjhs-rev-card .nm{display:block;font-family:var(--sjhs-arabic);font-size:1.3rem;line-height:1.35;color:var(--sjhs-ink);margin-bottom:2px;}
.sjhs-rev-card .nm-en{display:block;font-family:var(--sjhs-serif);font-size:.95rem;color:var(--sjhs-muted);margin-bottom:10px;}
.sjhs-rev-card .ln{display:block;font-size:.92rem;line-height:1.75;color:#33484F;margin-bottom:12px;}
.sjhs-rev-card .go{display:inline-block;font-size:.86rem;font-weight:700;color:#FFFFFF;background:var(--sjhs-teal);padding:8px 16px;border-radius:6px;text-decoration:none;}
.sjhs-rev-card .go:hover{background:var(--sjhs-maroon);color:#FFFFFF;text-decoration:none;}

.sjhs-rev-head{display:flex;gap:26px;background:#FFFFFF;border:1px solid var(--sjhs-sand);border-top:4px solid var(--sjhs-maroon);border-radius:12px;padding:26px;margin:0 0 20px;}
.sjhs-rev-head .ph{width:170px;height:170px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:var(--sjhs-tint);border:1px solid #B8CED4;}
.sjhs-rev-head .ini{width:170px;height:170px;border-radius:12px;flex:0 0 auto;background:var(--sjhs-tint);border:1px solid #B8CED4;display:flex;align-items:center;justify-content:center;font-family:var(--sjhs-serif);font-size:2.4rem;font-weight:700;color:var(--sjhs-teal-dark);}
.sjhs-rev-head .bd{flex:1 1 auto;min-width:0;}
.sjhs-rev-head h2{margin:0 0 4px;font-family:var(--sjhs-arabic);font-size:1.9rem;line-height:1.3;border:none;padding:0;}
.sjhs-rev-head .nm-en{display:block;font-family:var(--sjhs-serif);font-size:1.12rem;color:var(--sjhs-muted);margin-bottom:14px;}
.sjhs-rev-head .fact{display:block;font-size:.96rem;line-height:1.75;color:#33484F;margin-bottom:5px;}
.sjhs-rev-head .fact b{color:var(--sjhs-teal-dark);font-weight:600;}

.sjhs-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #F0E9DF;}
.sjhs-links a{display:inline-block;font-size:.85rem;font-weight:600;color:var(--sjhs-teal-dark);background:var(--sjhs-tint);padding:7px 14px;border-radius:999px;text-decoration:none;}
.sjhs-links a:hover{background:var(--sjhs-teal);color:#FFFFFF;text-decoration:none;}

.sjhs-panel{background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:12px;padding:22px 26px;margin:0 0 18px;}
.sjhs-panel h3{margin:0 0 14px;font-family:var(--sjhs-arabic);font-size:1.4rem;color:var(--sjhs-ink);border:none;padding:0;}
.sjhs-panel h3 .en{font-family:var(--sjhs-serif);font-size:.92rem;color:var(--sjhs-muted);font-weight:400;}
.sjhs-panel p{margin:0 0 12px;line-height:1.95;color:#33484F;}
.sjhs-panel p:last-child{margin-bottom:0;}

.sjhs-qual{list-style:none;margin:0;padding:0;}
.sjhs-qual li{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid #F5EFE6;}
.sjhs-qual li:last-child{border-bottom:none;}
.sjhs-qual .yr{font-family:var(--sjhs-serif);font-weight:700;color:var(--sjhs-maroon);flex:0 0 52px;}
.sjhs-qual .ds{flex:1 1 auto;color:#33484F;line-height:1.6;}

.sjhs-pubs{list-style:none;counter-reset:pub;margin:0;padding:0;}
.sjhs-pubs li{counter-increment:pub;position:relative;padding:11px 0 11px 0;border-bottom:1px solid #F5EFE6;font-family:var(--sjhs-serif);font-size:.95rem;line-height:1.7;color:#33484F;}
.sjhs-pubs li:last-child{border-bottom:none;}
.sjhs-pubs li::before{content:counter(pub) ".";color:var(--sjhs-maroon);font-weight:700;margin-inline-end:8px;}

.sjhs-revnav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#F3EDE3;border:1px solid var(--sjhs-sand);border-radius:10px;padding:15px 22px;margin-top:6px;}
.sjhs-revnav a{font-size:.92rem;font-weight:600;}

@media (max-width:820px){
  .sjhs-rev-grid{grid-template-columns:minmax(0,1fr);}
  .sjhs-rev-head{flex-direction:column;}
  .sjhs-rev-head .ph,.sjhs-rev-head .ini{width:130px;height:130px;}
}

/* ==========================================================
   sjhs-v5-toc-footer — 27 Sep 2026
   12 cover thumbnails in TOC · 13 Full Issue row · 16 social grid
   17 Arabic direction in bilingual text · 18 TOC spacing + feed chips
   ========================================================== */

/* 12 — the issue cover already heads the TOC; drop the repeated per-article thumbnail */
.obj_issue_toc .obj_article_summary > .cover{display:none;}

/* 13 — Full Issue: one compact row instead of a tall empty box */
.obj_issue_toc .galleys{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:0 0 6px;padding:14px 22px;background:#FFFFFF;border:1px solid var(--sjhs-sand);border-radius:10px;}
.obj_issue_toc .galleys::before{display:none;}
.obj_issue_toc .galleys > h2,.obj_issue_toc .galleys > h3{position:static;transform:none;margin:0;padding:0;border:0;background:none;font-family:var(--sjhs-serif);font-size:1rem;font-weight:600;color:var(--sjhs-ink);}
.obj_issue_toc .galleys .galleys_links{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.obj_issue_toc .galleys .galleys_links li{margin:0;}
.obj_issue_toc .galleys a.obj_galley_link{background:var(--sjhs-teal);color:#FFFFFF;border:none;border-radius:5px;font-weight:600;padding:7px 14px;}
.obj_issue_toc .galleys a.obj_galley_link:hover{background:var(--sjhs-maroon);color:#FFFFFF;}

/* 18a — tighten the vertical rhythm of the issue TOC */
.current_issue > h2{margin-top:26px;}
.current_issue_title{margin:0 0 14px;}
.obj_issue_toc .sections,.obj_issue_toc .galleys + .sections,.obj_issue_toc .heading + .sections{margin-top:14px;}
.obj_issue_toc .section{margin:0;padding:30px 0 6px;}
.obj_issue_toc .section .cmp_article_list > li{margin-bottom:0;}

/* 18c — stats cards: four equal columns on desktop (was 3 + 1 stretched card at 1000–1250px) */
@media (min-width:769px){
.sjhs-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.sjhs-stat{padding:14px 14px;}
}

/* 16 — six social icons as a balanced 3 x 2 grid, never an orphan */
.sjhs-social{display:grid;grid-template-columns:repeat(3,44px);gap:10px;}

/* 17 — Arabic runs take their own direction, so punctuation lands at the end of the sentence */
.sjhs-foot h3,.sjhs-foot h4,.sjhs-foot p,.sjhs-foot li > a,.sjhs-foot .en-name,.sjhs-foot-bar > span,
.sjhs-notice p,.sjhs-notice .en,.sjhs-lede,.sjhs-lede-en{unicode-bidi:plaintext;}
html:not([lang^="ar"]) .sjhs-foot :is(h3,h4,p,li,.en-name),html:not([lang^="ar"]) .sjhs-notice :is(p,.en),html:not([lang^="ar"]) :is(.sjhs-lede,.sjhs-lede-en){text-align:left;}
html[lang^="ar"] .sjhs-foot :is(h3,h4,p,li,.en-name),html[lang^="ar"] .sjhs-notice :is(p,.en),html[lang^="ar"] :is(.sjhs-lede,.sjhs-lede-en){text-align:right;}

/* 18b — feed links as small text chips instead of grey image badges */
.pkp_structure_sidebar .pkp_block.block_web_feed .content ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content li{margin:0;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content img{display:none;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content a{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--sjhs-tint);color:var(--sjhs-teal-dark);font-size:.76rem;font-weight:600;line-height:1.6;text-decoration:none;opacity:1;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content a:hover{background:var(--sjhs-teal);color:#FFFFFF;}
.pkp_structure_sidebar .pkp_block.block_web_feed .content a[href$="/atom"]::after{content:"Atom";}
.pkp_structure_sidebar .pkp_block.block_web_feed .content a[href$="/rss2"]::after{content:"RSS 2.0";}
.pkp_structure_sidebar .pkp_block.block_web_feed .content a[href$="/rss"]::after{content:"RSS 1.0";}
/* footer — OJS/PKP credit was dark grey on dark teal: keep it, make it legible and smaller */
.pkp_brand_footer{padding-top:14px;padding-bottom:18px;}
.pkp_brand_footer img{width:96px;height:auto;filter:brightness(0) invert(1);opacity:.45;}
.pkp_brand_footer a:hover img{opacity:.8;}
/* end sjhs-v5-toc-footer */