/* INTERNATIONAL BULLETIN OF TOURISM AND HOTEL MANAGEMENT SCIENCE — OJS 3.x CSS
   Elegant Midnight Teal + Ocean Blue + Champagne Gold
   Layout follows the supplied OJS stylesheet, with a tourism and hospitality colour identity.
*/

:root{
  --ibthms-teal:#123B3A;
  --ibthms-deep:#092625;
  --ibthms-blue:#276B73;
  --ibthms-sky:#8CC7C8;
  --ibthms-gold:#D9B978;
  --ibthms-bg:#F3F7F6;
  --ibthms-paper:#FFFFFF;
  --ibthms-text:#293C3B;
  --ibthms-border:#D7E5E2;
  --ibthms-pale:#E6F1EF;
}

html,body{
  background:var(--ibthms-bg)!important;
  color:var(--ibthms-text)!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
}
.pkp_structure_page{background:transparent!important}

/* Journal masthead */
.pkp_structure_head{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(140,199,200,.18),transparent 30%),
    radial-gradient(circle at 90% 80%,rgba(217,185,120,.15),transparent 27%),
    linear-gradient(120deg,var(--ibthms-deep),var(--ibthms-teal) 65%,#28616A)!important;
  border-bottom:4px solid var(--ibthms-gold)!important;
  box-shadow:0 8px 24px rgba(9,38,37,.16)!important;
}
.pkp_structure_head:before{
  content:"✦"!important;
  position:absolute!important;
  top:-38px!important;
  right:5%!important;
  color:rgba(230,241,239,.12)!important;
  font-size:205px!important;
  line-height:1!important;
  pointer-events:none!important;
}
.pkp_head_wrapper{
  position:relative!important;
  z-index:1!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:42px 24px 36px!important;
  text-align:center!important;
}
.pkp_site_name_wrapper{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.pkp_site_name a{
  color:#FFFFFF!important;
  font-size:clamp(23px,2.8vw,39px)!important;
  font-weight:800!important;
  letter-spacing:.5px!important;
  line-height:1.28!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:0 3px 14px rgba(0,0,0,.27)!important;
  transition:color .2s ease,text-shadow .2s ease!important;
}
.pkp_site_name a:hover{
  color:var(--ibthms-sky)!important;
  text-shadow:0 0 18px rgba(140,199,200,.32)!important;
}
.pkp_site_name:after{
  content:"TOURISM • HOSPITALITY • CULTURE • INNOVATION";
  display:block!important;
  margin-top:13px!important;
  color:var(--ibthms-gold)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:1.8px!important;
}

/* Navigation row */
.pkp_navigation_primary_row{
  position:relative!important;
  z-index:5!important;
  background:var(--ibthms-deep)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:2px solid var(--ibthms-blue)!important;
}
.pkp_navigation_primary_wrapper{
  max-width:1240px!important;
  margin:0 auto!important;
  display:flex!important;
  justify-content:center!important;
}
.pkp_navigation_primary>li>a{
  color:#F3F7F6!important;
  padding:14px 15px!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
  transition:background .2s ease,color .2s ease!important;
}
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li.current>a,
.pkp_navigation_primary>li>a[aria-current=page]{
  background:var(--ibthms-blue)!important;
  color:#FFFFFF!important;
  text-decoration:none!important;
}
.pkp_navigation_primary ul{
  background:var(--ibthms-deep)!important;
  border-top:3px solid var(--ibthms-gold)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.23)!important;
}
.pkp_navigation_primary ul li a{
  color:#F3F7F6!important;
  padding:11px 15px!important;
  font-size:13px!important;
}
.pkp_navigation_primary ul li a:hover{
  background:var(--ibthms-blue)!important;
  color:#FFFFFF!important;
}
.pkp_navigation_search_wrapper a,
.pkp_navigation_user a{
  color:#F3F7F6!important;
  font-weight:600!important;
}
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_user a:hover{color:var(--ibthms-gold)!important}

/* Content area and sidebar */
.pkp_structure_content{
  max-width:1240px!important;
  margin:34px auto!important;
  padding:0 20px!important;
}
.pkp_structure_content.has_sidebar{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:28px!important;
}
.pkp_structure_content.has_sidebar .pkp_structure_main{
  flex:1 1 auto!important;
  min-width:0!important;
}
.pkp_structure_content.has_sidebar .pkp_structure_sidebar{
  flex:0 0 280px!important;
  width:280px!important;
}
.pkp_structure_sidebar .pkp_block{
  background:var(--ibthms-paper)!important;
  border:1px solid var(--ibthms-border)!important;
  border-radius:10px!important;
  margin-bottom:18px!important;
  padding:20px!important;
  box-shadow:0 6px 20px rgba(18,59,58,.06)!important;
}
.pkp_structure_sidebar .pkp_block:before{
  content:""!important;
  display:block!important;
  width:44px!important;
  height:4px!important;
  margin-bottom:13px!important;
  border-radius:4px!important;
  background:var(--ibthms-gold)!important;
}
.pkp_structure_sidebar .pkp_block .title{
  color:var(--ibthms-teal)!important;
  font-size:18px!important;
  font-weight:750!important;
}

