/* IJARCSE 2026 – Wissira journal kit – custom stylesheet for the OJS 3.4 default theme.
   Colours from the SJAIBT shield logo (steel blue var(--wj-blue), navy). One font: IBM Plex Sans. */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap');

:root{--wj-navy:#212e50;--wj-navy-2:#2a3a66;--wj-blue:#3352a3;--wj-blue-2:#3d62c2;--wj-pale:#eff2f8;--wj-line:#d8dde9;--wj-text:#1c2430;--wj-muted:#5d6773;--wj-gold:#5f8f8c;--wj-gold-2:#80aba8;--wj-bg:#fafbfc;--wj-font:'Rubik';--wj-logo-url:url('https://ijarcse.org/public/site/images/admin/ijarcse-logo-7c6cb58bf4ec882b35f2210d5d642a74.png');--wj-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgb%2851%2C82%2C163%29%27%20stroke-opacity%3D%270.06%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M0%2020h12l4-4h8l4%204h12M20%200v12M20%2028v12%27/%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%272.5%27/%3E%3C/g%3E%3C/svg%3E");--wj-hero-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27rgb%28255%2C255%2C255%29%27%20stroke-opacity%3D%270.08%27%20stroke-width%3D%271%27%3E%3Cpath%20d%3D%27M0%2020h12l4-4h8l4%204h12M20%200v12M20%2028v12%27/%3E%3Ccircle%20cx%3D%2720%27%20cy%3D%2720%27%20r%3D%272.5%27/%3E%3C/g%3E%3C/svg%3E");--wj-pattern-size:40px 40px;--wj-grid:transparent;}

/* ---------- base ---------- */
html, body, .pkp_structure_page, input, button, select, textarea,
.pkp_structure_page h1, .pkp_structure_page h2, .pkp_structure_page h3, .pkp_structure_page h4 {
  font-family: var(--wj-font), -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
}
body { background: var(--wj-bg); color: var(--wj-text); font-size: 16px; }
.pkp_structure_page { background: transparent; }
a { color: var(--wj-blue); }
a:hover, a:focus { color: var(--wj-navy); }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.65; }
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3 { color: var(--wj-navy); font-weight: 600; letter-spacing: -0.01em; }
.pkp_structure_main h2 { font-size: 1.3rem; margin-top: 1.6em; }
.pkp_structure_main h3 { font-size: 1.08rem; }
.wj-hidden { display: none !important; }

/* stray PKP branding */
.pkp_brand_footer { display: none !important; }

