/* Header styles for the homepage only */
.pkp_structure_page:has(.page_index_site) .pkp_site_name {
    display: flex;
    align-items: center;
}

.pkp_structure_page:has(.page_index_site) .pkp_journal_name {
    margin-left: 20px; /* Spacing between logo and site title */
    font-size: 1.2em; /* Font size for homepage site title */
    font-weight: bold; /* Make the site title bold */
    color: #d7f3f5; /* Color matching your theme */
}

/* Responsive styles for homepage header */
.pkp_structure_page:has(.page_index_site) @media (max-width: 768px) {
    .pkp_site_name {
        flex-direction: column;
        align-items: flex-start;
    }

    .pkp_journal_name {
        margin-left: 0;
        margin-top: 10px; /* Space below logo on small screens */
    }
}

/* Pure-CSS approach (requires modern browser support for :has()) */
/* Target .pkp_structure_footer_wrapper only when the page contains .page_index_site */
.pkp_structure_page:has(.page_index_site) > .pkp_structure_footer_wrapper {
  background-color: #0A3489 !important;
}

.pkp_structure_page:has(.page_index_site) > .pkp_structure_footer_wrapper .pkp_structure_footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.pkp_structure_page:has(.page_index_site) > .pkp_structure_footer_wrapper .pkp_footer_content {
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
}

.pkp_structure_page:has(.page_index_site) > .pkp_structure_footer_wrapper .pkp_brand_footer img {
  filter: invert(1) !important;
}