/*
Theme Name: Növénymánia
Theme URI: https://novenymania.local
Author: Növénymánia
Description: UX/UI kifogástalan kertészeti magazin WordPress téma. Időjárás modul, kategória ajánlók, reszponzív hamburger menü.
Version: 1.0.0
Requires at least: 5.9
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: novenymania
*/

/* Reszponzív menü: 1000px alatt hamburger */
@media (max-width: 1000px) {
	.nov-menu-desktop { display: none !important; }
	.nov-menu-toggle { display: flex !important; }
}
@media (min-width: 1001px) {
	.nov-menu-desktop { display: flex !important; }
	.nov-menu-toggle { display: none !important; }
	.nov-mobile-nav { display: none !important; }
}

/* Mobil navigáció (hamburger menü) */
.nov-mobile-nav {
	position: fixed;
	top: 0;
	right: -100%;
	width: min(320px, 90vw);
	height: 100vh;
	background: #fff;
	box-shadow: -4px 0 20px rgba(0,0,0,.1);
	z-index: 40;
	transition: right 0.3s ease;
	overflow-y: auto;
	padding: 5rem 1.5rem 2rem;
}
.nov-mobile-nav.is-open { right: 0; }
.nov-mobile-overlay {
	position: fixed;
	inset: 0;
	background: rgba(27, 67, 50, 0.3);
	z-index: 35;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}
.nov-mobile-overlay.is-open { opacity: 1; visibility: visible; }

/* Kereső: gomb mindig kattintható – rejtett dropdown és ikon ne fogja el a kattintást */
.nov-search-wrap { position: relative; z-index: 60; }
#nov-search-btn { position: relative; z-index: 61; cursor: pointer; }
#nov-search-btn *,
#nov-search-btn svg { pointer-events: none; }
.nov-search-dropdown { pointer-events: none; }
.nov-search-dropdown.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.nov-mobile-nav a { display: block; padding: 0.75rem 0; font-weight: 500; color: #1b4332; border-bottom: 1px solid #d8f3dc; }
.nov-mobile-nav a:hover { color: #f77f00; }

/* Asztali menü lista (wp_nav_menu) */
.nov-menu-desktop ul { display: flex; flex-wrap: wrap; align-items: center; gap: 2rem; list-style: none; margin: 0; padding: 0; }
.nov-menu-desktop ul li { margin: 0; }
.nov-menu-desktop a { color: inherit; text-decoration: none; }
.nov-menu-desktop .current-menu-item a { color: #f77f00; font-weight: 700; border-bottom: 2px solid #f77f00; padding-bottom: 2px; }

/* Body alapok (design egyezés) */
body { background-color: #fcfaf8; color: #1b4332; }
.card-zoom-image { transition: transform 0.5s ease; }
.article-card:hover .card-zoom-image { transform: scale(1.05); }
.text-hover-orange { transition: color 0.3s ease; }
.article-card:hover .text-hover-orange,
a:hover .text-hover-orange { color: #f77f00; }

/* Görgetősáv */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #fcfaf8; }
::-webkit-scrollbar-thumb { background: #2d6a4f; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #1b4332; }

/* Line clamp utility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Cikk tartalom (single) – tipográfia */
.post-content p { margin-bottom: 1.5rem; line-height: 1.8; font-size: 1.125rem; color: #374151; }
.post-content h2 { font-family: 'Fraunces', serif; font-size: 2rem; font-weight: 700; color: #1b4332; margin-top: 3rem; margin-bottom: 1rem; line-height: 1.2; }
.post-content h3 { font-family: 'Fraunces', serif; font-size: 1.5rem; font-weight: 700; color: #1b4332; margin-top: 2rem; margin-bottom: 1rem; }
.post-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; font-size: 1.125rem; color: #374151; line-height: 1.8; }
.post-content li { margin-bottom: 0.5rem; }
.post-content blockquote { border-left: 4px solid #f77f00; padding: 1.5rem; margin: 2rem 0; background-color: rgba(216, 243, 220, 0.3); border-radius: 0 1rem 1rem 0; font-family: 'Fraunces', serif; font-size: 1.5rem; font-style: italic; color: #1b4332; line-height: 1.4; }
.post-content img { border-radius: 1rem; margin: 1.5rem 0; max-width: 100%; height: auto; }