@import url("https://fonts.googleapis.com/css2?family=Cinzel&display=swap");

div.page-content p {
  text-align: justify;
}

.badge badge-light {
	color: #ffffff;
}

div.article-summary-title a:hover, div.article-summary-doi a:hover {
	text-decoration: underline overline;
}

div.article-details-abstract p {
	text-align: justify;
}

@media (min-width: 992px) {
#primaryNav .dropdown-menu .show {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 1rem;
    background-color: #ffffff;
    border-radius: 150px;
	border: medium solid #ffffff;
}
}

/* , .language-toggle .dropdown-menu  */

/* .dropdown-menu{ */
    /* border-radius: 20px 5px 20px 20px; */
	/* border-style: solid; */
	/* border-color: #ffffff !important; */
	/* border-width: 10px !important; */
/* } */

.dropdown-item, .nav-link, .dropdown-toggle, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Cinzel', serif !important;
}

/* 4.9 Editorial team */

.editorial-member .col-lg-10 {
    display: grid;
}

.editorial-member img {
    border-radius: 40px 5px 5px 5px;
    /* border: 1px solid #C5B3BC; */
}

.editorial-member a {
    transition: all ease-in-out 0.2s;
}

.editorial-member a:hover {
    color: #161413;
}

.editorial-member h3 {
    margin: 0;
    font-size: 1.25rem;
    align-self: center;
}

.editorial-member h4 {
    margin: 0;
    line-height: 1.2; 
    color: #8E6A7D; 
    font-weight: 400;
    font-size: 1.05rem;
    align-self: self-end;
}

.editorial-member h5 {
    margin: 0;
    line-height: 1.2; 
    color: #8E6A7D; 
    font-weight: 300; 
    font-size: 1.05rem;
    align-self: self-end;
}

.editorial-member p {
    margin: 0;
    align-self: center;
}

/* 5. Editorial Board */

.editorial-list{
    position: relative; 
}
.editorial-list li{
    margin-bottom: 1.125rem;
}
.editorial-list .img-profile{
    position: absolute;
    width: 95px;
    height: 105px;
    /* border: 1px solid #ddd; */
    padding: .5rem;
}
.editorial-list .img-profile .imgthumb{ 
    width: 80px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto; 
    object-fit: fill;
}
.editorial-list .img-profile img{
    width: 100%;
    height:100%;
}
.team-content{
    margin-left: 100px;
    min-height: 130px;
}
.team-content .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}   
.team-aff ul li{
    margin-bottom: 0;
}
.team-aff ul li .tm_label{
    display: inline-block;
    width: 80px;
}
 
.team-aff ul li .ico-label{
    width: 18px;
    height: 18px;
    margin-right: .5rem;
}
@media (min-width: 992px) {
#userNav .nav-link {
	color: #ffffff !important;
}
}

@media (min-width: 992px) {
#primaryNav .dropdown-item {
    font-size: 14px !important;
}
}

@media (min-width: 992px) {
#primaryNav .dropdown-menu,
#primaryNav .dropdown-menu .show {
    padding: 0.5rem !important;
    background-color: #474747 !important;
    border-bottom-left-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}
}

.article-details-keywords-value>span {
    font-weight: bold !important;
}

.navbar-light .navbar-nav .show>.nav-link {
    color: #01eafd !important;
}

.site-footer-content {
  font-size: 14px !important;
}

@media (min-width: 992px) {
  .navbar {
    padding-top: 0;
    padding-bottom: 0;
    border-style: ridge;
    border-width: 10px 0px 0px;
    border-color: #09e0e4;
  }
}

