/* ===================================== */
/* 1. HEADER NAV, USER & SEARCH FIX      */
/* ===================================== */

.pkp_site_name img,
.pkp_site_name .is_img img {
  max-height: 120px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Remove backgrounds from navigation bar */
.pkp_site_nav_menu,
.pkp_navigation_primary,
.pkp_navigation_primary_row,
.pkp_nav_list {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* FORCE ALL HEADER LINKS, BUTTONS, AND TEXT TO WHITE */
.pkp_head_wrapper a,
.pkp_head_wrapper button,
.pkp_navigation_primary a,
.pkp_navigation_primary button,
.pkp_navigation_user a,
.pkp_navigation_user button,
.pkp_search a,
.pkp_search button,
.pkp_search input,
.pkp_search .search_prompt,
.pkp_search_prompt {
  color: #ffffff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

/* FORCE ALL SVG SEARCH ICONS & PATHS TO SOLID WHITE */
.pkp_head_wrapper svg,
.pkp_navigation_primary svg,
.pkp_search svg,
.pkp_search .icon,
.pkp_search svg path,
.pkp_navigation_primary .icon path,
.fa-search {
  fill: #ffffff !important;
  stroke: #ffffff !important;
  color: #ffffff !important;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.7)) !important;
}

/* Hover effects */
.pkp_head_wrapper a:hover,
.pkp_navigation_primary a:hover,
.pkp_search a:hover {
  color: #e0f2fe !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Keep dropdown menus solid blue for readability */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul ul,
.pkp_navigation_user .dropdown-menu {
  background-color: #1f6fb2 !important;
  border: none !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary ul ul a,
.pkp_navigation_user .dropdown-menu a {
  color: #ffffff !important;
  padding: 10px 16px !important;
  text-shadow: none !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_user .dropdown-menu a:hover {
  background-color: #155a94 !important;
}


/* ===================================== */
/* 2. FORCE VERTICAL FLOW & KILL FLOATS  */
/* ===================================== */

.obj_article_summary,
.article_summary {
  display: block !important;
  width: 100% !important;
  margin-bottom: 60px !important;
  padding-bottom: 40px !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.obj_article_summary .main,
.article_summary .main {
  display: block !important;
  width: 100% !important;
  float: none !important;
}

.obj_article_summary .title,
.obj_article_summary h3,
.article_summary .title,
.article_summary h3 {
  display: block !important;
  float: none !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

.obj_article_summary .authors,
.article_summary .authors {
  display: block !important;
  float: none !important;
  margin-bottom: 10px !important;
}

.obj_article_summary .doi,
.article_summary .doi {
  display: block !important;
  float: none !important;
  margin-bottom: 15px !important;
}

.obj_article_summary .galleys,
.article_summary .galleys,
.obj_article_summary .galleys ul,
.article_summary .galleys ul,
.obj_article_summary .galleys li,
.article_summary .galleys li,
.obj_article_summary .galley_link,
.article_summary .galley_link {
  float: none !important;
  clear: both !important;
  display: block !important;
  position: static !important;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}


/* ===================================== */
/* 3. EXTRA LARGE A4 COVER IMAGE         */
/* ===================================== */

.obj_article_summary > .cover,
.obj_article_summary > a.cover,
.article_summary .cover {
  display: block !important;
  float: none !important;
  clear: both !important;
  width: 700px !important;
  max-width: 100% !important;
  margin: 25px auto 0 auto !important;
}

.obj_article_summary > .cover img,
.obj_article_summary > a.cover img,
.article_summary .cover img {
  width: 100% !important;
  height: 990px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}