/*
 * v7.1.18 — fixed-header page offset and login/register hero contrast.
 * Focused correction only: page titles are kept below the fixed mobile header,
 * and all text placed on the dark authentication visual is forced to white.
 */

/* The mobile header is fixed. Keep inner page titles and first content blocks visible. */
@media (max-width: 760px) {
  body:not(.home) #primary.site-main {
    padding-top: var(--header-h, 62px) !important;
  }

  /* Templates that already include their own top spacing must not receive it twice. */
  body.page-template-page-login #primary.site-main,
  body.page-template-templatespage-login-php #primary.site-main {
    padding-top: 0 !important;
  }

  body.page-template-page-login .login-page-shell,
  body.page-template-templatespage-login-php .login-page-shell {
    padding-top: calc(var(--header-h, 62px) + 18px) !important;
  }

  /* Service and other custom page shells: create a clean gap below the header. */
  #primary.site-main > :first-child {
    scroll-margin-top: calc(var(--header-h, 62px) + 12px) !important;
  }

  body.admin-bar:not(.home) #primary.site-main {
    padding-top: var(--header-h, 62px) !important;
  }
}

/* Authentication hero: dark image area always uses light typography. */
.login-page-shell .login-visual,
.login-page-shell .login-visual--v412,
.login-page-shell .login-visual :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,a),
.login-page-shell .login-visual--v412 :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,em,a) {
  color: #fff !important;
}

.login-page-shell .login-visual p,
.login-page-shell .login-visual--v412 p {
  color: rgba(255,255,255,.86) !important;
}

.login-page-shell .login-visual .mini-kicker,
.login-page-shell .login-visual--v412 .mini-kicker {
  color: #fff !important;
  opacity: .9 !important;
}

/* Keep the form side readable on its light background. */
.login-page-shell .login-form-panel,
.login-page-shell .login-form-panel :where(h1,h2,h3,h4,h5,h6,label,strong) {
  color: #101a20 !important;
}

.login-page-shell .login-form-panel p,
.login-page-shell .login-form-panel small {
  color: #617078 !important;
}