.main-header {
    background-color: #00a693;
    
    border-bottom: 2px solid #008776;
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* hasil claude */

/* ═══════════════════════════════════════════════════════
   Reinforce: Journal of Sharia Management
   Professional CSS Overlay
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* ── 1. Root Variables ── */
:root {
  --primary: #0a6e5c;
  --primary-dark: #064d40;
  --primary-light: #e6f5f1;
  --accent: #c9953c;
  --text: #1e2a2a;
  --text-muted: #5a6e6e;
  --bg: #fafbfc;
  --card-bg: #ffffff;
  --border: #dfe5e5;
  --border-light: #eef1f1;
  --serif: 'Source Serif 4', 'PT Serif', Georgia, serif;
  --sans: 'DM Sans', 'Fira Sans', system-ui, sans-serif;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 30px rgba(0,0,0,.1);
  --radius: 8px;
  --radius-lg: 12px;
}

/* ── 2. Base Reset ── */
body {
  font-family: var(--sans) !important;
  color: var(--text) !important;
  background: var(--bg) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--serif) !important;
  color: var(--text) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

a {
  color: var(--primary) !important;
  text-decoration: none !important;
  transition: color .2s ease, opacity .2s ease;
}
a:hover, a:focus {
  color: var(--primary-dark) !important;
}

/* ── 3. Header ── */
.main-header {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%) !important;
  border-bottom: 3px solid var(--accent) !important;
  box-shadow: var(--shadow-md) !important;
  padding-bottom: 0;
}

.navbar-logo {
  padding-top: 1.5rem !important;
  padding-bottom: 1rem !important;
}
.navbar-logo img {
  max-height: 80px !important;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
}
.navbar-logo-text {
  font-family: var(--serif) !important;
  font-size: 1.6rem !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ── 4. Navigation ── */
@media (min-width: 992px) {
  .navbar {
    border-top: 1px solid rgba(255,255,255,.15) !important;
    border-width: 1px 0 0 !important;
    border-style: solid !important;
    border-color: rgba(255,255,255,.15) !important;
  }

  #primaryNav {
    gap: 0.25rem;
  }
  #primaryNav .nav-link {
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.85) !important;
    padding: 0.85rem 1rem !important;
    border: none !important;
    border-radius: var(--radius) !important;
    transition: all .2s ease !important;
  }
  #primaryNav .nav-link:hover,
  #primaryNav .nav-link:focus {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: none !important;
  }

  #primaryNav .dropdown-menu,
  #primaryNav .dropdown-menu.show {
    background: var(--text) !important;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg) !important;
    border: none !important;
    padding: 0.75rem !important;
    box-shadow: var(--shadow-lg) !important;
    gap: 0.25rem;
  }
  #primaryNav .dropdown-item {
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,.8) !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 6px !important;
    border: none !important;
    text-align: left !important;
    transition: all .15s ease !important;
  }
  #primaryNav .dropdown-item:hover,
  #primaryNav .dropdown-item:focus {
    background: rgba(255,255,255,.1) !important;
    color: #fff !important;
    border: none !important;
  }

  #userNav .nav-link {
    color: rgba(255,255,255,.7) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: var(--radius) !important;
    padding: 0.35rem 0.75rem !important;
    transition: all .2s ease !important;
  }
  #userNav .nav-link:hover {
    background: rgba(255,255,255,.1) !important;
    border-color: rgba(255,255,255,.4) !important;
    color: #fff !important;
  }
}

/* Mobile nav */
@media (max-width: 991px) {
  .navbar-light .navbar-nav .nav-link,
  .navbar-light .navbar-nav .dropdown-item {
    font-family: var(--sans) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text) !important;
    padding: 0.65rem 0.75rem !important;
    border-radius: 6px !important;
  }
  .navbar-light .navbar-nav .nav-link:hover,
  .navbar-light .navbar-nav .dropdown-item:hover {
    background: var(--primary) !important;
    color: #fff !important;
  }
}

/* ── 5. Issue Header ── */
.container-homepage-issue {
  margin-top: 0 !important;
  padding-top: 2.5rem;
}

.homepage-issue-current {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--primary) !important;
  background: var(--primary-light);
  display: inline-block;
  padding: 0.35rem 1rem;
  border-radius: 20px;
  margin-bottom: 0.75rem;
}

