/*
Theme Name: Anime Archiwum
Theme URI: http://animewatcharchiwum.pl
Description: Nowoczesny motyw archiwum anime z ciemnym schematem kolorystycznym
Version: 1.0.0
Author: Laki
Author URI: http://localhost
Text Domain: animearchiwum
Tags: anime, archive, dark, modern, responsive
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme is for personal use only.
*/

/* ===== GŁÓWNE STYLE MOTYWU ===== */
/* Wszystkie style znajdują się w folderze assets/css/ */

/* Normalize page background and remove default body margin to avoid white frame */
html {
	height: 100%;
	margin: 0;
	padding: 0;
	/* overflow-x: clip obcina treść wychwytującą poza viewport BEZ tworzenia nowego
	   scroll containera — dzięki temu position:sticky na headerze działa poprawnie.
	   NIE używamy overflow-x: hidden na html ani body, bo to łamie sticky i tworzy
	   podwójny scrollbar. */
	overflow-x: clip;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	/* WAŻNE: brak overflow-x: hidden/clip na body — to złamałoby position:sticky headera
	   i spowodowałoby drugi scrollbar (body stawałoby się osobnym scroll containerem). */
	background: #030305; /* match quantum header background */
	font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	color: #f8fafc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Make sure main site wrapper spans full width */
.site { width: 100%; }

/* Global background image behind all content — ostry obraz, bez filter:blur (unika pikselozy) */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	background-image: url('assets/images/WinterAnime.avif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	pointer-events: none;
}

/* Warstwa rozmywająca + lekkie przyciemnienie — backdrop-filter blur bez artefaktów */
body::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	backdrop-filter: blur(3px);
	background: rgba(63, 63, 70, 0.24);
	pointer-events: none;
}

/* Ensure transparent backgrounds where appropriate so the image is visible */
body, .site, #page, #content {
	background: transparent !important;
}