/* Theme Name: Arena Casino Theme URI: https://arenacasino.al Author: Arena Casino Author URI: https://arenacasino.al Description: Temë WordPress custom për Arena Casino — një kazino moderne me estetikë të errët dhe të artë. Version: 1.2.0 Requires at least: 5.9 Requires PHP: 7.4 Text Domain: arena-casino */ /* -------------------------------------------------- */ /* CSS Variables — paleta dhe fontet e temës */ /* -------------------------------------------------- */ :root { /* Ngjyrat */ --color-bg: #0a0a0a; --color-bg-alt: #141210; --color-bg-elevated: #1c1a17; --color-gold: #c9a24b; --color-gold-light: #e4c877; --color-white: #ffffff; --color-text: #f5f3ef; --color-text-muted: rgba(245, 243, 239, 0.7); --color-border: rgba(201, 162, 75, 0.25); --color-overlay-dark: rgba(10, 10, 10, 0.85); /* Fixed, never overridden by light mode — the header nav sits on its own permanently-dark background (a video overlay gradient + a dark pill/dropdown), so its own text needs a permanently-light color (--color-white) and a permanently-dark one for text on its gold hover/active state (--color-header-ink), regardless of site theme. */ --color-header-ink: #141210; /* Fontet — Cormorant Garamond përdoret në gjithë faqen */ --font-serif: 'Cormorant Garamond', 'Times New Roman', serif; --font-sans: 'Cormorant Garamond', 'Times New Roman', serif; /* Layout */ --container-width: 1320px; /* Kontejner më i gjerë — përdoret vetëm nga layout-et me grid/karusel fotosh (photo-collage, explore tabs, page-intro), jo si zëvendësim i --container-width. */ --container-width-wide: 1400px; --header-height: 96px; --radius-pill: 999px; --radius-sm: 6px; --radius-md: 10px; --transition-base: 0.3s ease; /* Sa distancë scroll-i i jepet animacionit të hero-s (Apple-style scrub) — sa më e vogël, aq më "shpejt" duket se lëviz videoja gjatë scroll-it. */ --hero-scrub-length: 400vh; } /* Light mode — toggled via the header icon (assets/js/main.js sets data-theme on and persists the choice in localStorage; the inline snippet in header.php applies a saved choice before first paint so there's no flash of the wrong theme). Dark (the :root values above) stays the default whenever nothing has been chosen yet. --color-overlay-dark is deliberately NOT overridden here — it darkens the hero video for text legibility, which the video itself still needs regardless of which chrome theme is active. */ html[data-theme="light"] { --color-bg: #f3ede4; --color-bg-alt: #ece4d6; --color-bg-elevated: #e3d9c7; --color-text: #1c1815; --color-text-muted: rgba(28, 24, 21, 0.65); --color-border: rgba(28, 24, 21, 0.18); } /* Reset minimal — stilet e plota gjenden te assets/css/main.css */ *, *::before, *::after { box-sizing: border-box; } body { background-color: var(--color-bg); color: var(--color-text); font-family: var(--font-sans); margin: 0; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; }