/*
Theme Name:   Foxhunter
Theme URI:    https://foxhunter.hu
Description:  A Foxhunter íjászbolt (Nyíregyháza) Storefront gyerektémája. A dizájn forrása Graphy prototípusa, amit Balázs és az ügyfél 2026-10-12-én jóváhagyott.
Author:       Webground Marketing
Author URI:   https://webground.hu
Template:     storefront
Version:      0.1.0
Requires at least: 6.5
Requires PHP: 8.0
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  foxhunter
*/

/* ------------------------------------------------------------------------- *
 * ARCULATI TOKENEK
 *
 * Az ertekek a prototipus sajat `:root` blokkjabol valok (proto/index.html),
 * nem szemre valasztva. Ami itt nincs, azt a Storefront adja.
 * ------------------------------------------------------------------------- */

:root {
	--paper:      #F3F3EE;
	--surface:    #FFFFFF;
	--ink:        #18201D;
	--muted:      #545D58;
	--line:       #D9DBD2;

	--pine:       #10302E;
	--pine-2:     #1B4643;
	--pine-ink:   #E9EFEA;
	--pine-muted: #A9BDB6;

	--fox:        #F5821F;
	--fox-ink:    #A34A04;
	--moss:       #4F5E37;

	--warn-bg:    #FFF4E5;
	--warn-ink:   #6B3A00;

	--r:          6px;
	--wrap:       1200px;

	/*
	 * A BETUK: EGYELORE CSAK A TARTALEK-KESZLET.
	 *
	 * A dontes az, hogy a ket betutipus a temaba BEAGYAZVA megy, Google CDN nelkul
	 * (adatvedelem: a latogato IP-je kulonben a Google-hoz megy, hozzajarulas elott is,
	 * es a sutikezelo nem fogja meg, mert nem suti). A woff2 fajlok MEG NINCSENEK a
	 * repoban, ezert itt most a prototipus SAJAT tartalek-keszlete all -- ugyanaz, amit
	 * a proto is megad a sajat `--f-disp` / `--f-body` soraiban.
	 *
	 * CDN-hivas NINCS es nem is lesz. Amikor a fajlok bekerulnek, a lenti @font-face
	 * blokk aktivalasa a teendo, es a nev bekerul a lista elejere.
	 * Reszletek: assets/fonts/README.md
	 */
	--f-disp: 'Arial Narrow', Arial, sans-serif;
	--f-body: -apple-system, 'Segoe UI', Arial, sans-serif;
}

/* ------------------------------------------------------------------------- *
 * @font-face -- AKTIVALNI, AMIKOR A woff2 FAJLOK BEKERULNEK
 *
 * Szandekosan kommentben all: egy @font-face, aminek a fajlja nincs ott, 404-et
 * generál minden lapletoltesen, es a halozati fulon zajt csinal.
 * ------------------------------------------------------------------------- *

@font-face {
	font-family: 'Bricolage Grotesque';
	src: url('assets/fonts/bricolage-grotesque.woff2') format('woff2');
	font-weight: 600 800;
	font-display: swap;
}

@font-face {
	font-family: 'Albert Sans';
	src: url('assets/fonts/albert-sans.woff2') format('woff2');
	font-weight: 400 700;
	font-display: swap;
}

 * ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- *
 * ALAP
 * ------------------------------------------------------------------------- */

