/*
Theme Name: Hirdetések Portál
Theme URI: https://xaxino.hu
Description: Modern, 3D-hatású, hirdetés-központú WordPress téma. Önálló hirdetésportálokhoz, a Hirdetések (Jófogás klón) pluginhez optimalizálva.
Version: 1.0.0
Author: hurda csaba
Author URI: https://xaxino.hu
Requires at least: 6.0
Tested up to: 6.4
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: hirdetesek-theme
*/

:root {
	--3d-bg: #f3f4ff;
	--3d-deep: #e0e7ff;
	--3d-surface: #ffffff;
	--3d-panel: #ffffff;
	--3d-elevated: #e5f3ff;
	--3d-border: rgba(15,23,42,0.1);
	--3d-border-strong: rgba(15,23,42,0.2);
	--3d-glow: rgba(59,130,246,0.25);
	--3d-text: #0f172a;
	--3d-muted: #64748b;
	--3d-pale: #f9fafb;
	--3d-radius: 16px;
	--3d-radius-sm: 10px;
	--content-max: min(1320px, 96vw);
	--font-head: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
	background: radial-gradient(circle at top, #e0f2fe 0, #f9fafb 50%, #e5e7eb 100%);
	color: var(--3d-text);
	font-family: var(--font-body);
}

a {
	color: #22c55e;
	text-decoration: none;
}

a:hover {
	color: #4ade80;
}

.site-header,
.site-footer {
	background: #ffffff;
	border-bottom: 1px solid rgba(148,163,184,0.4);
}

.site-main {
	max-width: var(--content-max);
	margin: 0 auto;
	padding: 1.5rem 1.5rem 3rem;
}

/* Vízszintes felső menü */
.nav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 1.25rem;
	align-items: center;
}

.nav-menu li {
	margin: 0;
}

.nav-menu a {
	font-size: 0.95rem;
	color: #0f172a;
	text-decoration: none;
	font-weight: 500;
}

.nav-menu a:hover {
	color: #2563eb;
}

html {
	scroll-behavior: smooth;
}

.back-to-top {
	color: #2563eb;
	text-decoration: none;
}

.back-to-top:hover {
	text-decoration: underline;
}

/* Cookie sáv */
.cookie-banner {
	position: fixed;
	left: 50%;
	bottom: 1.5rem;
	transform: translateX(-50%);
	max-width: min(600px, 94vw);
	background: #0f172a;
	color: #e5e7eb;
	border-radius: 999px;
	padding: 0.65rem 1rem;
	box-shadow: 0 12px 30px rgba(15,23,42,0.5);
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.85rem;
	z-index: 9999;
}
.cookie-banner-text {
	flex: 1;
}
.cookie-banner button {
	border: none;
	border-radius: 999px;
	padding: 0.4rem 0.9rem;
	font-size: 0.85rem;
	cursor: pointer;
}
.cookie-banner-accept {
	background: #22c55e;
	color: #022c22;
}
.cookie-banner-more {
	background: transparent;
	color: #e5e7eb;
	text-decoration: underline;
}
.cookie-banner a {
	color: #a5b4fc;
	text-decoration: underline;
}