/*
Theme Name: EightPulse Child
Theme URI: https://nagyvasakharca.hu
Description: Child theme az EightPulse (WolfThemes) sablonhoz. Minden egyedi CSS es PHP modositas IDE keruljon, hogy a szulo tema frissitese ne irja felul.
Author: nagyvasakharca.hu
Template: eightpulse
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eightpulse-child
*/

/* ------------------------------------------------------------------
   FONTOS: a szulo tema mar betolti ezt a fajlt.
   Az inc/frontend/styles.php:111 sorban:
       wp_enqueue_style( 'eightpulse-default', get_stylesheet_uri(), ... );
   A get_stylesheet_uri() aktiv child temanal EZT a style.css-t adja vissza,
   ezert a child functions.php-ban NEM kell ujra betolteni - dupla betoltes lenne.
   ------------------------------------------------------------------ */

/* ==================================================================
   DESKTOP MENUSAV JAVITAS
   ------------------------------------------------------------------
   Diagnozis (merve 2026-08-17, 1440px es 1280px viewporton):

   1) A sticky sav atlatszo volt.
      A body osztalya "menu-style-absolute" (Customizer > Navigation >
      Main Menu Style = "Transparent"), de a szulo tema CSS-e ezt az
      erteket NEM ismeri - csak .menu-style-transparent / -solid /
      -solid-dark / -solid-light / -semi-transparent-* szabalyai vannak.
      Ezert egyetlen szabaly sem festette ki a savot. Ez a szulo tema
      hibaja (inc/theme-functions.php:4525 az ertek 'absolute', a CSS
      viszont 'transparent'-et var). A "Solid" beallitas sem segit: a
      tema csak .nav-bar-has-bg.sticking eseten fest hattert, azt pedig
      kizarolag egy Customizerben beallitott nav-bar HATTERKEP kapcsolja
      be. Ezert itt, a child temaban festjuk ki.

   2) A mobil hamburger asztali nezetben is latszott.
      Ez a "side panel" hamburger (side_panel_position = right). Kezelve
      a functions.php-ban, a hookot ott vesszuk ki - ez itt csak biztositek
      arra az esetre, ha a PHP-oldali javitas valamiert nem fut le.
   ================================================================== */

/* --- 0. A menu 5 masodperces kesese ------------------------------- */
/*
   Tunet: a menusav minden oldalletoltesnel kb. 5 masodpercig lathatatlan.

   Ok: a szulo tema elrejti a savot, amig a betukeszletek be nem toltenek:
       #nav-bar { opacity: 0 }                      (build/styles.css:1075)
       .menu-font-loaded #nav-bar { opacity: 1 }    (build/styles.css:5732)
   a 'menu-font-loaded' osztalyt pedig a build/app.js teszi a body-ra:

       menuFont     = new FontFaceObserver( params.menuFontFamily );  // "Gabarito"
       menuIconFont = new FontFaceObserver( 'Linearicons-Free' );
       Promise.all([ menuFont.load(), menuIconFont.load() ]).then(function(){
           document.body.classList.add('menu-font-loaded');
       });
       // + fallback: setTimeout( ..., 5000 )

   MINDKET figyelt betukeszlet garantaltan idotullepesbe fut (merve az elo
   oldalon, 2026-08-17):

     - Gabarito: NINCS hozza egyetlen @font-face sem az oldalon
       (document.fonts-ban 0 db Gabarito face). A menu deklaralja a
       "font-family: Gabarito"-t, de a bongeszo alapertelmezett betujevel
       rajzolja - tehat nincs mire varni.

     - Linearicons-Free: betoltodik es mukodik, DE ikonfont. A
       FontFaceObserver a "BESbswy" tesztszoveg szelessegvaltozasabol
       ismeri fel a fontot, egy ikonfontban viszont ezekhez a betukhoz
       nincs glif. Merve: a "BESbswy" szelessege Linearicons-Free-vel
       PONTOSAN annyi, mint a tartalek betuvel (394.53 / 427.93 / 421.44 px
       serif / sans-serif / monospace mellett) -> a valtozas sosem kovetkezik
       be, az observer sosem oldodik fel.

   Ezert a Promise.all 3000 ms-nel elhasal (konzol: "Error: 3000ms timeout
   exceeded"), a .then() sosem fut le, es a savot vegul csak az 5000 ms-os
   biztonsagi idozito jeleniti meg.

   Javitas: nem varunk a fontra. Nincs kockazata: a menu betuje ugyis a
   tartalek betukeszlet (Gabarito nem toltodik be), tehat nincs betucsere,
   amit el kellene rejteni.
*/
#nav-bar {
	opacity: 1 !important;
}

