/**
 * CRITICAL FIX - Override WordPress error-page styles
 * Решает проблему max-width: 700px на всём сайте
 */

/* Полностью отключаем WordPress error-page стили */
body#error-page {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  width: 100% !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-family:
    "Ubuntu",
    "Open Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif !important;
  color: #444 !important;
}

/* Каждый элемент внутри тоже расширяем */
body#error-page *,
body#error-page .site,
body#error-page #page,
body#error-page .site-content,
body#error-page #content,
body#error-page .content-area,
body#error-page #primary,
body#error-page .site-main,
body#error-page main,
body#error-page .error-404-page,
body#error-page .error-404-content,
body#error-page .hero-section,
body#error-page .services-section,
body#error-page .events-section,
body#error-page .meditations-section,
body#error-page .trainers-section,
body#error-page .contact-section,
body#error-page .footer-modern {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: inherit !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Контейнеры - нормальная ширина как у всех сайтов */
body#error-page .container,
body#error-page .container-fluid {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

@media (min-width: 1200px) {
  body#error-page .container {
    max-width: 1140px !important;
  }
}

/* ИСПРАВЛЕНИЕ АДМИН-БАРА */
body#error-page.admin-bar #wpadminbar {
  position: fixed !important;
  z-index: 999999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.admin-bar #wpadminbar {
  position: fixed !important;
  z-index: 999999 !important;
}

/* Когда админ-бар виден, сдвигаем header */
body.admin-bar .site-header {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px !important;
  }

  body.admin-bar .mobile-menu {
    top: 46px !important;
  }
}