/* =========================================================
   d20-corporate-ojs.css
   OJS adapter layer only (no visual system rules)
   ========================================================= */

.d20-shell--header *,
.d20-footer * {
  box-sizing: border-box;
}

/* Prevent Bootstrap/OJS navbar defaults from leaking into D20 shell */
.d20-shell--header .navbar,
.d20-shell--header .navbar-default,
.d20-shell--header .container-fluid {
  all: unset;
}

.d20-footer ul,
.d20-footer ol,
.d20-footer dl,
.d20-footer dt,
.d20-footer dd {
  margin: 0;
  padding: 0;
}

.d20-footer img {
  max-width: 100%;
  height: auto;
}

/* Hero layering safety */
.d20-hero {
  position: relative;
  overflow: hidden;
}

.d20-hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.d20-hero-overlay,
.d20-carousel,
.d20-navbar {
  position: relative;
  z-index: 2;
}

.d20-hero-overlay-purple {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

/* Keep admin bar and dropdown stacking sane */
.d20-shell--header {
  position: relative;
  z-index: 999;
}

.pkp_structure_head {
  z-index: 1000 !important;
}

.d20-dropdown-menu {
  z-index: 1002;
}

.d20-footer {
  clear: both;
}

.d20-footer .d20-wrap {
  max-width: 1200px;
  margin: 0 auto;
}

/* Final stack safety: nav must remain above hero layers and clickable */
.d20-shell--header .d20-navbar,
.d20-shell--header .d20-container,
.d20-shell--header .d20-nav-panel,
.d20-shell--header .d20-user-actions {
  position: relative;
  z-index: 12;
}

.d20-shell--header .d20-hero-bg,
.d20-shell--header .d20-hero-overlay-purple,
.d20-shell--header #d20-particles {
  pointer-events: none !important;
}

/* Hide duplicate legacy OJS nav/header wrappers on frontend only */
body.d20-has-shell .pkp_structure_page > header.pkp_structure_head,
body.d20-has-shell .pkp_structure_page > .pkp_navigation_primary_wrapper,
body.d20-has-shell .pkp_structure_page > .pkp_navigation_user_wrapper,
body.d20-has-shell .pkp_structure_head .navbar,
body.d20-has-shell .pkp_structure_head .pkp_site_nav_menu,
body.d20-has-shell header.header_view {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Neutralize Bootstrap glyphicons pseudo-icons in corporate header controls */
.d20-shell--header .glyphicon,
.d20-shell--header [class*="glyphicon-"]::before,
.d20-shell--header .carousel-control .icon-prev,
.d20-shell--header .carousel-control .icon-next {
  font-family: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
  .d20-hero *,
  .d20-hero-bg,
  .d20-shell *,
  .d20-footer * {
    animation: none !important;
    transition: none !important;
  }
}

/* Frontend only: hide legacy BootstrapThree header wrappers, keep admin/login pages intact */
body.d20-has-shell:not(.pkp_page_user):not(.pkp_page_login) .pkp_structure_head > .pkp_site_name_wrapper,
body.d20-has-shell:not(.pkp_page_user):not(.pkp_page_login) .pkp_structure_head .pkp_navigation_primary_wrapper {
  display: none !important;
}