/* =========================================================
   ULTIMATE REFERENCE JOURNAL POLISH
   Professional OJS-inspired design layer for BSCRS Journal.
   ========================================================= */

:root{
  --ur-navy:#041f4c;
  --ur-navy-2:#08366f;
  --ur-blue:#125ea5;
  --ur-blue-soft:#eaf5ff;
  --ur-gold:#d6a34a;
  --ur-gold-soft:#fff7e8;
  --ur-ink:#2c3340;
  --ur-muted:#657083;
  --ur-line:#d9e2ec;
  --ur-bg:#eef3f8;
  --ur-card:#ffffff;
  --ur-shadow:0 10px 24px rgba(4,31,76,.08);
  --ur-shadow-soft:0 4px 14px rgba(4,31,76,.06);
  --ur-radius:12px;
}

/* page foundation */
body{
  background:
    linear-gradient(180deg,#eef3f8 0%,#f7fafc 100%)!important;
  color:var(--ur-ink)!important;
  font-family:Arial, Helvetica, sans-serif!important;
}
.container{width:min(1160px,100%)!important}
.main.journaltheme-main-container{
  background:#fff!important;
  border:1px solid #d7e0ea!important;
  border-top:0!important;
  padding:26px 24px 38px!important;
  box-shadow:0 18px 44px rgba(4,31,76,.07)!important;
}

/* exact reference top utility line */
.reference-topline{
  background:#f8f8f8;
  border-bottom:1px solid #e2e2e2;
  font-size:13px;
}
.reference-topline-inner{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.reference-top-left,
.reference-top-right{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
}
.reference-topline a{
  color:#4e5b69;
  font-weight:700;
  text-decoration:none;
}
.reference-topline a:hover{color:var(--ur-blue)}
.reference-topline .top-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid #d3dce6;
  background:#fff;
  color:#2f4056;
}
.reference-topline .top-action.primary{
  background:var(--ur-blue);
  border-color:var(--ur-blue);
  color:#fff;
}

/* masthead: polished but still journal-style */
.bscrs-site-header .journaltheme-masthead{
  background:
    linear-gradient(90deg,rgba(4,31,76,.98) 0%,rgba(5,43,95,.96) 52%,rgba(19,92,157,.88) 100%),
    url('../images/bscrs-colorectal-journal-header.svg') center/cover no-repeat!important;
  border-bottom:2px solid #233044!important;
}
.bscrs-site-header .journaltheme-masthead:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.25),transparent 21%),
    linear-gradient(105deg,transparent 0%,transparent 54%,rgba(255,255,255,.14) 55%,transparent 68%)!important;
  mix-blend-mode:screen!important;
}
.bscrs-site-header .journaltheme-masthead:after{
  content:""!important;
  position:absolute!important;
  right:-3%!important;
  bottom:-43%!important;
  width:55%!important;
  height:88%!important;
  border-radius:58% 0 0 0!important;
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(213,233,255,.18))!important;
  opacity:.75!important;
}
.bscrs-site-header .journaltheme-masthead-inner{
  min-height:132px!important;
}
.bscrs-site-header .bscrs-brand-link{
  grid-template-columns:96px minmax(0,1fr)!important;
  min-height:132px!important;
  gap:16px!important;
}
.bscrs-brand-logo-wrap{
  width:88px!important;
  height:88px!important;
  border:3px solid #fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24),0 0 0 6px rgba(255,255,255,.08)!important;
}
.bscrs-brand-logo-wrap img{
  width:82px!important;
  height:82px!important;
}
.bscrs-title-block strong{
  font-size:58px!important;
  line-height:.88!important;
  color:#fff!important;
  letter-spacing:1.2px!important;
}
.bscrs-title-block em{
  font-size:22px!important;
  color:#e8f4ff!important;
  margin-top:6px!important;
}
.bscrs-title-block small{
  font-size:13px!important;
  color:#f1d97a!important;
  margin-top:6px!important;
}
.bscrs-site-header .journaltheme-issn-box{
  min-width:230px!important;
  background:rgba(4,31,76,.38)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
  padding:12px 14px!important;
}
.masthead-auth-title{
  color:#dbeeff!important;
  font-size:11px!important;
}
.bscrs-site-header .auth-chip{
  box-shadow:none!important;
  border-radius:6px!important;
  min-height:34px!important;
  padding:8px 12px!important;
}
.bscrs-site-header .register-chip{
  background:#fff!important;
  color:var(--ur-navy)!important;
}
.bscrs-site-header .login-chip{
  background:var(--ur-gold)!important;
  color:#162033!important;
}

