/* Insolvation hotfix stylesheet (cache-busted include) */

/* Exact overrides for OJS backend core selectors */
.app__header {
  background: #e5ab0a !important;
  border-bottom: 1px solid #c89200 !important;
}
.app__contextTitle,
.app__contextTitle:hover,
.app__contextTitle:focus {
  color: #1e1e1e !important;
  border-color: #7f6200 !important;
}
.app__headerAction > button,
.app__headerAction > a,
top-nav-actions,
top-nav-actions *,
.app__header top-nav-actions,
.app__header top-nav-actions * {
  background: transparent !important;
  color: #1e1e1e !important;
  box-shadow: 0 0 transparent !important;
}
.app__headerAction > button:hover,
.app__headerAction > a:hover,
.app__headerAction > button:focus,
.app__headerAction > a:focus {
  color: #1e1e1e !important;
  box-shadow: 0 .25rem #9a6a00 !important;
}
.app__returnHeader {
  background: #e5ab0a !important;
  color: #1e1e1e !important;
}
.app__returnHeaderLink,
.app__returnHeaderLink:focus {
  color: #1e1e1e !important;
  border-color: #9a6a00 !important;
}

.pkpTabs__button {
  color: #7a4a00 !important;
}
.pkpTabs__button:before {
  background: transparent !important;
}
.pkpTabs__button:focus:before,
.pkpTabs__button:hover:before,
.pkpTabs__button[aria-selected=true]:before,
.pkpTabs__button[aria-selected="true"]:before {
  background: #b57900 !important;
}
.pkpTabs__button:focus:after {
  background-color: #9a6a00 !important;
}

:root, html, body, #app {
  --color-primary: #b57900 !important;
  --color-hover: #d09200 !important;
  --text-color-heading: #5f3900 !important;
  --background-color-selection-light: #f3e3b6 !important;
  --background-color-selection-dark: #6e4300 !important;
}

/* Hard force for top strips/bars */
.app__header,
#app .app__header,
body .app__header,
.app .app__header,
header.app__header,
.app__returnHeader,
#app .app__returnHeader,
body .app__returnHeader,
.app__breadcrumbs,
.pkpFilter__value {
  background: #e5ab0a !important;
  background-color: #e5ab0a !important;
  background-image: none !important;
  color: #1e1e1e !important;
  border-color: #c89200 !important;
}

.pkpFilter__valueCaret {
  border-bottom-color: #e5ab0a !important;
}

.app__header a,
.app__header button,
#app .app__header a,
#app .app__header button,
.app__returnHeader a,
.app__returnHeaderLink,
.app__breadcrumbs a,
.pkp-side-nav a,
.pkpSideNav a,
[role="tab"],
.pkpTabs__button,
.pkpTabs__tab,
.pkpNavTabs a,
.pkpDropdown__action,
.pkp_controllers_grid th,
.pkp_controllers_grid td,
.pkp_controllers_grid .header h4 {
  color: #7a4a00 !important;
}

.pkpTabs__button:hover,
.pkpTabs__button:focus,
.pkpTabs__button[aria-selected="true"],
[role="tab"]:hover,
[role="tab"]:focus {
  color: #3b2300 !important;
  border-color: #9a6a00 !important;
  background: #f1d58c !important;
}

.pkpTabs__button:hover::before,
.pkpTabs__button:focus::before,
.pkpTabs__button[aria-selected="true"]::before,
.pkpTabs__button[aria-selected=true]::before,
[role="tab"]:hover::before,
[role="tab"]:focus::before {
  background: #b57900 !important;
  border-color: #b57900 !important;
  box-shadow: none !important;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.pkpButton,
.pkp_button,
.ui-button,
.pkp_linkaction,
a.pkp_linkaction {
  border-radius: 999px !important;
  border-color: #a87700 !important;
  background: #f8e2a7 !important;
  color: #2a1a00 !important;
  text-shadow: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.pkpButton:hover,
.pkp_button:hover,
.ui-button:hover,
.pkp_linkaction:hover,
a.pkp_linkaction:hover {
  background: #f2d27b !important;
  border-color: #8f6500 !important;
}

.fa, .fas, .far, .fal, .fab, .pkpIcon, [class*="icon-"] {
  color: #b57900 !important;
}
svg, svg path, svg circle, svg rect, svg polygon {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Desktop-only navigation normalization */
@media (min-width: 1200px) {
  #navigationPrimary.pkp_navigation_primary {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  #navigationPrimary.pkp_navigation_primary > li {
    position: relative;
  }
  #navigationPrimary.pkp_navigation_primary > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1200;
    min-width: 220px;
    background: #fff7e6;
    border: 1px solid #d7b254;
    border-radius: 8px;
    padding: 6px;
  }
  #navigationPrimary.pkp_navigation_primary > li:hover > ul,
  #navigationPrimary.pkp_navigation_primary > li:focus-within > ul {
    display: block;
  }
}

