/*
Theme Name: Twenty Twenty-Two Child
Template: twentytwentytwo
Version: 1.0.0
Text Domain: twentytwentytwo-child
*/

/* Custom 404 styling (ported from your Twenty Twenty-One child theme) */
/* Global site background — white everywhere */
html,
body {
  margin: 0;
  min-height: 100%;
  background: #ffffff;
}

.header-row__image img {
  display: block;
  max-width: 695px; /* header size */
  width: 100%;
  height: auto;
  margin-inline: auto;
}

.header-row {
  background-color: #000000; /* color */
/* If image is needed
  width: 100%;
  background-image: url('/wp-content/themes/twentytwentytwo-child/assets/header-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
*/
}
/* If image is needed
.header-row__image {
  max-width: 1100px;
  margin-inline: auto;
}
*/

/* Dark background ONLY on 404 page */
body.error404 {
  background: #212529;
}

/* Ensure block wrapper fills viewport on 404 */
body.error404 .wp-site-blocks {
  background: #212529;
  min-height: 100vh;
}

.page-404 {
  min-height: 100vh;
  background: #212529;
  padding: 20px 20px;
}

.page-404 .container {
  max-width: 1000px;
  background: #fff;
  margin: 0 auto;
  padding: 40px;
  border-radius: 10px;
}

.page-404 h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
  margin: 10px;
}

/* color variants */
.page-404 .h2-red { color: rgb(245, 0, 0); }
.page-404 .h2-black { color: #000; }