/* ---------- header ---------- */
.pkp_structure_head { background: var(--wj-navy); border-bottom: 0; }
.pkp_head_wrapper { padding-top: 14px; }
.pkp_site_name_wrapper { min-height: 0; }
.pkp_site_name { padding: 18px 0 14px; }
.pkp_site_name .is_text, .pkp_site_name a.is_text {
  color: #fff !important; font-weight: 600; font-size: 1.55rem; line-height: 1.25; letter-spacing: -0.01em;
}
.pkp_site_name .is_text:hover { text-decoration: none; color: rgba(255,255,255,0.88) !important; }
.pkp_navigation_user_wrapper a, .pkp_navigation_user a { color: rgba(255,255,255,0.82) !important; font-size: 0.86rem; }
.pkp_navigation_primary_wrapper { border-top: 1px solid rgba(255,255,255,0.14); }
.pkp_navigation_primary > li > a {
  color: #fff !important; font-weight: 500; font-size: 0.95rem; margin: 0 4px 0 0; padding: 12px 10px; border-bottom: 3px solid transparent;
}
.pkp_navigation_primary > li > a:hover, .pkp_navigation_primary > li > a:focus { border-bottom-color: var(--wj-gold); color: #fff !important; text-decoration: none; }
.pkp_navigation_primary ul { border-radius: 0 0 6px 6px; border: 1px solid var(--wj-line); box-shadow: 0 8px 22px rgba(0,0,0,0.14); }
.pkp_navigation_primary ul a { color: var(--wj-text) !important; border-left: 3px solid transparent; }
.pkp_navigation_primary ul a:hover { border-left-color: var(--wj-blue); background: var(--wj-pale); text-decoration: none; }
.pkp_navigation_search_wrapper a { color: #fff !important; border-bottom-color: transparent !important; }

/* facts strip (added by the wj-facts script) */
.wj-facts { background: #fff; border-bottom: 1px solid var(--wj-line); }
.wj-facts-inner { max-width: 1160px; margin: 0 auto; padding: 0 30px; display: grid; grid-template-columns: repeat(6, 1fr); }
.wj-fact { padding: 11px 14px; border-left: 1px solid var(--wj-line); display: flex; flex-direction: column; gap: 2px; }
.wj-fact:first-child { border-left: 0; padding-left: 0; }
.wj-fact-l { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--wj-muted); }
.wj-fact-v { font-weight: 600; color: var(--wj-navy); font-size: 0.92rem; }

/* hero (homepage only, added by the wj-hero script) */
.wj-hero {
  background-color: var(--wj-navy-2);
  background-image: var(--wj-hero-pattern), linear-gradient(120deg, var(--wj-navy) 0%, var(--wj-blue) 100%);
  background-size: var(--wj-pattern-size), 100% 100%;
  color: #fff;
}
.wj-hero-inner { max-width: 1160px; margin: 0 auto; padding: 34px 30px; display: flex; gap: 28px; align-items: center; }
.wj-hero-logo { width: 132px; height: auto; background: #fff; border-radius: 12px; padding: 8px; flex: 0 0 auto; }
.wj-hero-k { display: inline-block; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.78); margin-bottom: 6px; }
.wj-hero-title { font-size: 1.75rem; font-weight: 700; line-height: 1.22; max-width: 760px; }
.wj-hero-tag { color: rgba(255,255,255,0.88); margin: 8px 0 16px; font-size: 1.02rem; }
.wj-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* buttons */
.wj-btn, a.wj-btn {
  display: inline-block; background: var(--wj-blue); color: #fff !important; font-weight: 600; padding: 10px 18px;
  border-radius: 6px; border: 2px solid var(--wj-blue); text-decoration: none !important; line-height: 1.2;
}
.wj-btn:hover { background: var(--wj-navy); border-color: var(--wj-navy); }
.wj-hero .wj-btn { background: var(--wj-gold); border-color: var(--wj-gold); color: var(--wj-navy) !important; }
.wj-hero .wj-btn:hover { background: var(--wj-gold-2); border-color: var(--wj-gold-2); }
.wj-btn-light, a.wj-btn-light, .wj-hero a.wj-btn.wj-btn-light { background: transparent !important; border-color: rgba(255,255,255,0.7) !important; color: #fff !important; }
.wj-hero a.wj-btn.wj-btn-light:hover { background: rgba(255,255,255,0.12) !important; }
.block_custom .wj-btn { display: block; text-align: center; }
#customblock-find-us-at img, .block_custom img { display: block; margin: 8px auto; max-height: 90px; width: auto; }
.wj-btn-ghost, a.wj-btn-ghost { background: #fff; color: var(--wj-blue) !important; }
.wj-btn-ghost:hover { background: var(--wj-pale); color: var(--wj-navy) !important; }
.wj-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- layout ---------- */
.pkp_structure_content { padding-top: 26px; }
.pkp_structure_main {
  background: #fff; border: 1px solid var(--wj-line); border-radius: 10px; padding: 26px 32px 34px !important;
}
.pkp_structure_main:before, .pkp_structure_main:after { display: none !important; }
.cmp_breadcrumbs ol { font-size: 0.85rem; color: var(--wj-muted); }
.cmp_breadcrumbs a { color: var(--wj-blue); }
.page > h1, .page_index_journal h2, .pkp_structure_main .page h1 {
  font-size: 1.7rem; margin: 6px 0 18px; padding-bottom: 10px; border-bottom: 2px solid var(--wj-blue);
}

/* sidebar blocks */
.pkp_structure_sidebar .pkp_block {
  background: #fff; border: 1px solid var(--wj-line); border-top: 3px solid var(--wj-blue); border-radius: 8px;
  padding: 16px 18px; margin: 0 0 18px;
}
.pkp_structure_sidebar .pkp_block .title {
  color: var(--wj-navy); font-weight: 600; font-size: 0.98rem; text-transform: none; letter-spacing: 0;
  border-bottom: 1px solid var(--wj-line); padding-bottom: 8px; margin-bottom: 10px; display: block;
}
.pkp_structure_sidebar .pkp_block img { max-width: 100%; height: auto; }
.block_make_submission a { background: var(--wj-blue); color: #fff !important; border-radius: 6px; font-weight: 600; text-align: center; }
.block_make_submission a:hover { background: var(--wj-navy); text-decoration: none; }

/* tables in pages */
.wj-table, .pkp_structure_main table { border-collapse: collapse; width: 100%; margin: 10px 0 18px; }
.wj-table th, .wj-table td, .pkp_structure_main table th, .pkp_structure_main table td {
  border-bottom: 1px solid var(--wj-line); padding: 10px 12px; text-align: left; vertical-align: top;
}
.wj-table th { width: 32%; color: var(--wj-navy); font-weight: 600; background: var(--wj-pale); }
.wj-table small, .page_contact .address { color: var(--wj-muted); }
.wj-lead { font-size: 1.06rem; color: var(--wj-muted); }

/* ---------- homepage ---------- */
.page_index_journal .homepage_about { font-size: 1.02rem; }
.page_index_journal .homepage_about h2 { font-size: 1.3rem; }
.wj-more { font-weight: 500; }
.wj-home { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
.wj-box { background: var(--wj-pale); border: 1px solid var(--wj-line); border-radius: 10px; padding: 18px 20px; }
.wj-box h2 { margin: 0 0 8px !important; font-size: 1.12rem !important; border: 0 !important; padding: 0 !important; }
.wj-cfp { grid-column: 1 / -1; background: #fff; border-left: 4px solid var(--wj-gold); }
.wj-steps { margin: 0; padding-left: 20px; }
.wj-steps li { margin: 4px 0; }
.wj-eic-name { font-weight: 600; color: var(--wj-navy); font-size: 1.05rem; margin: 0 0 2px; }
.wj-eic p { margin: 4px 0; }
.wj-trust { grid-column: 1 / -1; background: #fff; }
.wj-trust-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.wj-trust-list li { background: var(--wj-pale); border: 1px solid var(--wj-line); border-radius: 999px; padding: 5px 12px; font-size: 0.9rem; color: var(--wj-navy); }
.page_index_journal .current_issue { margin-top: 28px; }
.page_index_journal .current_issue > h2 { font-size: 1.3rem; }
.page_index_journal .current_issue_title { font-weight: 600; color: var(--wj-navy); }
.page_index_journal .read_more { font-weight: 600; }

/* ---------- article lists ---------- */
.obj_issue_toc .sections .section > h2, .obj_issue_toc .sections .section > h3 {
  font-size: 1rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--wj-blue); border-bottom: 1px solid var(--wj-line); padding-bottom: 6px;
}
.obj_article_summary { padding: 14px 0 16px; border-bottom: 1px solid var(--wj-line); }
.obj_article_summary .title a { color: var(--wj-navy); font-weight: 600; font-size: 1.05rem; }
.obj_article_summary .title a:hover { color: var(--wj-blue); }
.obj_article_summary .meta { color: var(--wj-muted); font-size: 0.92rem; }
.galleys_links { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.galleys_links li { margin: 0 !important; }
/* view and download counters are not shown */
.galleys_links .cmp_button_wire, .obj_galley_link sup, .galleys_links li:has(> .cmp_button_wire) { display: none !important; }
.obj_galley_link, a.obj_galley_link {
  border: 1.5px solid var(--wj-blue); color: var(--wj-blue) !important; border-radius: 6px; padding: 4px 12px; font-weight: 600; background: #fff;
}
.obj_galley_link:hover { background: var(--wj-blue); color: #fff !important; text-decoration: none; }
.doiInSummary { font-size: 0.88rem; color: var(--wj-muted); }

/* issue archive */
.obj_issue_summary { padding: 14px 0; border-bottom: 1px solid var(--wj-line); }
.obj_issue_summary .title { font-weight: 600; color: var(--wj-navy); }
.obj_issue_summary .cover { display: none; }

/* article page */
.obj_article_details .main_entry .item .label, .obj_article_details .entry_details .item .label {
  color: var(--wj-navy); font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600;
}
.obj_article_details > .page_title { color: var(--wj-navy); }
.obj_article_details .entry_details { border-color: var(--wj-line); }

/* contact page: emails and phones first, the post-only address last and small */
.page_contact .contact_section { display: flex; flex-direction: column; }
.page_contact .contact_section .address { order: 9; margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--wj-line); font-size: 14px; }
.page_contact .contact h3 { color: var(--wj-navy); }

/* ---------- footer ---------- */
.pkp_structure_footer_wrapper { background: var(--wj-navy); color: rgba(255,255,255,0.82); border-top: 4px solid var(--wj-blue); margin-top: 36px; }
.pkp_structure_footer { padding: 0; }
.pkp_footer_content { padding: 30px 30px 18px; }
.pkp_footer_content a { color: #fff; }
.wj-footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.wj-fcol h3 { color: #fff; font-size: 0.95rem; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.wj-fcol ul { list-style: none; margin: 0; padding: 0; }
.wj-fcol li { margin: 5px 0; }
.wj-fcol a { color: rgba(255,255,255,0.82) !important; text-decoration: none; }
.wj-fcol a:hover { color: #fff !important; text-decoration: underline; }
.wj-fbottom { border-top: 1px solid rgba(255,255,255,0.15); margin-top: 22px; padding-top: 14px; font-size: 0.85rem; color: rgba(255,255,255,0.7); }
.wj-fbottom a { color: #fff !important; }

/* ---------- phones ---------- */
@media (max-width: 991px) {
  .wj-facts-inner { display: flex; overflow-x: auto; padding: 0 16px; scroll-snap-type: x mandatory; }
  .wj-fact { flex: 0 0 auto; scroll-snap-align: start; padding: 9px 14px; }
  .wj-hero-inner { flex-direction: column; align-items: flex-start; padding: 24px 16px; gap: 14px; }
  .wj-hero-logo { width: 84px; }
  .wj-hero-title { font-size: 1.3rem; }
  .pkp_structure_main { padding: 18px 16px 24px !important; border-radius: 0; border-left: 0; border-right: 0; }
  .wj-home { grid-template-columns: 1fr; }
  .wj-footer { grid-template-columns: 1fr; gap: 14px; }
  .pkp_site_name .is_text { font-size: 1.12rem; }
  .pkp_structure_head .pkp_site_nav_menu { background: var(--wj-navy); }
  .pkp_navigation_primary ul a { color: #fff !important; }
  .wj-table th { width: 40%; }
}

/* phones: long journal title must wrap, nothing wider than the screen */
html, body { overflow-x: hidden; max-width: 100%; }
@media (max-width: 991px) {
  .pkp_site_name_wrapper { height: auto !important; padding-left: 52px; padding-right: 12px; }
  .pkp_site_name { padding: 12px 0 !important; position: static !important; white-space: normal !important; overflow: visible !important; }
  .pkp_site_name .is_text { white-space: normal !important; font-size: 1.02rem !important; display: block; line-height: 1.3; }
  .pkp_site_nav_toggle { top: 12px; }
  .pkp_structure_content, .pkp_structure_main, .wj-hero, .wj-facts { max-width: 100vw; box-sizing: border-box; }
  .pkp_structure_main * { max-width: 100%; box-sizing: border-box; }
  .wj-hero-title, .wj-hero-tag { overflow-wrap: anywhere; }
  .wj-actions .wj-btn, .wj-hero-actions .wj-btn { flex: 1 1 auto; text-align: center; }
}

/* ---------- review round 1 (OM) ---------- */
/* Find us at: small logos of one height in a tidy row */
#customblock-find-us-at .content, .block_custom#customblock-find-us-at .content { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
#customblock-find-us-at .content p { margin: 0; }
#customblock-find-us-at img, .block_custom#customblock-find-us-at img { height: 32px !important; width: auto !important; max-width: 120px; margin: 0 !important; display: inline-block !important; object-fit: contain; }
#customblock-issn img.wj-issn-portal, #customblock-issn img { height: 34px !important; width: auto !important; margin: 6px 0 0 !important; }
#customblock-issn p { margin: 0 0 4px; }

/* one submit button style everywhere */
.block_custom .wj-btn, .wj-cfp .wj-btn { min-width: 180px; }
#customblock-call-submission .wj-btn { display: block; width: 100%; text-align: center; padding: 10px 12px; }

/* hero badges */
.wj-badges { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.wj-badges span { border: 1px solid rgba(255,255,255,0.45); border-radius: 999px; padding: 4px 12px; font-size: 0.85rem; color: #fff; background: rgba(255,255,255,0.08); }
.wj-hero-tag { margin-bottom: 12px; }

/* editorial board cards */
.wj-people { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 10px 0 24px; }
.wj-people-eic { grid-template-columns: 1fr; }
.wj-person { border: 1px solid var(--wj-line); border-left: 4px solid var(--wj-blue); border-radius: 8px; padding: 14px 16px; background: #fff; }
.wj-people-eic .wj-person { background: var(--wj-pale); border-left-color: var(--wj-gold); }
.wj-person p { margin: 0 0 3px !important; line-height: 1.45 !important; }
.wj-p-name { font-weight: 600; color: var(--wj-navy); font-size: 1.04rem; }
.wj-p-role { color: var(--wj-text); }
.wj-p-org { color: var(--wj-text); font-weight: 500; }
.wj-p-place { color: var(--wj-muted); font-size: 0.9rem; }
.wj-p-links { font-size: 0.9rem; margin-top: 6px !important; }
@media (max-width: 991px) { .wj-people { grid-template-columns: 1fr; } }

/* homepage spacing */
.page_index_journal .homepage_about p { margin-bottom: 10px; }
.page_index_journal .current_issue .heading { margin-bottom: 8px; }
.page_index_journal .current_issue .published { color: var(--wj-muted); }
.page_index_journal .cmp_announcements, .page_index_journal .cmp_announcements:empty { margin-top: 24px; }

/* Title band logo: larger, clean cutout in a white rounded card */
.wj-hero-logo { width: 190px !important; height: auto; background: #fff; border-radius: 18px; padding: 14px 16px; box-shadow: 0 10px 28px rgba(5,20,35,0.35); }
@media (max-width: 991px) { .wj-hero-logo { width: 132px !important; padding: 10px 12px; border-radius: 14px; } }

/* Archives: compact two-column cards, even spacing */
.page_issue_archive .issues_archive { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; list-style: none; margin: 4px 0 0; padding: 0; border: 0; }
.page_issue_archive .issues_archive > li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.page_issue_archive .issues_archive > li:before, .page_issue_archive .issues_archive > li:after { display: none !important; }
.page_issue_archive .obj_issue_summary { margin: 0 !important; padding: 12px 14px !important; border: 1px solid var(--wj-line) !important; border-left: 4px solid var(--wj-blue) !important; border-radius: 8px; background: #fff; height: 100%; box-sizing: border-box; }
.page_issue_archive .obj_issue_summary:hover { background: var(--wj-pale); }
.page_issue_archive .obj_issue_summary h2 { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: 1rem !important; line-height: 1.3; }
.page_issue_archive .obj_issue_summary .title { color: var(--wj-navy); font-weight: 600; text-decoration: none; }
.page_issue_archive .obj_issue_summary .series { font-size: 0.86rem; font-weight: 400; color: var(--wj-muted); margin-top: 2px; }
.page_issue_archive .obj_issue_summary .description { display: none; }
.page_issue_archive .cmp_pagination { margin-top: 16px; }
@media (max-width: 600px) { .page_issue_archive .issues_archive { grid-template-columns: 1fr; gap: 10px; } }

/* Contact page: Principal and Support contacts as two cards, post-only address below */
.page_contact .contact_section { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; }
.page_contact .contact_section .contact { margin: 0 !important; padding: 16px 18px; border: 1px solid var(--wj-line); border-left: 4px solid var(--wj-blue); border-radius: 8px; background: #fff; width: auto !important; float: none !important; }
.page_contact .contact_section .contact h3 { margin: 0 0 8px; font-size: 1.05rem; }
.page_contact .contact_section .contact .label { display: none; }
.page_contact .contact_section .address { grid-column: 1 / -1; order: 9; margin-top: 4px !important; }
@media (max-width: 767px) { .page_contact .contact_section { grid-template-columns: 1fr; } }

/* ISSN links: readable on dark backgrounds (title band) and consistent elsewhere */
.wj-hero a.issn-link, .wj-badges a, .wj-hero-text a:not(.wj-btn) { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }
.wj-fact-v a { color: var(--wj-navy); text-decoration: underline; text-underline-offset: 2px; }
.pkp_footer_content a.issn-link { color: #fff !important; }
/* sidebar boxes: same inner padding and left edge */
.pkp_structure_sidebar .pkp_block .content { padding: 0 !important; margin: 0 !important; }
#customblock-issn .content p, #customblock-find-us-at .content p { text-align: left !important; }
#customblock-issn a { color: var(--wj-navy) !important; font-weight: 600; }

/* OM correction: small shield next to the journal name in the header on every page */
.pkp_site_name .is_text { display: inline-flex !important; align-items: center; gap: 12px; }
.pkp_site_name .is_text::before {
  content: ""; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 8px;
  background: #fff var(--wj-logo-url) center / 36px auto no-repeat;
}
@media (max-width: 991px) { .pkp_site_name .is_text::before { width: 34px; height: 34px; background-size: 28px auto; } }

/* Page check fixes: long links in references wrap; wide tables scroll inside their box on phones */
.obj_article_details a, .article-details a, .item.references, .references, .article-details .references, .csl-entry { overflow-wrap: anywhere; word-break: break-word; }
@media (max-width: 767px) {
  .pkp_structure_main table:not(.wj-table) { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
}

.page_contact .contact_section::before, .page_contact .contact_section::after { display: none !important; content: none !important; }

/* OM: logo as is, no box (transparent cutout) */
.wj-hero-logo { background: transparent !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; width: 200px !important; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.25)); }
@media (max-width: 991px) { .wj-hero-logo { width: 130px !important; } }
.pkp_site_name .is_text::before { background-color: transparent !important; border-radius: 0 !important; background-size: contain !important; width: 46px; height: 46px; }
@media (max-width: 991px) { .pkp_site_name .is_text::before { width: 36px; height: 36px; } }

.pkp_site_name .is_text::before { background-image: var(--wj-logo-url) !important; }

/* Sidebar: Find us at as an even 2x2 grid; ISSN box centred */
.wj-logo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wj-logo-cell { display: flex; align-items: center; justify-content: center; height: 56px; border: 1px solid var(--wj-line); border-radius: 8px; background: #fff; padding: 6px; }
.wj-logo-cell a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
#customblock-find-us-at .wj-logo-cell img { height: 38px !important; max-height: 38px; width: auto !important; max-width: 100% !important; object-fit: contain; margin: 0 !important; }
#customblock-issn .content, #customblock-issn .content p { text-align: center !important; }
#customblock-issn .content img { display: block !important; margin: 8px auto 0 !important; height: 38px !important; }

/* Issue pages: no empty gap, clean section headings, author line and pages on one row */
.obj_issue_toc .heading { margin: 0 0 8px !important; padding: 0 !important; min-height: 0 !important; }
.obj_issue_toc .heading .published { margin: 0; color: var(--wj-muted); }
.obj_issue_toc .heading .cover:empty, .obj_issue_toc .heading .description:empty { display: none; }
.obj_issue_toc .sections, .obj_issue_toc .section { margin-top: 10px !important; padding-top: 0 !important; }
.obj_issue_toc .section:before, .obj_issue_toc .section:after, .obj_issue_toc .sections:before { display: none !important; content: none !important; }
.obj_issue_toc .sections .section > h2 { display: block !important; position: static !important; margin: 14px 0 6px !important; padding: 0 0 6px !important; background: transparent !important; border-bottom: 1px solid var(--wj-line) !important; left: auto !important; }
.obj_article_summary .meta { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.obj_article_summary .meta .authors { flex: 1 1 60%; padding: 0 !important; }
.obj_article_summary .meta .pages { position: static !important; float: none !important; flex: 0 0 auto; white-space: nowrap; padding: 0 !important; }

/* One type scale on all content pages: body 16px/1.65; section headings larger than sub-headings, both larger than body */
.pkp_structure_main .page p, .pkp_structure_main .page li, .pkp_structure_main .page td { font-size: 16px; line-height: 1.65; }
.pkp_structure_main .page h2 { font-size: 1.35rem !important; font-weight: 700; color: var(--wj-navy); background: none !important; padding: 0 !important; margin: 1.6em 0 0.6em; }
.pkp_structure_main .page h3 { font-size: 1.15rem !important; font-weight: 600; color: var(--wj-navy); background: none !important; margin: 1.3em 0 0.5em; }
.pkp_structure_main .page h4, .pkp_structure_main .page h5, .pkp_structure_main .page h6 { font-size: 1.08rem !important; font-weight: 600; color: var(--wj-navy); }
/* numbered main points ("1. Journal Guideline") read as headings */
.pkp_structure_main .page > ol > li, .pkp_structure_main .page > div > ol > li { margin-top: 1em; }
.pkp_structure_main .page > ol > li > strong:first-child, .pkp_structure_main .page > div > ol > li > strong:first-child,
.pkp_structure_main .page > ol > li > p:first-child > strong:first-child { font-size: 1.15rem; font-weight: 700; color: var(--wj-navy); }
.pkp_structure_main .page > ol > li::marker, .pkp_structure_main .page > div > ol > li::marker { font-size: 1.15rem; font-weight: 700; color: var(--wj-navy); }
/* anything that sits on a dark background stays light */
.wj-hero, .wj-hero *, .pkp_structure_head, .pkp_structure_footer_wrapper h3, .wj-badges span { color: #fff; }
.wj-btn, .block_make_submission a { color: #fff !important; }

/* Line-box (cubic) pattern behind the white content box on every page */
body, .pkp_structure_page {
  background-color: var(--wj-bg) !important;
  background-image: var(--wj-pattern) !important;
  background-size: var(--wj-pattern-size) !important;
}
.pkp_structure_head, .pkp_structure_footer_wrapper { background-image: none; }
/* sidebar quick links */
.wj-links { list-style: none; margin: 0; padding: 0; }
.wj-links li { padding: 7px 0; border-top: 1px solid var(--wj-line); }
.wj-links li:first-child { border-top: 0; }
#customblock-join-as-a-reviewer .wj-btn { display: block; text-align: center; }
#customblock-peer-review-process ol { padding-left: 18px; margin: 0; }

/* Archive and pagination use the site font */
.page_issue_archive, .page_issue_archive *, .cmp_pagination, .cmp_pagination * { font-family: var(--wj-font), -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important; }

/* Chicago author-date citation format returns a server error: hide that one option */
a[href*="citationstylelanguage/get/chicago-author-date"] { display: none !important; }

/* OM logo v2 (full name, transparent outside, white inside) */
.pkp_site_name .is_text::before { background-image: var(--wj-logo-url) !important; }

/* Issue / homepage article lists: tighter, even spacing */
.cmp_article_list > li { margin: 0 !important; padding: 0 !important; }
.obj_article_summary { padding: 14px 0 14px !important; margin: 0 !important; }
.obj_article_summary > .title { margin: 0 0 4px !important; }
.obj_article_summary .meta { margin: 0 0 6px !important; }
.obj_article_summary .galleys_links { margin: 6px 0 0 !important; padding: 0 !important; }

/* Heading scale in px (theme root size is 14px, so rem sizes came out too small) */
.pkp_structure_main .page h2 { font-size: 22px !important; }
.pkp_structure_main .page h3 { font-size: 19px !important; }
.pkp_structure_main .page h4, .pkp_structure_main .page h5, .pkp_structure_main .page h6 { font-size: 17.5px !important; }
.pkp_structure_main .page > ol > li > strong:first-child, .pkp_structure_main .page > div > ol > li > strong:first-child,
.pkp_structure_main .page > ol > li::marker, .pkp_structure_main .page > div > ol > li::marker { font-size: 19px !important; }
.page_index_journal .wj-box h2 { font-size: 18px !important; }

/* line-box pattern a little stronger so it reads on every page */
body, .pkp_structure_page { background-image: var(--wj-pattern) !important; }

/* long links never push the page wider */
.pkp_structure_main .page a, .pkp_structure_main .page p, .pkp_structure_main .page li { overflow-wrap: anywhere; }

/* Phone usability: tap targets ≥44px, body text ≥16px, wide content scrolls inside its box */
@media (max-width: 991px) {
  body, .pkp_structure_main p, .pkp_structure_main li { font-size: 16px !important; }
  .pkp_navigation_primary a, .pkp_navigation_user a, .pkp_structure_sidebar .pkp_block a, .wj-fcol a, .cmp_breadcrumbs a { display: inline-block; min-height: 44px; line-height: 44px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  .pkp_navigation_primary > li > a { display: block; }
  .wj-btn, a.wj-btn, .obj_galley_link, button, input[type=submit] { min-height: 44px; display: inline-flex !important; align-items: center; justify-content: center; }
  .pkp_structure_main table { display: block; overflow-x: auto; max-width: 100%; }
  .pkp_site_nav_toggle { width: 44px; height: 44px; }
  .wj-facts-inner { -webkit-overflow-scrolling: touch; }
}

/* Logos shown whole: never cropped, never overlapping */
.wj-hero-logo { object-fit: contain !important; overflow: visible !important; max-width: 42vw !important; height: auto !important; aspect-ratio: auto !important; flex-shrink: 0; margin: 6px; }
.wj-hero-inner { gap: 24px; }
.pkp_site_name .is_text::before { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; flex-shrink: 0; }
.pkp_site_name, .pkp_site_name .is_text { overflow: visible !important; }
@media (max-width: 600px) { .wj-hero-inner { flex-direction: column !important; align-items: center !important; text-align: center; } }

/* Title band: logo beside the name with clear space (as JQST/SJAIBT); never above as a big block on desktop */
.wj-hero-inner { flex-direction: row; align-items: center !important; gap: 40px !important; padding: 36px 32px !important; text-align: left; }
.wj-hero-logo { width: 150px !important; max-height: 170px; box-sizing: content-box; }
.wj-hero-text { flex: 1 1 auto; min-width: 0; }
.wj-hero { min-height: 0 !important; }
@media (max-width: 991px) { .wj-hero-logo { width: 116px !important; max-height: 130px; } .wj-hero-inner { gap: 24px !important; padding: 28px 20px !important; } }
@media (max-width: 600px) {
  .wj-hero-inner { flex-direction: column !important; align-items: center !important; text-align: center; gap: 18px !important; padding: 24px 16px !important; }
  .wj-hero-logo { width: 104px !important; max-height: 120px; }
  .wj-badges, .wj-hero-actions { justify-content: center; }
}

/* layout: sidebar:right, hero:split, header:gradient, cards:left, footer:cols, articles:compact */

.wj-hero-inner{flex-direction:row-reverse !important;justify-content:space-between;} .wj-hero-text{max-width:720px;}
.pkp_structure_head{background:linear-gradient(90deg,var(--wj-navy) 0%,var(--wj-blue) 100%) !important;}
.pkp_structure_sidebar .pkp_block{border-top:1px solid var(--wj-line) !important;border-left:4px solid var(--wj-blue) !important;} .pkp_structure_main{border-left:5px solid var(--wj-blue) !important;}

.cmp_article_list .obj_article_summary{padding:10px 0 !important;} .obj_article_summary .title a{font-size:.98rem !important;} .obj_article_summary .galleys_links{display:inline-flex !important;margin-left:8px !important;}

/* IJARCSE touches */
.wj-hero-logo{background:#fff !important;border-radius:16px !important;padding:10px !important;box-shadow:0 10px 26px rgba(0,0,0,.35) !important;}
.pkp_structure_main{border-radius:4px !important;} .pkp_structure_sidebar .pkp_block{border-radius:4px !important;border-top-width:0 !important;border-left:4px solid var(--wj-gold) !important;}
.wj-btn{border-radius:3px !important;}

/* ===== OM palette rule (3 Nov): light look, one muted main colour, one muted accent, neutrals ===== */
body { background-color: var(--wj-bg) !important; }
.pkp_structure_head { background: #fff !important; border-bottom: 1px solid var(--wj-line) !important; color: var(--wj-text) !important; }
.pkp_site_name .is_text, .pkp_site_name a.is_text { color: var(--wj-navy) !important; }
.pkp_site_name .is_text:hover { color: var(--wj-blue) !important; }
.pkp_navigation_user_wrapper a, .pkp_navigation_user a, .pkp_structure_head .pkp_site_nav_toggle { color: var(--wj-navy) !important; }
.pkp_navigation_primary_wrapper { background: var(--wj-navy) !important; box-shadow: 0 0 0 100vmax var(--wj-navy); clip-path: inset(0 -100vmax); }
.pkp_navigation_primary_wrapper a, .pkp_navigation_search_wrapper a { color: #fff !important; }
.pkp_navigation_primary ul a { color: var(--wj-text) !important; }
.wj-hero { background-color: var(--wj-pale) !important; background-image: var(--wj-pattern), linear-gradient(120deg, var(--wj-pale) 0%, #ffffff 100%) !important; background-size: var(--wj-pattern-size), auto !important; border-bottom: 1px solid var(--wj-line); }
.wj-hero, .wj-hero * { color: var(--wj-text) !important; }
.wj-hero-title { color: var(--wj-navy) !important; }
.wj-hero-k { color: var(--wj-blue) !important; }
.wj-hero-tag { color: #4a5360 !important; }
.wj-badges span { background: #fff !important; border: 1px solid var(--wj-line) !important; color: var(--wj-navy) !important; }
.wj-hero a.issn-link, .wj-badges a, .wj-hero-text a:not(.wj-btn) { color: var(--wj-blue) !important; }
.wj-hero a.wj-btn, .wj-hero .wj-btn { background: var(--wj-blue) !important; border-color: var(--wj-blue) !important; color: #fff !important; }
.wj-hero a.wj-btn.wj-btn-light, .wj-hero .wj-btn-light { background: #fff !important; border-color: var(--wj-blue) !important; color: var(--wj-blue) !important; }
.wj-hero-logo { filter: none !important; box-shadow: 0 4px 14px rgba(20,30,40,0.10) !important; background: #fff !important; }
.wj-btn, a.wj-btn { background: var(--wj-blue) !important; border-color: var(--wj-blue) !important; color: #fff !important; }
.wj-btn-ghost, a.wj-btn-ghost, a.wj-btn.wj-btn-light { background: #fff !important; border-color: var(--wj-blue) !important; color: var(--wj-blue) !important; }

/* ux-article-2026-11 */
/* Article page: sidebar beside the text on desktop, PDF button first on phones */
@media (min-width: 992px) {
  .obj_article_details > .row { display: grid; grid-template-columns: minmax(0, 1fr) 280px; column-gap: 32px; align-items: start; margin-left: 0; margin-right: 0; }
  .obj_article_details > .row::before, .obj_article_details > .row::after { display: none; }
  .obj_article_details > .row > .main_entry, .obj_article_details > .row > .entry_details { float: none; width: auto; max-width: none; margin-left: 0; margin-right: 0; }
}
@media (max-width: 991px) {
  .obj_article_details > .row { display: flex; flex-direction: column; }
  .obj_article_details > .row > .entry_details { display: contents; }
  .obj_article_details > .row > .entry_details > .item { order: 1; }
  .obj_article_details > .row > .entry_details > .item.galleys { order: -1; margin: 0 0 18px; }
  .obj_article_details > .row > .main_entry { order: 0; }
}


/* ux-left-align-2026-11 */
/* Text pasted from Word with justify: left-aligned like the rest of the site */
.pkp_structure_main [style*="text-align: justify"], .pkp_structure_main [style*="text-align:justify"],
.pkp_structure_sidebar [style*="text-align: justify"], .pkp_structure_sidebar [style*="text-align:justify"],
.pkp_structure_main [align="justify"] { text-align: left !important; }
.pkp_structure_main p, .pkp_structure_main li { text-align: left; }


/* ux-typescale-2026-11 */
/* One type scale on every page: same heading sizes, body text 16px minimum, left-aligned (3 Nov 2026) */
.pkp_structure_page :is(p, li, a, span, div, td, th, dd, dt, label, small, em, strong, b, i, time, cite, button):not(:is(h1, h2, h3, h4, .pkp_structure_head, .pkp_screen_reader, .fa, [class*="icon"], [class*="hero"], [class*="facts"], [class*="badges"], .jq-facts, .jq-hero) *):not(.pkp_screen_reader):not(.fa):not([class*="icon"]) { font-size: max(16px, 1em) !important; }
.pkp_structure_page :is(h1, h2, h3, h4) :is(a, span) { font-size: inherit !important; }
.pkp_structure_page .pkp_structure_main h1, .pkp_structure_page .pkp_structure_main .page_title { font-size: clamp(24px, 2.2vw + 14px, 32px) !important; line-height: 1.25 !important; }
.pkp_structure_page .pkp_structure_main h2 { font-size: clamp(20px, 1vw + 16px, 24px) !important; line-height: 1.3 !important; }
.pkp_structure_page :is(.pkp_structure_main h3, .pkp_structure_sidebar h2, .pkp_structure_sidebar h3, .pkp_block .title) { font-size: 19px !important; line-height: 1.35 !important; }
.pkp_structure_page .pkp_structure_main h4 { font-size: 17px !important; }
.pkp_structure_page :is(.pkp_structure_footer_wrapper, footer, [class*="fcol"]) :is(h2, h3, h4) { font-size: 17px !important; text-transform: none !important; letter-spacing: 0 !important; }
.wj-badges span, .wj-hero-tag { font-size: 15px !important; }
.wj-fact-l, .wj-hero-k { font-size: 13px !important; }
.wj-fact-v { font-size: 16px !important; }
.pkp_structure_page :is(.pkp_structure_main, .pkp_structure_sidebar) :is(h1, h2, h3, h4, p, li, dd, dt, td, div, blockquote, figcaption) { text-align: left !important; }
.pkp_structure_page :is(.pkp_structure_main, .pkp_structure_sidebar) :is(a.cmp_button, .cmp_button, button, .obj_galley_link, .pkp_button, .btn, [class*="btn"]) { text-align: center !important; }
@media (max-width: 767px) {
  .wj-badges span, .wj-hero-tag, .pkp_site_name .is_text { font-size: 16px !important; }
  .wj-hero, .wj-hero * { text-align: left !important; }
  .wj-hero :is(div, section, .wj-badges, .wj-hero-btns, .wj-hero-actions) { justify-content: flex-start !important; align-items: flex-start !important; }
}


/* ux-navfix-2026-11 */
/* Menu bar: full-width colour without clipping, so dropdown menus open above the info strip and banner; open menu item stays readable (3 Nov 2026) */
.pkp_navigation_primary_wrapper { box-shadow: none !important; clip-path: none !important; border-image: linear-gradient(var(--wj-navy) 0 0) fill 0 / / 0 100vmax !important; }
.pkp_structure_head { position: relative; z-index: 60; }
.wj-facts, .wj-hero { position: relative; z-index: 1; }
.pkp_navigation_primary > li > a:is(:focus, :hover), .pkp_navigation_primary > li:is(:hover, :focus-within) > a { background: rgba(255,255,255,.16) !important; color: #ffffff !important; }
.pkp_navigation_primary ul a { color: #1b2733 !important; background: #ffffff !important; }
.pkp_navigation_primary ul a:is(:hover, :focus) { background: #f1f4f7 !important; color: #1b2733 !important; }

/* ux-ijarcse-layout-2026-11 */
/* IJARCSE layout (3 Nov 2026): long Areas of Research list hidden on the home page only (it stays in full on About the Journal); gap between sidebar and About; footer in three columns */
.pkp_page_index .homepage_about > :nth-child(n+7):nth-child(-n+38) { display: none !important; }
@media (min-width: 992px) { .pkp_structure_main { border-right: 28px solid transparent !important; background-clip: padding-box !important; } }
body .pkp_structure_footer .wj-footer { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px 32px !important; text-align: left !important; max-width: 1100px; margin: 0 auto; }
body .pkp_structure_footer .wj-footer .wj-fcol, body .pkp_structure_footer .wj-footer .wj-fcol * { text-align: left !important; justify-content: flex-start !important; }
body .pkp_structure_footer .wj-footer .wj-fbottom { grid-column: 1 / -1 !important; text-align: center !important; }
@media (max-width: 767px) { body .pkp_structure_footer .wj-footer { grid-template-columns: 1fr !important; } }


/* ux-ijarcse-fix2-2026-11: logo beside the title, IJARCSE blue instead of green on the side boxes, Call for Submissions tinted, wider gap before the right column */
html body .wj-hero .wj-hero-inner { flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 36px !important; }
html body .pkp_structure_sidebar .pkp_block { border-left-color: #3352a3 !important; }
html body #customblock-call-submission { background: #eef2fb !important; }
@media (min-width: 992px) { html body .pkp_structure_main { border-right: 44px solid transparent !important; } }
.pkp_navigation_primary ul { box-shadow: 0 10px 28px rgba(0,0,0,.16) !important; border: 1px solid #dfe3ee !important; border-radius: 8px !important; overflow: hidden; }


/* ux-abbr-2026-11: short form in brackets after the journal name at the top */
.pkp_site_name a.is_text::after, .wj-hero-title::after { content: " (IJARCSE)"; }
/* ux-gapline-2026-11: same gap, made by the side column so no faint line runs across it */
@media (min-width: 992px) { html body .pkp_structure_main { border-right: 1px solid rgb(216,221,233) !important; } html body .pkp_structure_sidebar { box-sizing: border-box !important; border-left: 44px solid transparent !important; } }