/*
 * Kouider — Red & Black Glassmorphism
 * Aesthetic layer only. Layout handled by theme.json.
 */


/* --- Background & texture --- */
body { background: var(--wp--preset--color--k-black); overflow-x: hidden; }
html { overflow-x: hidden; }

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .18;
  background-image: linear-gradient(rgba(255,38,56,.05) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,38,56,.05) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom,#000,transparent 80%);
}

::selection { background: var(--wp--preset--color--k-red); color: #fff; }

/* --- Full-height layout: header top, content stretch, footer bottom --- */
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100dvh; }
.wp-site-blocks .entry-content { flex: 1 0 auto; }