.homepage-issue-identifier {
  font-family: var(--serif) !important;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  letter-spacing: -0.02em;
  margin-bottom: 0.35rem !important;
}

.homepage-issue-published {
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--text-muted) !important;
  margin-bottom: 2rem !important;
}

/* Cover image */
.homepage-issue-cover {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
.homepage-issue-cover:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,.15) !important;
}

/* Journal description box */
.homepage-issue-description-wrapper {
  background: var(--card-bg) !important;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg) !important;
  padding: 1rem !important;
  box-shadow: var(--shadow-sm);
}
.homepage-journal-description {
  font-size: 14px !important;
  line-height: 1.8 !important;
  color: var(--text) !important;
}
.homepage-journal-description a {
  font-weight: 500;
  border-bottom: 1px solid transparent;
}
.homepage-journal-description a:hover {
  border-bottom-color: var(--primary);
}

/* ── 6. Announcements ── */
.homepage-announcements {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
    display: flex;
    justify-content: center;
}
.homepage-announcement {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem;
  box-shadow: var(--shadow-sm);
  transition: box-shadow .2s ease;
}
.homepage-announcement:hover {
  box-shadow: var(--shadow-md);
}
.homepage-announcement img {
  border-radius: var(--radius) !important;
  max-width: 100% !important;
  height: auto !important;
}
.homepage-announcement-title {
  font-family: var(--serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.75rem;
}
.homepage-announcement-date {
  color: var(--text-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* ── 7. Table of Contents — Article List ── */
.issue-toc-section {
  border-top: none !important;
}
.issue-toc-section + .issue-toc-section {
  border-top: 1px solid var(--border) !important;
}

.issue-toc-section-title {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--text-muted) !important;
  margin: 1.5rem 0 1rem !important;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--primary);
  display: inline-block;
}

.article-summary {
  background: var(--card-bg);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 1.25rem 1.5rem !important;
  margin: 0 0 0.75rem !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.article-summary:hover {
  border-color: var(--primary);
  box-shadow: 0 2px 12px rgba(10,110,92,.08);
}

.article-summary-title {
  font-family: var(--serif) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin-top: 0.35rem;
}
.article-summary-title a {
  color: var(--text) !important;
}
.article-summary-title a:hover {
  color: var(--primary) !important;
  text-decoration: none !important;
}

.article-summary-authors {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--text-muted) !important;
  line-height: 1.4 !important;
}

.article-summary-pages {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--text-muted) !important;
  white-space: nowrap;
}

.article-summary-galleys {
  margin-top: 0.75rem !important;
}

