/* =============================================================================
   Site-level CSS overrides
   ============================================================================= */

/* -----------------------------------------------------------------------
   Page/archive title bar: h2 -> h1 semantic fix
   Mirror all visual properties from .page-header .mo-title-bar h2.
   Single-post .post-title is already styled by class-only selectors in
   style.min.css so no extra rules are needed for that element.
   ----------------------------------------------------------------------- */
.page-header .mo-title-bar h1 {
    color: #fff;
    line-height: 50px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 50px;
    font-style: normal;
    margin-bottom: 0;
}

/* pagetitle-v3: centre-align (mirrors .pagetitle-v3 .mo-title-bar h2) */
.pagetitle-v3 .mo-title-bar h1 {
    text-align: center;
}

/* pagetitle-v5: top margin (mirrors .pagetitle-v5 .mo-title-bar h2) */
.pagetitle-v5 .mo-title-bar h1 {
    margin-top: 15px;
}

/* Override .page-header h1 { letter-spacing: 5px } — keep 1 px tracking */
/* (already covered above, this comment is for clarity) */

/* Responsive: reduce font size at <= 768px
   (mirrors .page-header .mo-title-bar h2 in the 768 px breakpoint) */
@media only screen and (max-width: 768px) {
    .page-header .mo-title-bar h1 {
        font-size: 30px !important;
        line-height: 42px !important;
    }
}