/* --- 1. A sticky menusav hattere ---------------------------------- */
/*
   Miert atmenet (gradiens) es nem tomor szin?

   Az oldal tartalma szandekosan a menu ALA van epitve: a #content top:0-nal
   kezdodik, es a fooldal elso Elementor szekcioja teljes kepernyos (900px)
   hattervideos hero. A tema menu-style-absolute ("Transparent") beallitasa
   epp ezt az overlay-hatast szolgalja - a menu a hero folott lebeg.

   Egy tomor hattersav ezert LETAKARJA a hero felso 98 pixelet: a videobol
   levag egy csikot, es eles vonallal kettevagja a kepet. (Ugyanezt okozta a
   backdrop-filter is: az az elem TELJES teglalapjara hat, a hattere
   atlatszosagatol fuggetlenul, tehat eles szelu elmosott savot rajzol.)

   Megoldas: fentrol lefele halvanyulo atmenet. A menuszoveg magassagaban
   (a sav felso ketharmada) szinte tomor, tehat jol olvashato barmilyen
   hatteren, a sav alja viszont teljesen atlatszo - igy a hero vegig latszik,
   es nincs eles vagovonal. Elrendezes nem valtozik, tartalom nem csuszik el.

   Alapszin: az oldal hattere rgb(28,37,37), ennel egy arnyalattal sotetebb.
*/
#nav-bar {
	background-color: transparent !important;
	background-image: linear-gradient(
		180deg,
		rgba( 20, 27, 27, 0.95 ) 0%,
		rgba( 20, 27, 27, 0.88 ) 55%,
		rgba( 20, 27, 27, 0 ) 100%
	) !important;
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	border-bottom: none !important;
}

/* Amikor a mobil menu panel nyitva van, a sav maradjon atlatszo -
   igy a tema sajat overlay-e nem kap dupla hatteret. */
body.mobile-menu-toggle #nav-bar,
body.overlay-menu-toggle #nav-bar {
	background-image: none !important;
}

/* --- 2. Biztositek: nincs side-panel hamburger asztali nezetben --- */
/* Az elsodleges javitas a functions.php-ban van (remove_all_actions). */
#desktop-navigation .cta-container:has( .side-panel-hamburger ) {
	display: none !important;
}

/* --- 3. A ket sorba tores -----------------------------------------
   MEGOLDVA, es NEM CSS-sel: a menu tartalma lett atrendezve almenukbe
   (Megjelenes > Menuk), 9 fomenupontrol 6-ra.

   Miert nem volt CSS-megoldas: merve 1440px-en a 9 menupont 1677px-t
   igenyelt, a rendelkezesre allo hely viszont 1113px volt (1280px-en
   mindossze 953px). Meg 9px-es paddingre huzva es a betukozt levive is
   1380px kellett volna - semmilyen szelesseg- vagy betumeret-allitas nem
   fert volna bele olvashato meretben.

   A 6 fomenupont mar befer - de NEM a tema eredeti 20px-es tetelkozevel.
   A tema mobil toresponja 1100px (menu_breakpoint, inc/frontend/scripts.php:87),
   tehat a LEGSZUKEBB asztali nezet kb. 1110px. Ott merve:

       rendelkezesre allo hely:            783px
       20px padding -> 838px  -> 2 sor  (meg mindig torik!)
       16px padding -> 790px  -> 2 sor
       14px padding -> 766px  -> 1 sor  (csak 17px tartalek)
       12px padding -> 742px  -> 1 sor  (41px tartalek)  <- ez van beallitva

   Ezert marad a szukebb tetelkoz. 1440px-en bosegesen elfer, 1110px-en
   is van tartalek. Ha ujabb fomenupont kerul be, ELOSZOR 1110px-en
   ellenorizd - ott torik el eloszor, nem a szeles kepernyon. */
#site-navigation-primary-desktop > li > a {
	padding-left: 12px;
	padding-right: 12px;
}