/* BetPatron Premium V24 — network-first settings, stable admin saves and SEO controls */
html.bp-settings-pending .brand,
html.bp-settings-pending [data-footer-copyright],
html.bp-settings-pending [data-footer-notice],
html.bp-settings-pending [data-copy],
html.bp-settings-pending body[data-page="login"] .auth-visual,
html.bp-settings-pending body[data-page="register"] .auth-visual {
  visibility: hidden !important;
}
html.bp-page-config-pending body[data-page="sites"] #page-hero,
html.bp-page-config-pending body[data-page="sites"] #page-content-section,
html.bp-page-config-pending body[data-page="bonuses"] #page-hero,
html.bp-page-config-pending body[data-page="bonuses"] #page-content-section,
html.bp-page-config-pending body[data-page="events"] #page-hero,
html.bp-page-config-pending body[data-page="events"] #page-content-section,
html.bp-page-config-pending body[data-page="draws"] #page-hero,
html.bp-page-config-pending body[data-page="draws"] #page-content-section,
html.bp-page-config-pending body[data-page="contacts"] #page-hero,
html.bp-page-config-pending body[data-page="contacts"] #page-content-section {
  visibility: hidden !important;
  pointer-events: none !important;
}
html.bp-page-config-pending body[data-page="sites"] main,
html.bp-page-config-pending body[data-page="bonuses"] main,
html.bp-page-config-pending body[data-page="events"] main,
html.bp-page-config-pending body[data-page="draws"] main,
html.bp-page-config-pending body[data-page="contacts"] main {
  min-height: 72vh;
}
html.bp-page-config-pending body[data-page="sites"] main::before,
html.bp-page-config-pending body[data-page="bonuses"] main::before,
html.bp-page-config-pending body[data-page="events"] main::before,
html.bp-page-config-pending body[data-page="draws"] main::before,
html.bp-page-config-pending body[data-page="contacts"] main::before {
  content: "";
  display: block;
  width: min(1180px, calc(100% - 32px));
  height: 210px;
  margin: 42px auto 22px;
  border: 1px solid var(--border);
  border-radius: 26px;
  background: linear-gradient(105deg, rgba(255,255,255,.025) 20%, rgba(255,255,255,.065) 38%, rgba(255,255,255,.025) 56%);
  background-size: 220% 100%;
  animation: bp-v24-loading 1.15s linear infinite;
}
@keyframes bp-v24-loading { to { background-position-x: -220%; } }

body[data-page="admin"] .form-section:has([name="seo_site_url"]),
body[data-page="admin"] .form-section:has([name="seo_canonical_url"]) {
  border-color: color-mix(in srgb, #39d98a 35%, var(--border));
  background: linear-gradient(145deg, rgba(57,217,138,.04), rgba(255,255,255,.012));
}
body[data-page="admin"] .seo-help-card {
  border: 1px solid color-mix(in srgb, #39d98a 30%, var(--border));
  border-radius: 16px;
  background: rgba(57,217,138,.045);
  padding: 14px 16px;
  color: var(--muted);
  line-height: 1.55;
}
body[data-page="admin"] .seo-help-card strong { color: var(--text); }
body[data-page="admin"] .admin-save-error {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (prefers-reduced-motion: reduce) {
  html.bp-page-config-pending main::before { animation: none !important; }
}
@media (max-width: 640px) {
  html.bp-page-config-pending body[data-page] main::before {
    height: 180px;
    margin-top: 22px;
    border-radius: 20px;
  }
}