@media (max-width: 1199px) {
  /* Keep OJS native mobile/tablet menu behavior */
  .pkp_site_nav_menu {
    max-height: 72vh;
    overflow-y: auto;
  }
  #navigationPrimary.pkp_navigation_primary {
    display: block !important;
  }
  #navigationPrimary.pkp_navigation_primary > li > ul {
    position: static !important;
    min-width: 0 !important;
  }

  /* Backend mobile/tablet responsiveness */
  .pkp_page_dashboard,
  .pkp_page_invitation {
    min-width: 0 !important;
  }
  .app__body {
    display: block !important;
  }
  .app__main {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto;
  }
  .listPanel__body {
    display: block !important;
  }
  .listPanel__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    border-inline-end: 0 !important;
    border-bottom: 1px solid #bbb !important;
  }

  /* Login/Register usability on mobile+tablet */
  .pkp_page_login .pkp_structure_sidebar,
  .pkp_page_register .pkp_structure_sidebar,
  .pkp_page_lost_password .pkp_structure_sidebar {
    display: none !important;
  }
  .pkp_page_login .pkp_structure_main,
  .pkp_page_register .pkp_structure_main,
  .pkp_page_lost_password .pkp_structure_main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
  }
  .pkp_page_login .cmp_form.login,
  .pkp_page_register .cmp_form,
  .pkp_page_lost_password .cmp_form {
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  /* Submission page usability on mobile+tablet */
  .pkp_page_submission .pkp_structure_sidebar,
  .pkp_page_about.pkp_op_submissions .pkp_structure_sidebar {
    display: none !important;
  }
  .pkp_page_submission .pkp_structure_main,
  .pkp_page_about.pkp_op_submissions .pkp_structure_main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
  }
}

/* Baseline visual layer: custom orange + pill controls (frontend) */
.pkp_structure_head {
  background: #e5ab0a !important;
  border-bottom: 1px solid #c89200 !important;
}
.pkp_site_name .is_text,
.pkp_site_name a {
  color: #1e1e1e !important;
}
#navigationPrimary.pkp_navigation_primary > li > a {
  border: 1px solid #7f6200 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important;
  color: #1e1e1e !important;
  padding: 6px 14px !important;
}
#navigationPrimary.pkp_navigation_primary > li > a:hover,
#navigationPrimary.pkp_navigation_primary > li > a:focus {
  background: rgba(255,255,255,.35) !important;
  border-color: #9a6a00 !important;
  color: #3b2300 !important;
}

/* Keep active/current nav item same style (remove default blue) */
#navigationPrimary .current > a,
#navigationPrimary .is_current > a,
#navigationPrimary a[aria-current="page"],
#navigationPrimary .active > a {
  background: #f0dc9f !important;
  border: 2px solid #8f6d12 !important;
  color: #1f1a12 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Pill style buttons: only primary/submit actions (match Login button look) */
.pkp_block.block_make_submission .block_make_submission_link,
.page .buttons button,
.page .buttons .submit,
.cmp_form .buttons button,
.cmp_form .buttons .submit,
button[type="submit"],
input[type="submit"],
.pkpButton--primary,
a.pkpButton--primary,
.btn-primary {
  border-radius: 999px !important;
  border: 2px solid #b08b22 !important;
  background: #f0dc9f !important;
  color: #1f1a12 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.pkp_block.block_make_submission .block_make_submission_link:hover,
.page .buttons button:hover,
.cmp_form .buttons button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.pkpButton--primary:hover,
a.pkpButton--primary:hover,
.btn-primary:hover {
  background: #ebd38c !important;
  border-color: #9b7717 !important;
  color: #1f1a12 !important;
}