/* Matrix/background module extracted from mds.css
   Scope: global matrix backdrop, cover suppression, and order-pixels matrix layering. */

/* Matrix rain background for Order Pixels page */
body.mds-order-pixels,
body.home.mds-container {
	position: relative;
}

/* Keep Order Pixels UI above matrix layer while allowing the effect to remain visible. */
body.mds-order-pixels .mds-shortcode-container,
body.mds-order-pixels .mds-shortcode-container > * {
	position: relative;
	z-index: 3;
}

body.mds-order-pixels #grid,
body.mds-order-pixels .mds-pixel-wrapper {
	position: relative;
	z-index: 3;
}

body.mds-order-pixels #blocks {
	position: relative;
	z-index: 4;
}

body.mds-order-pixels .ajax-loader {
	z-index: 5;
}

body.home.mds-container .wp-block-cover__image-background {
	z-index: 1 !important;
}

/* Homepage redesign step 1:
   remove static background image, keep matrix as primary backdrop. */
body.home.mds-container .wp-block-cover__image-background {
	display: none !important;
	background-image: none !important;
}

body.home.mds-container .wp-site-blocks > .wp-block-cover {
	background: transparent !important;
}

/* Global page background + matrix normalization */
body.mds-container,
body.mds-container .wp-site-blocks,
body.mds-container .wp-site-blocks > .wp-block-cover {
	background: #05080d !important;
}

body.mds-container .wp-block-cover__image-background {
	display: none !important;
	background-image: none !important;
	filter: none !important;
}

body.mds-container .wp-block-cover__background {
	background: rgba(5, 8, 13, 0.64) !important;
	opacity: 1 !important;
	z-index: 1 !important;
}

body.mds-container .wp-block-cover__inner-container,
body.mds-container .wp-block-cover__inner-container > * {
	position: relative;
	z-index: 3;
}

/* Replace theme accent-one pink panels with dark matrix panels site-wide */
body.mds-container:not(.home):not(.mds-order-pixels) .wp-block-group.has-accent-one-background-color.has-background {
	background: rgba(24, 58, 46, 0.68) !important;
	border-color: rgba(125, 255, 191, 0.18) !important;
	border-radius: 10px !important;
	box-shadow:
		0 0 0 1px rgba(125, 255, 191, 0.08) inset,
		0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

body.mds-container:not(.home):not(.mds-order-pixels) .wp-block-group.has-accent-one-background-color.has-background > * {
	position: relative;
	z-index: 1;
}

/* Content-fixed panel sizing for non-home/non-order pages */
body.mds-container:not(.home):not(.mds-order-pixels) main.wp-block-group {
	text-align: center !important;
}

body.mds-container:not(.home):not(.mds-order-pixels) main.wp-block-group > .wp-block-group.has-accent-one-background-color.has-background,
body.mds-container:not(.home):not(.mds-order-pixels) main.wp-block-group > .wp-block-group.alignfull.has-accent-one-background-color.has-background,
body.mds-container:not(.home):not(.mds-order-pixels) main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.has-accent-one-background-color.has-background,
body.mds-container:not(.home):not(.mds-order-pixels) main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.alignfull.has-accent-one-background-color.has-background {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: auto !important;
	max-width: calc(100% - 24px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 14px !important;
	box-sizing: border-box !important;
	text-align: left !important;
	border-radius: 10px !important;
}

/* Upload page: keep a stable full content width regardless of instruction text length. */
body.mds-page-upload main.wp-block-group > .wp-block-group.has-accent-one-background-color.has-background,
body.mds-page-upload main.wp-block-group > .wp-block-group.alignfull.has-accent-one-background-color.has-background,
body.mds-page-upload main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.has-accent-one-background-color.has-background,
body.mds-page-upload main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.alignfull.has-accent-one-background-color.has-background {
	width: min(var(--mds-content-max-width), calc(100% - (2 * var(--mds-content-gutter)))) !important;
	min-width: min(var(--mds-content-max-width), calc(100% - (2 * var(--mds-content-gutter)))) !important;
	max-width: var(--mds-content-max-width) !important;
}

/* Upload success preview: keep panel centered by constraining preview images responsively. */
.mds-container .entry-content .mds-shortcode-container[id^="upload-"] {
	width: min(var(--mds-content-max-width), calc(100% - (2 * var(--mds-content-gutter))));
	max-width: var(--mds-content-max-width);
	margin-left: auto;
	margin-right: auto;
}

.mds-container .entry-content .mds-shortcode-container[id^="upload-"] {
	overflow-x: hidden;
}

.mds-container .entry-content .mds-shortcode-container[id^="upload-"] .mds-upload-writead-form {
	text-align: center;
	margin-top: 10px;
}

.mds-container .entry-content .mds-shortcode-container[id^="upload-"] .mds-upload-writead-form #submit_button2 {
	width: calc(50% - 8px);
	min-width: 180px;
	max-width: 100%;
	font-family: inherit;
	font-size: 1.2rem;
	font-weight: 400;
}

/* Uploaded image preview: keep true/original pixel size (e.g., 10x10). */
.mds-container .entry-content .mds-shortcode-container[id^="upload-"] img.mds_pointer_graphic {
	display: inline-block;
	width: auto;
	max-width: none;
	height: auto;
	margin: 10px 0 0 0;
	image-rendering: pixelated;
}

/* Global matrix canvas state classes used by mds-home-matrix-rain.php */
#mds-matrix-canvas.mds-matrix-global {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2 !important;
	pointer-events: none !important;
	opacity: 0.44 !important;
	transition: opacity 0.35s ease;
}

#mds-matrix-canvas.mds-matrix-global.mds-matrix-hidden {
	opacity: 0;
}

/* Order Pixels: keep content wrapper fully transparent (no green panel) */
body.page-id-184.mds-container main.wp-block-group > .wp-block-group.has-accent-one-background-color.has-background,
body.page-id-184.mds-container main.wp-block-group > .wp-block-group.alignfull.has-accent-one-background-color.has-background,
body.page-id-184.mds-container main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.has-accent-one-background-color.has-background,
body.page-id-184.mds-container main.wp-block-group.has-global-padding.is-layout-constrained > .wp-block-group.alignfull.has-accent-one-background-color.has-background {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}