/**
 * PunjabiTime News — Global warm cream (newspaper) background.
 *
 * ADDITIVE & SAFE. Applies ONLY a site-wide page background: a warm cream
 * "newspaper paper" base inspired by the Financial Times, with a barely-there
 * warm glow from the centre. Visible behind the whole site — not a hidden tint.
 *
 * It does NOT:
 *   - change header or footer design (they keep their own white surface)
 *   - change posts, pages, categories, menus, layout or typography
 *   - tint content text or images
 *
 * Removable: disable / delete the sandbox loader
 * (novamira-sandbox/pt-global-background.php) and, optionally, this file.
 */

/* ------------------------------------------------------------------ *
 * 1. Warm cream page base for the whole document.
 *    This overrides the theme's body background (--pt-paper: #f9f9f9),
 *    which was reading as near-white. Header (.pt-site-header) and footer
 *    (.pt-site-footer) keep their own white --pt-surface background, so
 *    their design is untouched.
 * ------------------------------------------------------------------ */
html,
body {
	background-color: #FFF1E5; /* Financial Times warm cream */
}

/*
 * The theme sets `body { background: var(--pt-paper); }` (shorthand), which
 * can win over our background-color above due to specificity/order. Re-assert
 * the cream as the body background explicitly so it always shows.
 */
body {
	background: #FFF1E5;
}

/* The main content region is transparent so the cream shows through cleanly. */
.pt-site-main {
	background-color: transparent;
}

/* ------------------------------------------------------------------ *
 * 2. Very soft warm glow from the centre, layered over the cream.
 *    Fixed full-viewport pseudo-element, behind all content, never
 *    intercepts clicks. Kept gentle so it reads as ambient warmth, not
 *    a yellow wash.
 * ------------------------------------------------------------------ */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image: radial-gradient(circle at center, rgba(255, 249, 145, 0.28) 0%, rgba(255, 249, 145, 0) 65%);
	opacity: 1;
	mix-blend-mode: multiply;
}

/* ------------------------------------------------------------------ *
 * 3. Protect readability & images.
 *    Never let the glow blend into media.
 * ------------------------------------------------------------------ */
img,
video,
.wp-post-image,
.pt-card__image img,
.pt-video-card__image img {
	mix-blend-mode: normal;
}