/*
Theme Name: ROOFTON
Theme URI: https://roofton.sk
Author: ROOFTON
Description: Vlastná téma pre ROOFTON – špecialistu na fúkanú izoláciu. Vyžaduje plugin ROOFTON Core.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: roofton
*/

/* Vzhľad zabezpečuje assets/css/theme.css (skompilovaný Tailwind).
   Tu sú len doplnky pre výstup WordPressu (menu, stránkovanie, editor obsahu). */

/* ---------- Odhaľovanie pri scrollovaní ---------- */
.reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	transition-delay: var(--reveal-delay, 0ms);
}
.reveal.is-visible {
	opacity: 1;
	transform: none;
}
@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ---------- Hlavička ---------- */
#site-header.is-scrolled {
	box-shadow: 0 1px 0 0 var(--border), 0 10px 30px -22px rgb(0 0 0 / 0.5);
}

html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ---------- Hlavné menu (wp_nav_menu) ---------- */
#site-header nav a {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--foreground);
	transition: color 0.2s ease;
}
#site-header nav a:hover,
#site-header nav .current-menu-item > a,
#site-header nav .current_page_item > a {
	color: var(--brand-dark, var(--primary));
}

.roofton-mobile-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.roofton-mobile-menu a {
	display: block;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--border);
}

/* ---------- Menu v pätičke ---------- */
.roofton-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.roofton-footer-menu a {
	display: block;
	padding: 0.25rem 0;
	font-size: 0.875rem;
	opacity: 0.75;
	transition: opacity 0.2s ease;
}
.roofton-footer-menu a:hover {
	opacity: 1;
}

/* ---------- Stránkovanie ---------- */
.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 2.5rem;
	height: 2.5rem;
	padding: 0 0.75rem;
	border: 1px solid var(--border);
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--primary-foreground);
}
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* ---------- Obsah z editora ---------- */
.wp-content > * + * {
	margin-top: 1rem;
}
.wp-content h2,
.wp-content h3,
.wp-content h4 {
	color: var(--foreground);
	font-family: var(--font-display, inherit);
	font-weight: 800;
	line-height: 1.2;
	margin-top: 2rem;
}
.wp-content h2 {
	font-size: 1.5rem;
}
.wp-content h3 {
	font-size: 1.125rem;
}
.wp-content h4 {
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.wp-content a {
	color: var(--brand-dark, var(--primary));
	text-decoration: underline;
}
.wp-content ul,
.wp-content ol {
	padding-left: 1.25rem;
}
.wp-content ul {
	list-style: disc;
}
.wp-content ol {
	list-style: decimal;
}
.wp-content li + li {
	margin-top: 0.375rem;
}
.wp-content blockquote {
	border-left: 2px solid var(--primary);
	padding-left: 1.25rem;
	font-style: italic;
}
.wp-content img,
.wp-content figure img {
	border-radius: 4px;
	height: auto;
	max-width: 100%;
}
.wp-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
}
.wp-content th,
.wp-content td {
	border: 1px solid var(--border);
	padding: 0.625rem 0.75rem;
	text-align: left;
}
.wp-content code {
	background: var(--secondary);
	border-radius: 3px;
	padding: 0.125rem 0.35rem;
	font-size: 0.85em;
}