/* Current issue panel */
.current_issue{
  position:relative!important;
  overflow:hidden!important;
  background:var(--ibthms-paper)!important;
  border:1px solid var(--ibthms-border)!important;
  border-radius:11px!important;
  padding:28px!important;
  margin-bottom:24px!important;
  box-shadow:0 7px 24px rgba(18,59,58,.06)!important;
}
.current_issue:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--ibthms-blue),var(--ibthms-sky),var(--ibthms-gold))!important;
}
.current_issue h2,.current_issue_title{
  color:var(--ibthms-teal)!important;
  font-weight:800!important;
}
.current_issue h2{
  font-size:26px!important;
  margin-bottom:17px!important;
}
.current_issue_title{
  font-size:20px!important;
  border-bottom:1px solid var(--ibthms-border)!important;
  padding-bottom:11px!important;
  margin-bottom:18px!important;
}
.current_issue .published{
  background:var(--ibthms-pale)!important;
  border-left:4px solid var(--ibthms-blue)!important;
  padding:10px 14px!important;
  margin-bottom:18px!important;
}

/* Article cards */
.obj_article_summary{
  background:#FFFFFF!important;
  border:1px solid var(--ibthms-border)!important;
  border-left:4px solid var(--ibthms-blue)!important;
  border-radius:8px!important;
  padding:18px!important;
  margin:13px 0!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.obj_article_summary:hover{
  transform:translateY(-2px)!important;
  border-left-color:var(--ibthms-gold)!important;
  box-shadow:0 8px 22px rgba(18,59,58,.10)!important;
}
.obj_article_summary .title a{
  color:var(--ibthms-teal)!important;
  font-size:18px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.obj_article_summary .title a:hover{color:var(--ibthms-blue)!important}
.obj_galley_link.pdf,.current_issue .read_more{
  display:inline-block!important;
  background:var(--ibthms-teal)!important;
  color:#FFFFFF!important;
  padding:9px 16px!important;
  border:1px solid var(--ibthms-gold)!important;
  border-radius:5px!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.4px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:background .2s ease,color .2s ease!important;
}
.obj_galley_link.pdf:hover,.current_issue .read_more:hover{
  background:var(--ibthms-blue)!important;
  color:#FFFFFF!important;
}

/* Headings, tables and form controls */
h1,h2,h3,h4{color:var(--ibthms-teal)!important}
table{border-color:var(--ibthms-border)!important}
th{
  background:var(--ibthms-pale)!important;
  color:var(--ibthms-teal)!important;
}
input[type=text],input[type=email],input[type=password],textarea,select{
  border:1px solid #C6DAD7!important;
  border-radius:5px!important;
  background:#FFFFFF!important;
  padding:9px 11px!important;
}
button,.button,input[type=submit]{border-radius:5px!important}

/* Footer */
.pkp_structure_footer_wrapper{
  background:
    radial-gradient(circle at 85% 15%,rgba(140,199,200,.12),transparent 25%),
    linear-gradient(120deg,var(--ibthms-deep),var(--ibthms-teal) 70%,#28616A)!important;
  border-top:4px solid var(--ibthms-gold)!important;
  padding:28px 20px!important;
  color:#F3F7F6!important;
  margin-top:auto!important;
  flex-shrink:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.pkp_structure_footer{
  max-width:1240px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
.pkp_brand_footer{
  color:#DCEAE8!important;
  text-align:center!important;
  font-size:12px!important;
}

/* Footer positioning on short pages */
html,body{min-height:100%!important}
.pkp_structure_page{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
}
.pkp_structure_head,.pkp_navigation_primary_row{flex-shrink:0!important}
.pkp_structure_content{flex:1 0 auto!important}

/* Responsive layout */
@media(max-width:900px){
  .pkp_head_wrapper{padding:30px 15px 26px!important}
  .pkp_site_name a{font-size:26px!important;letter-spacing:.25px!important}
  .pkp_site_name:after{font-size:10px!important;letter-spacing:1px!important;line-height:1.7!important}
  .pkp_navigation_primary_wrapper{flex-wrap:wrap!important}
  .pkp_navigation_primary>li>a{padding:11px 9px!important;font-size:11px!important}
  .pkp_structure_content,.pkp_structure_content.has_sidebar{
    display:block!important;
    margin:24px auto!important;
    padding:0 14px!important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_main,
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar{
    width:100%!important;
    max-width:100%!important;
  }
  .pkp_structure_content.has_sidebar .pkp_structure_sidebar{margin-top:24px!important}
  .current_issue{padding:20px!important}
}
@media(max-width:480px){
  .pkp_site_name a{font-size:21px!important}
  .pkp_site_name:after{
    max-width:300px!important;
    font-size:9px!important;
    letter-spacing:.45px!important;
  }
  .pkp_navigation_primary>li>a{padding:9px 8px!important;font-size:10px!important}
}