/* reference-like nav with clearer submit link */
.bscrs-site-header .journaltheme-nav-shell{
  background:#fff!important;
  border-bottom:1px solid #d9e2ec!important;
  box-shadow:0 5px 16px rgba(4,31,76,.05)!important;
}
.bscrs-site-header .journaltheme-main-nav>a,
.bscrs-site-header .journaltheme-main-nav .nav-dropdown>a{
  padding:13px 15px!important;
  color:#334154!important;
  font-size:14px!important;
  font-weight:600!important;
  border-right:1px solid #e4ebf2!important;
}
.bscrs-site-header .journaltheme-main-nav>a:hover,
.bscrs-site-header .journaltheme-main-nav .nav-dropdown>a:hover{
  background:var(--ur-blue-soft)!important;
  color:var(--ur-blue)!important;
}
.bscrs-site-header .journaltheme-main-nav .nav-submit-pill{
  margin-left:auto!important;
  border-right:0!important;
  background:var(--ur-navy)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:9px 15px!important;
  margin-top:5px!important;
  margin-bottom:5px!important;
  box-shadow:0 6px 12px rgba(4,31,76,.14)!important;
}
.bscrs-site-header .journaltheme-main-nav .nav-submit-pill:hover{
  background:var(--ur-blue)!important;
  color:#fff!important;
}

/* layout mimics reference while feeling premium */
.journal-page-grid,
.exact-reference-home{
  grid-template-columns:minmax(0,1fr) 300px!important;
  gap:34px!important;
  margin-top:24px!important;
}
.ojs-reference-intro{
  background:#fff!important;
  padding:0!important;
  margin:0 0 28px!important;
  border:0!important;
  box-shadow:none!important;
}
.ojs-reference-intro p{
  font-size:16px!important;
  line-height:1.78!important;
  color:#343c48!important;
  margin-bottom:14px!important;
}

/* section titles: reference-like, more elegant */
.reference-indexing-exact h2,
.reference-current-issue h2,
.reference-current-issue .article-section-heading{
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:500!important;
  color:#2a2a2a!important;
  letter-spacing:-.02em!important;
}
.reference-indexing-exact h2{
  font-size:38px!important;
  margin:0 0 22px!important;
}
.reference-current-issue h2{
  font-size:42px!important;
  border-bottom:1px solid #ddd!important;
  padding-bottom:19px!important;
  margin-bottom:29px!important;
}
.reference-current-issue .article-section-heading{
  font-size:39px!important;
  margin-bottom:18px!important;
}
.reference-issue-meta{
  margin-bottom:48px!important;
}
.reference-issue-meta strong{
  font-size:34px!important;
  font-weight:400!important;
  line-height:1.25!important;
}
.reference-issue-meta span{
  font-size:19px!important;
}

/* indexing logo grid: cleaner and closer to reference image */
.reference-logo-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.reference-logo-panel .indexing-brand-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px 22px!important;
}
.reference-logo-tile{
  height:58px!important;
  min-height:58px!important;
  border:1px solid #d3d8de!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(0,0,0,.15)!important;
  padding:6px 10px!important;
  animation:none!important;
}
.reference-logo-tile:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 6px 12px rgba(0,0,0,.16)!important;
}
.reference-logo-tile img{
  max-height:40px!important;
  max-width:178px!important;
}