/* ── 8. Buttons ── */
.btn {
  font-family: var(--sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  border-radius: 6px !important;
  padding: 0.45rem 1.1rem !important;
  transition: all .2s ease !important;
}

.btn-primary {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background: var(--primary-dark) !important;
  border-color: var(--primary-dark) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(10,110,92,.25) !important;
}

.text-center > .btn {
  border: 1px solid var(--border) !important;
  background: var(--card-bg) !important;
  color: var(--text) !important;
  font-weight: 500 !important;
  padding: 0.6rem 2rem !important;
}
.text-center > .btn:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* ── 9. Additional Content / Index Icons ── */
.homepage-additional-content {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.homepage-additional-content img {
  max-height: 45px !important;
  margin: 0.5rem 0.5rem !important;
  opacity: 0.7;
  transition: opacity .2s ease;
  filter: grayscale(30%);
}
.homepage-additional-content img:hover {
  opacity: 1;
  filter: grayscale(0%);
}

/* ── 10. Footer ── */
.site-footer {
  background: var(--text) !important;
  margin-top: 0 !important;
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
}
.site-footer-sidebar {
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.site-footer h3 {
  font-family: var(--sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: var(--accent) !important;
  margin-bottom: 0.75rem !important;
}

.site-footer-content {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,.6) !important;
}
.site-footer-content p {
  font-size: 13px !important;
  line-height: 1.7 !important;
}
.site-footer a {
  color: rgba(255,255,255,.75) !important;
  text-decoration: none !important;
  transition: color .2s ease !important;
}
.site-footer a:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.footer-brand-image {
  max-height: 32px !important;
  opacity: 0.6;
  margin-right: 0.5rem !important;
  transition: opacity .2s ease;
	display: none !important;
}
.footer-brand-image:hover {
  opacity: 1;
}

.site-footer hr {
  border-color: rgba(255,255,255,.1) !important;
  opacity: 1 !important;
}

/* ── 11. Page Content ── */
.page-content {
  border-top: none !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
}
.page-content p {
  font-size: 15px !important;
}

.page-header h1 {
  font-family: var(--serif) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}

/* ── 12. Article Details ── */
.article-details h1 {
  font-family: var(--serif) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.article-details-main {
  background: var(--card-bg) !important;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}
.article-details-abstract {
  line-height: 1.85em !important;
}
.article-details-keywords-value > span {
  font-weight: 600 !important;
  color: var(--primary-dark) !important;
}
.article-details-issue-section {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
}

/* ── 13. Search & Filters ── */
.search-filters {
  background: var(--card-bg) !important;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 1.5rem !important;
}

/* ── 14. Pagination ── */
.page-link {
  color: var(--text) !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.page-link:hover, .page-link:focus {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
.page-item.active .page-link {
  background: var(--primary-light) !important;
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  font-weight: 700 !important;
}

/* ── 15. Modal ── */
.modal-content {
  background: var(--card-bg) !important;
  color: var(--text) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid var(--border);
}
.modal-content a {
  color: var(--primary) !important;
}
.modal-content .form-control {
  background: var(--bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  color: var(--text) !important;
}
.modal-header {
  border-color: var(--border) !important;
}

/* ── 16. Form Controls ── */
.form-control {
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  padding: 0.5rem 0.75rem !important;
  transition: border-color .2s ease !important;
}
.form-control:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(10,110,92,.1) !important;
}

/* ── 17. Cards ── */
.card {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}
.card-title {
  font-family: var(--serif) !important;
  font-weight: 600 !important;
}

/* ── 18. Badges ── */
.badge {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  padding: 0.3em 0.65em !important;
  border-radius: 4px !important;
}

/* ── 19. Editorial Team (custom) ── */
.editorial-member img {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm);
}
.editorial-member h3 {
  font-size: 1.1rem !important;
}
.editorial-member h4,
.editorial-member h5 {
  color: var(--text-muted) !important;
}

/* ── 20. Alerts ── */
.alert-primary {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  border-radius: var(--radius) !important;
}
.alert-danger {
  border-radius: var(--radius) !important;
}

/* ── 21. Dropdown overrides ── */
.dropdown-menu {
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-lg) !important;
  border: 1px solid var(--border) !important;
  padding: 0.5rem !important;
}

/* ── 22. Smooth Scroll & Selection ── */
::selection {
  background: var(--primary);
  color: #fff;
}

/* ── 23. Print ── */
@media print {
  .main-header, .site-footer, .navbar {
    display: none !important;
  }
  .article-summary {
    border: none !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }
}

.issue-summary .card-body {
	padding: 10px !important;
  text-align: center;
}


/* ── Journal Description — clean rows ── */
.homepage-journal-description p {
  line-height: 2.6 !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding-left: 1rem !important;
}

/* hide the   spacer junk */
.homepage-journal-description {
  max-height: none !important;
  overflow: hidden !important;
}
.homepage-journal-description p {
  font-size: 14px !important; /* restore inside <p> */
    text-align: center !important;
}

/* striped row effect via gradient on the <p> */
.homepage-journal-description p {
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent calc(2.6em - 1px),
      rgba(0,0,0,.04) calc(2.6em - 1px),
      rgba(0,0,0,.04) 2.6em
    ) !important;
}

#homepageDescriptionButtons {
    display: none;
}

#homepageDescription a {
    background-color: #01EAFD;
  padding: 1px 5px;
}