body {
	background-color: var(--paper);
	color: var(--ink);
	font-family: var(--f-body);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.woocommerce-loop-product__title {
	font-family: var(--f-disp);
	color: var(--ink);
}

a {
	color: var(--pine-2);
}

/*
 * A HOVER KAPU ALATT VAN. Erintokepernyon a koppintas hover-t sut el, es a
 * kiemelt allapot BERAGAD, amig mashova nem nyulnak. A todiszerszam temajaban
 * 36 hover szabalybol 0 volt kapu mogott; ezt a hibat itt nem ismetlem meg.
 */
@media (hover: hover) and (pointer: fine) {
	a:hover {
		color: var(--fox-ink);
	}
}

/* Nyomas-visszajelzes: enelkul a koppintas "nem tortent semmi"-nek erzodik. */
.button,
button,
input[type="submit"] {
	transition: transform 160ms ease-out, background-color 160ms ease-out;
}

.button:active,
button:active,
input[type="submit"]:active {
	transform: scale(0.97);
}

/* ------------------------------------------------------------------------- *
 * FEJLEC
 *
 * A Storefront fejlece MAR tartalmazza a prototipus negy elemet: markajelzes
 * (20), masodlagos menu (30), termek-kereso (40), fo menu (50), kosar (60) --
 * a horog-szamok a szulo tema inc/storefront-template-hooks.php-jabol valok.
 * Ezert itt NEM sablont irunk felul, csak szinezzuk es tipografiazzuk.
 * ------------------------------------------------------------------------- */

.site-header {
	background-color: var(--pine);
	border-bottom: 3px solid var(--fox);
	color: var(--pine-ink);
	padding-top: 1.618em;
	padding-bottom: 1em;
}

.site-header,
.site-header a:not(.button) {
	color: var(--pine-ink);
}

.site-header .site-title a {
	font-family: var(--f-disp);
	letter-spacing: 0.02em;
}

/*
 * A SZLOGEN A MARKA ALATT: a prototipusban az IJASZBOLT es a NYIREGYHAZA szo all a nev
 * alatt, kozeppont-valasztoval, kisebb es halkabb szinnel.
 */
.site-header .site-description {
	color: var(--pine-muted);
	font-size: 0.75em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.main-navigation ul li a {
	font-family: var(--f-disp);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

/* A kosar-szamlalo a prototipus narancs jelzese. */
.site-header-cart .cart-contents .count {
	background-color: var(--fox);
	color: var(--pine);
	border-radius: 999px;
	padding: 0 0.45em;
	font-weight: 700;
}

/* ------------------------------------------------------------------------- *
 * LABLEC
 *
 * A tartalmat a `foxhunter_lablec()` adja (functions.php), a brief MERT
 * tenyeibol. A Storefront sajat widget-lableceze es a "credit" sora le van
 * veve, mert a prototipus negy hasabot ir elo.
 * ------------------------------------------------------------------------- */

.site-footer {
	background-color: var(--pine);
	color: var(--pine-ink);
	border-top: 3px solid var(--fox);
}

/*
 * A TELJES DOM-UT SZANDEKOS. A Storefront Customizer lablec-szabalya
 * `.site-footer a:not(.button):not(.components-button)`, ami (0,3,1)
 * specificitas -- a ket `:not()` ugyanis EGY-EGY osztalynyit ad. Egy rovidebb
 * sajat szabaly alulmaradna, es a link szine VALTOZATLAN maradna, mikozben a
 * stiluslapban ott all a javitas.
 */
.site-footer .fx-lablec a:not(.button) {
	color: var(--pine-ink);
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	.site-footer .fx-lablec a:not(.button):hover {
		color: var(--fox);
		text-decoration: underline;
	}
}

.fx-lablec {
	display: grid;
	gap: 2em;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	padding: 2em 0;
}

/*
 * A CLEARFIX PSZEUDO-ELEM RACSON ELEMME VALIK. A `.col-full` `::before` es
 * `::after` clearfixet visel; amig a konténer `block`, ez lathatatlan, de racson
 * ELFOGLALJA AZ ELSO CELLAT. Itt a sajat racs a `.fx-lablec`, nem a `.col-full`,
 * tehat nem erint minket -- a megjegyzes azert all itt, mert a kovetkezo kor
 * (fooldal) racsot tesz a `.col-full`-ba, es ott MERNI kell.
 */

.fx-lablec h4 {
	font-family: var(--f-disp);
	color: #FFFFFF;
	margin: 0 0 0.5em;
	font-size: 1em;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.fx-lablec a {
	display: block;
	padding: 0.15em 0;
}

.fx-lablec__cim,
.fx-lablec__elerheto {
	color: var(--pine-muted);
	line-height: 1.6;
}

.fx-lablec__elerheto {
	margin-top: 0.5em;
}