/* article list: reference-style clean */
.article-item,
.reference-article-item{
  padding:17px 0 18px!important;
  border-bottom:1px solid #e6e6e6!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.article-item h3,
.reference-article-item h3{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:20px!important;
  font-weight:600!important;
  line-height:1.35!important;
  margin-bottom:7px!important;
}
.article-authors{
  font-size:14px!important;
  color:#555!important;
}
.article-pages{
  font-size:14px!important;
  color:#555!important;
}
.article-links a,
.article-action-row a{
  background:#f7f7f7!important;
  border:1px solid #cfcfcf!important;
  border-radius:3px!important;
  color:#333!important;
  box-shadow:none!important;
  padding:5px 10px!important;
  min-height:30px!important;
}
.article-links a:hover,
.article-action-row a:hover{
  background:#eaf3fb!important;
  color:var(--ur-blue)!important;
}

/* sidebar: more like journal side widgets */
.sidebar-widget{
  border:1px solid #d9d9d9!important;
  border-radius:3px!important;
  background:#fff!important;
  padding:14px!important;
  margin-bottom:18px!important;
  box-shadow:0 2px 7px rgba(4,31,76,.04)!important;
}
.sidebar-widget h2{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:20px!important;
  font-weight:600!important;
  color:#333!important;
  border-bottom:1px solid #ddd!important;
  padding-bottom:8px!important;
}
.bscrs-sidebar-brand{
  border-top:4px solid var(--ur-navy)!important;
  border-radius:4px!important;
}
.bscrs-sidebar-brand img{
  width:104px!important;
  height:104px!important;
}
.menu-widget a,
.latest-list a,
.sidebar-widget > a{
  color:#3f4b5a!important;
  border-bottom:1px solid #eee!important;
  padding:8px 0!important;
}
.menu-widget a:hover,
.latest-list a:hover{
  color:var(--ur-blue)!important;
}

/* cards/forms: lighter academic look */
.ojs-content-card,
.card,
.ojs-form-card,
.register-form-card{
  border:1px solid #dde5ee!important;
  border-radius:8px!important;
  box-shadow:0 3px 12px rgba(4,31,76,.05)!important;
}
.ojs-page-title{
  border-radius:8px!important;
  box-shadow:none!important;
  border:1px solid #dde5ee!important;
  background:#fff!important;
}
.ojs-page-title h1{
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:500!important;
  color:#2d2d2d!important;
  font-size:36px!important;
}
.auth-banner,
.portal-hero{
  border-radius:8px!important;
  background:
    linear-gradient(90deg,rgba(4,31,76,.96),rgba(12,80,143,.90)),
    url('../images/bscrs-colorectal-journal-header.svg') center/cover no-repeat!important;
}
.btn,
.ojs-button,
.submission-button{
  border-radius:4px!important;
  box-shadow:none!important;
  background:var(--ur-blue)!important;
}
.btn.light,
.btn.ghost{
  border:1px solid #ccd8e5!important;
  color:var(--ur-blue)!important;
  background:#fff!important;
}
input,select,textarea{
  border-radius:4px!important;
}
.google-register-panel{
  border-radius:8px!important;
}

/* tables/admin */
.admin-sidebar-ojs{
  border-radius:8px!important;
  background:#082b63!important;
  box-shadow:0 8px 22px rgba(4,31,76,.12)!important;
}
.admin-sidebar-ojs a{
  border-radius:4px!important;
}
.stat{
  color:var(--ur-navy)!important;
}
.table-wrap,
.ojs-table-wrap{
  border-radius:8px!important;
}
th{
  background:#f4f7fb!important;
}

/* footer: formal journal look */
.bscrs-footer{
  background:#f8f8f8!important;
  border-top:1px solid #d5d5d5!important;
  color:#333!important;
}
.bscrs-footer strong,
.bscrs-footer p,
.bscrs-footer .copyright{
  color:#333!important;
}
.bscrs-footer a{
  color:var(--ur-blue)!important;
}
.bscrs-footer .footer-links a{
  background:#fff!important;
  border:1px solid #ddd!important;
  color:var(--ur-blue)!important;
  border-radius:4px!important;
}
.bscrs-footer .footer-brand img{
  border:1px solid #ddd!important;
}

/* mobile reference-style */
@media(max-width:860px){
  .reference-topline{display:none!important}
  .main.journaltheme-main-container{
    border:0!important;
    padding:22px 18px 34px!important;
  }
  .bscrs-site-header .mobile-brown-bar{
    display:block!important;
    background:linear-gradient(90deg,#082b63,#0c5a9c)!important;
    min-height:64px!important;
  }
  .mobile-brown-inner{min-height:64px!important}
  .mobile-menu-trigger{
    display:flex!important;
    width:46px!important;height:46px!important;
    border-radius:4px!important;
    background:rgba(255,255,255,.14)!important;
    border:1px solid rgba(255,255,255,.2)!important;
  }
  .bscrs-site-header .journaltheme-masthead-inner{
    min-height:122px!important;
    padding:0 12px!important;
  }
  .bscrs-site-header .bscrs-brand-link{
    grid-template-columns:68px minmax(0,1fr)!important;
    min-height:122px!important;
    gap:10px!important;
  }
  .bscrs-brand-logo-wrap{
    width:64px!important;
    height:64px!important;
    border-width:2px!important;
  }
  .bscrs-brand-logo-wrap img{
    width:60px!important;
    height:60px!important;
  }
  .bscrs-title-block strong{
    font-size:32px!important;
    line-height:.9!important;
  }
  .bscrs-title-block em{font-size:14px!important}
  .bscrs-title-block small{font-size:10px!important}
  .bscrs-site-header .journaltheme-issn-box{
    right:8px!important;
    top:8px!important;
    padding:6px 8px!important;
    background:rgba(4,31,76,.30)!important;
  }
  .bscrs-site-header .journaltheme-issn-box span{font-size:10px!important}
  .masthead-auth-title,.masthead-auth-links{display:none!important}
  .bscrs-site-header .journaltheme-nav-shell{
    background:linear-gradient(180deg,#bd7f43,#d89e63)!important;
    border:0!important;
  }
  .bscrs-site-header .journaltheme-main-nav{
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    padding:28px 28px!important;
    background:linear-gradient(180deg,#bd7f43,#d89e63)!important;
    border:0!important;
    box-shadow:none!important;
  }
  .bscrs-site-header .nav-toggle:checked ~ .journaltheme-main-nav{display:flex!important}
  .bscrs-site-header .journaltheme-main-nav>a,
  .bscrs-site-header .journaltheme-main-nav .nav-dropdown>a{
    color:#fff!important;
    border:0!important;
    font-size:25px!important;
    font-weight:400!important;
    padding:12px 16px!important;
    background:transparent!important;
  }
  .bscrs-site-header .nav-submit-pill,
  .bscrs-site-header .journaltheme-main-nav>a[href$='register.php'],
  .bscrs-site-header .journaltheme-main-nav>a[href$='login.php']{
    margin:5px 0!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
  }
  .dropdown-panel{
    position:static!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .dropdown-panel a{
    color:#fff!important;
    background:rgba(90,56,24,.22)!important;
    border:0!important;
    border-radius:999px!important;
    margin:5px 0!important;
    padding:9px 22px 9px 40px!important;
    font-size:23px!important;
  }
  .journal-page-grid,.exact-reference-home{
    display:block!important;
    margin-top:0!important;
    padding-left:26px!important;
    padding-right:26px!important;
  }
  .ojs-reference-intro p{
    font-size:25px!important;
    line-height:1.58!important;
    word-spacing:4px!important;
  }
  .reference-indexing-exact h2{font-size:38px!important}
  .reference-logo-panel .indexing-brand-grid{gap:9px!important}
  .reference-logo-tile{
    height:54px!important;
    min-height:54px!important;
    padding:4px!important;
  }
  .reference-logo-tile img{
    max-height:34px!important;
    max-width:112px!important;
  }
  .reference-current-issue h2{font-size:40px!important}
  .reference-issue-meta strong{font-size:31px!important}
  .reference-current-issue .article-section-heading{font-size:38px!important}
  .journal-sidebar{margin-top:36px!important}
}
@media(max-width:480px){
  .main.journaltheme-main-container{padding-left:14px!important;padding-right:14px!important}
  .journal-page-grid,.exact-reference-home{padding-left:18px!important;padding-right:18px!important}
  .bscrs-title-block strong{font-size:28px!important}
  .ojs-reference-intro p{font-size:23px!important}
  .reference-logo-tile img{max-width:102px!important}
}