/*
Theme Name: TZSVTAV
Theme URI: https://tzsvtav.hu
Author: TZSVTBand Kft.
Author URI: https://tzsvtav.hu
Description: Sötét, prémium, technológiai WordPress téma a TZSVTAV LED fal gyártó, bérlő és szerviz cég márkájához. Reszponzív, egyedi navigációs logikával, tipográfiai hierarchiával és integrációs helyekkel a katalógus, konfigurátor, szimulátor, ajánlatkérés, bérlés, referenciák és galériák számára. A téma nem tartalmaz kitalált adatot, árat, ügyfélvéleményt vagy műszaki adatot — a tartalmat a WordPress szerkesztőből kell kitölteni.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tzsvtav
Tags: dark, technology, business, b2b, led, responsive, custom-menu, custom-logo, featured-images, translation-ready, block-styles, wide-blocks
*/

/* A teljes vizuális rendszer az assets/css/theme.css fájlban van.
   Ez a fájl a WordPress téma-fejlécet és az alap-resetet tartalmazza. */

:root {
  /* Színvilág — a tzsvtav.hu design-tokenei alapján */
  --background: hsl(222 32% 4%);
  --foreground: hsl(210 25% 96%);
  --card: hsl(222 26% 7%);
  --card-foreground: hsl(210 25% 96%);
  --popover: hsl(222 30% 6%);
  --popover-foreground: hsl(210 25% 96%);
  --primary: hsl(351 78% 48%);
  --primary-foreground: hsl(0 0% 100%);
  --secondary: hsl(220 18% 12%);
  --secondary-foreground: hsl(210 25% 96%);
  --muted: hsl(220 18% 12%);
  --muted-foreground: hsl(215 15% 62%);
  --accent: hsl(220 18% 14%);
  --accent-foreground: hsl(210 25% 96%);
  --destructive: hsl(0 72% 51%);
  --border: hsl(220 15% 15%);
  --input: hsl(220 15% 18%);
  --ring: hsl(351 78% 48%);
  --radius: 0.625rem;

  --container: 80rem;
  --container-narrow: 56rem;
  --container-wide: 90rem;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  line-height: 1.6;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, video, svg { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
figure { margin: 0; }

::selection { background: hsl(var(--primary) / 0.35); color: var(--foreground); }

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}
.skip-link {
  position: absolute;
  left: 1rem; top: -3rem;
  z-index: 1000;
  padding: 0.6rem 1rem;
  background: var(--primary);
  color: var(--primary-foreground);
  border-radius: var(--radius);
  font-weight: 600;
  transition: top 0.2s ease;
}
.skip-link:focus { top: 1rem; }

.alignwide { max-width: var(--container-wide); }
.alignfull { max-width: 100%; }