/* ===== Body & Headings ===== */
body {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #333;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Droid Serif', serif;
}

a { color: #00628f; }
a:hover, a:focus { color: #0097db; }

.page-content p, .page-content li {
  font-size: 16px;
  font-weight: 400;
}

h1 { font-size: 1.5rem; }
h2 { font-size: 1.35rem; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.05rem; }
h5 { font-size: .9rem; }
h6 { font-size: .75rem; }

.hidden, .d-none { display: none !important; }

/* ===== Alerts & Badges ===== */
.alert { border-radius: 0; }
.alert .form-error-list { font-size: 16px; }

.alert-primary {
  background-color: #0097db;
  border-color: #0097db;
  color: #000;
}
.alert-primary a { color: #fff; text-decoration: underline; }

.alert-danger {
  background-color: #ca1031;
  color: #fff;
}
.alert-danger a { color: #fff; text-decoration: underline; }

.badge-light {
  background: #b3e3f9;
  color: #333;
}

/* ===== Buttons ===== */
.btn {
  padding: .5em 1em;
  border-radius: 0;
  border: 1px solid #757575;
  background: transparent;
  font-family: 'Fira Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

.btn:hover, .btn:focus, .btn:active {
  color: #0097db;
  border-color: #0097db;
  text-decoration: none;
}

/* Primary button */
.btn-primary {
  background: white;
  border-color: #0097db;
  color: #000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #0097db !important;
  border-color: #00628f !important;
  color: #000;
}

/* Light & link buttons */
.btn-light {
  border-color: #f7f7f7;
  color: #f7f7f7;
}
.btn-light:hover { background: #f7f7f7; color: #333; }

.btn-link, .btn-text { border-color: transparent; color: #0097db; }
.btn-link:hover, .btn-text:hover { color: #00628f; }

/* ===== Cards ===== */
.card { border: none; border-radius: 0; }
.card-img-top { border-radius: 0; }
.card-body { padding-left: 0; padding-right: 0; }
.card-title { font-size: 18px; font-family: 'Fira Sans', sans-serif; }

/* ===== Dropdowns ===== */
.dropdown-menu {
  padding: .5em;
  background: #0097db;
  border: none;
  border-radius: 0;
  color: #000;
}
.dropdown-item {
  padding: .5em;
  color: #000;
  text-transform: none;
  border: 1px solid transparent;
}
.dropdown-item:hover, .dropdown-item:focus {
  background: #0097db;
  border-color: #000;
  color: #000;
  outline: 0;
}
.dropdown-header {
  margin-top: 1rem;
  padding-left: .5rem;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: .9rem;
  color: #000;
}

/* ===== Navbar & Logo ===== */
.main-header { background-color: #f7f7f7; }

.navbar-brand img,
.navbar-logo img {
  max-height: 150px; /* Increase logo size */
  height: auto;
  width: auto;
}

.navbar-logo-text {
  display: block;
  width: 100%;
  white-space: normal;
  margin-left: -0.5em;
  padding: 0 0.5em;
  border: 1px solid transparent;
  font-family: 'Droid Serif', serif;
  font-size: 14px;
}
.navbar-logo-text:hover { color: #333; }

/* Hide unused nav items on mobile */
#userNav, .navbar-logo, #languageLargeNav { display: none; }

@media (min-width: 992px) {
  /* Desktop logo & nav adjustments */
  .navbar-logo img { max-height: 200px; }
  .navbar-logo-text { font-size: 25px; }
  #userNav, .navbar-logo, #languageLargeNav { display: block; }
  .navbar-brand { display: none; }
}
/* ===== Footer ===== */
.site-footer {
  margin-top: 3rem;
  padding: 2rem 0;
  background: #333;
  color: #fff;
}
.site-footer a { color: #fff; text-decoration: underline; }

/* ===== Misc ===== */
.pkp_screen_reader { position: absolute !important; left: -5000px; }
.reviewer_interests.hidden { display: none; }
.tagit-choice { background-color: #b3e3f9; padding: 2px 4px; margin-right: 8px; }

/* ===== PDF & Galley views ===== */
.pdf-frame iframe, .galley_view iframe { width: 100%; height: 100%; border: none; padding-top: 30px; }
/* Footer row: keep images side by side */
.site-footer .site-footer-content .row {
  display: flex !important;      /* Force row to be flex */
  align-items: center;           /* Vertically center items */
  flex-wrap: nowrap;             /* Prevent wrapping */
  justify-content: space-between; /* Push OJS logo to right edge */
  gap: 0.5rem;                   /* Reduce space between images */
}

/* SSE logo (larger, takes up more width) */
.site-footer .site-footer-content .col-md:first-child img {
  max-width: 80%;               /* Take up ~60% of footer width */
  height: auto;
  display: inline-block;
}

/* OJS brand image (smaller, stays compact) */
.site-footer .footer-brand-image {
  max-width: 150px;             /* Keep it small */
  height: auto;
  display: inline-block;
}

/* Remove paragraph margins around images */
.site-footer .site-footer-content p {
  margin: 0;
}