/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 2.0.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* ========================================================= GOLDENCUT — design system tokens 1:1 a frontend-mockup/styles.css :root blokkjából, forrás: ~/Work/goldencut (elfogadott mockup repo). Ne módosítsd itt egyedül — a mockupban változtass előbb, aztán szinkronizáld. ========================================================= */ :root { /* Surfaces */ --bg: #050607; --bg-2: #0b1a14; --bg-3: #03100b; --panel: #0e1a15; --panel-2: #11231b; /* Ink */ --ink: #f4f3ee; --ink-soft: #c9cdc7; --ink-dim: #8a938c; /* Accent — bronze / gold */ --gold: #d2bc73; --gold-deep: #b89b4e; --gold-soft: rgba(210, 188, 115, 0.16); /* Greens */ --green: #5a9165; --green-dim: #44704d; --line: rgba(210, 188, 115, 0.18); --line-soft: rgba(244, 243, 238, 0.08); --maxw: 1240px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --f-display: "Fraunces", Georgia, serif; --f-body: "Manrope", system-ui, sans-serif; } html { scroll-behavior: smooth; } /* A mockup alap betűmérete 1rem minden breakpointon; az Elementor Kit tablet-tipográfiája 0.96rem-re csökkenti, ami minden em-alapú méretet arányosan elcsúsztat. */ body.cat-page, body.product-page { font-size: 1rem !important; } /* A mockup globális "img { display:block; max-width:100% }" szabálya; a WP-ben eddig csak a .bg-plant-scroll (front page) alá volt szűkítve, ezért a láblécben az inline kép baseline-rése 7px-szel megnövelte a brand-blokkot (480px-en 113px a mockup 106px-e helyett). A saját sablonjaink gyökereire szűkítve, hogy plugin-UI-kat ne érintsen. */ .site-header img, .site-footer img, .cat-page img { display: block; max-width: 100%; } /* ========================================================= GLOBÁLIS ATMOSZFÉRA — grain + vignette A mockup -jának első két eleme; a functions.php (wp_body_open) írja ki minden nem-front-page sablonon. Korábban ezek a szabályok a .bg-plant-scroll (csak front page) body-classra voltak szűkítve, ezért a listaoldalon egyáltalán nem érvényesültek — a WP-oldal láthatóan világosabb/laposabb volt. ========================================================= */ .grain { position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: 0.045; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: overlay; } .vignette { position: fixed; inset: 0; z-index: 9998; pointer-events: none; box-shadow: inset 0 0 220px 60px rgba(0,0,0,0.6); } /* Reveal-alapszabályok (mockup styles.css) — a .in class-t az archive.js adja */ .js-reveal .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.9s var(--ease), transform 0.9s var(--ease); } .js-reveal .reveal.in { opacity: 1; transform: none; } .js-reveal .reveal[data-delay="1"] { transition-delay: .08s; } .js-reveal .reveal[data-delay="2"] { transition-delay: .16s; } .js-reveal .reveal[data-delay="3"] { transition-delay: .24s; } .js-reveal .reveal[data-delay="4"] { transition-delay: .32s; } /* Görgetősáv: az Elementor Kit egyedi 8px-es sávot ad (inline