/* Same local font binaries as the Drupal Solo footer. */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/roboto-condensed-v25-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/roboto-condensed-v25-latin_latin-ext-700.woff2') format('woff2');
}

/* Step 1: lower only the desktop account menu onto the existing banner. */
@media (min-width: 992px) {
  /* Cut the now-unused top strip; keep the account offset relative to the header. */
  .pkp_structure_head {
    margin-top: -30px;
  }

  .pkp_structure_head .pkp_navigation_user_wrapper {
    top: 30px;
  }
}

/* Match the rendered local VietTESOL Drupal footer; content is in pageFooter. */
.pkp_structure_footer_wrapper {
  background: #1c65eb;
  color: #fff;
  font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  padding: 0;
}

.pkp_structure_footer_wrapper .pkp_structure_footer {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.pkp_structure_footer_wrapper .pkp_footer_content {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding: 8px 0;
  color: inherit;
}

.pkp_footer_content .vts-footer-content {
  margin: 0;
  padding: 0;
  text-align: center;
}

.pkp_footer_content .vts-footer-content p {
  margin: 0;
  padding: 0;
  font: inherit;
  text-align: center;
}

.pkp_footer_content .vts-footer-content p + p {
  margin-top: 6px;
}

.pkp_footer_content .vts-footer-content strong {
  font-weight: 700;
}

.pkp_footer_content .vts-footer-content a {
  color: inherit;
  font: inherit;
  text-decoration: none;
  border: 0;
}

.pkp_footer_content .vts-footer-content a:hover,
.pkp_footer_content .vts-footer-content a:focus-visible {
  color: #c3f9e4;
}

/* Drupal Solo's small-screen paragraph line height is 1.75rem at an 18px root. */
@media (max-width: 35.99875rem) {
  .pkp_footer_content .vts-footer-content p {
    line-height: 31.5px;
  }
}

.pkp_structure_footer_wrapper .pkp_brand_footer {
  display: none;
}

/* === One-column Announcements === */

/* Kill any multi-col layout at the container level */
.cmp_announcements {
  column-count: 1 !important;
  -moz-column-count: 1 !important;
}

/* If the theme used grid/flex for two columns, make it one */
.cmp_announcements,
.cmp_announcements > .items,
.cmp_announcements > .pkp_grid,
.cmp_announcements > .pkp_list {
  display: block !important;
}

/* Each announcement should span full width */
.cmp_announcements .obj_announcement_summary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}

/* If a grid was used, force single track */
.cmp_announcements .pkp_grid,
.cmp_announcements .pkp_list {
  grid-template-columns: 1fr !important;
}

/* Tidy spacing between items */
.cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
  margin-top: 1.25rem;
}

/* Make the "more" row span full width */
.cmp_announcements .more {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* === OJS Homepage Custom Styling === */
/* --- 1. One-column Announcements --- */
.cmp_announcements {
  column-count: 1 !important;
  -moz-column-count: 1 !important;
}

.cmp_announcements,
.cmp_announcements > .items,
.cmp_announcements > .pkp_grid,
.cmp_announcements > .pkp_list {
  display: block !important;
}

.cmp_announcements .obj_announcement_summary {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box;
}

.cmp_announcements .pkp_grid,
.cmp_announcements .pkp_list {
  grid-template-columns: 1fr !important;
}

.cmp_announcements .obj_announcement_summary + .obj_announcement_summary {
  margin-top: 1.25rem;
}

.cmp_announcements .more {
  width: 100% !important;
  float: none !important;
  clear: both !important;
}

/* --- 2. Match announcement body text to About paragraph --- */
body.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .summary,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .summary p {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Keep title and "Read more" styling unchanged */
body.pkp_page_index .cmp_announcements .obj_announcement_summary h3,
body.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more {
  /* no changes */
}