/*
Theme Name: Locomotive CEE
Description: Natív WordPress téma a Locomotive CEE Claude Design exportjából. Nem Implicit OS-alapú — sima style.css / functions.php / page template-ek.
Author: Explicit Design Agency
Version: 1.0.0
Text Domain: locomotive-cee
*/

/* ===== Az eredeti exportban minden .dc.html <head>-jében szereplő, oldalanként
   ismétlődő <style> blokk 1:1 idehozva (a Fooldal/Home hero-specifikus
   kiegészítő kulcskeretei és a References/Referenciak [data-refgrid] media
   query-je ártalmatlanul benne maradhat minden oldalon, mert csak a megfelelő
   data-attribútummal rendelkező elemre hatnak). ===== */

html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; -webkit-font-smoothing: antialiased; }
a { color: #004294; text-decoration: none; }
a:hover { color: #002f6b; }
* { text-wrap: pretty; }

html[data-first] [data-cover] { display: none !important; }
html[data-first] [data-cover] { animation: none !important; }
@keyframes coverUp { from { transform: translateY(0); } to { transform: translateY(-100%); } }
[data-cover] { position: fixed; inset: 0; z-index: 9998; background: #004294; pointer-events: none; animation: coverUp .62s cubic-bezier(.7,0,.2,1) 40ms both; }
@media (prefers-reduced-motion: reduce) { [data-cover] { display: none; } }

@keyframes headerDrop { from { transform: translateY(-100%); } to { transform: translateY(0); } }
[data-header] { animation: headerDrop .7s cubic-bezier(.22,.61,.36,1) 180ms both; }
@media (prefers-reduced-motion: reduce) { [data-header] { animation: none !important; } }

[data-nav][data-current] { color: #004294 !important; font-weight: 600 !important; border-bottom-color: #004294 !important; }
[data-nav][data-cta][data-current] { background: #002f6b !important; color: #ffffff !important; }

@media (max-width: 999px) { [data-desktop-nav] { display: none !important; } [data-burger] { display: flex !important; } }

.sc-host, dc-import, x-dc-placeholder, [data-dc-placeholder] { background: #ffffff !important; background-image: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; min-height: 0 !important; }

/* Home/Fooldal hero animációk (csak a data-hero-anim/data-hero-video elemekre hatnak, más oldalon nincs ilyen elem) */
@keyframes heroUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes heroLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes heroWipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes heroZoom { from { transform: scale(1.16); } to { transform: scale(1); } }
[data-row-fill] { clip-path: inset(0 100% 0 0); transition: clip-path .5s cubic-bezier(.22,.61,.36,1); }
[data-row]:hover [data-row-fill] { clip-path: inset(0 0 0 0); }
[data-card] { transition: transform .45s cubic-bezier(.22,.61,.36,1); }
[data-card]:hover { transform: translateY(-25px); }
@keyframes drawLine { to { stroke-dashoffset: 0; } }
@keyframes iconWipe { 0% { clip-path: inset(0 0 0 0); } 45% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); } }
[data-svc-icon] { transition: transform .4s cubic-bezier(.22,.61,.36,1); transform-origin: center; }
[data-svc]:hover [data-svc-icon] { transform: scale(1.12); animation: iconWipe .55s cubic-bezier(.22,.61,.36,1) both; }
@media (prefers-reduced-motion: reduce) { [data-hero-anim], [data-svc]:hover [data-svc-icon] { animation: none !important; } }

/* Referenciák/References rács — mobilon egy oszlop */
@media (max-width: 767px) { [data-refgrid] { grid-template-columns: minmax(0, 1fr) !important; } }

/* ===== Az eredeti style-hover / style-focus attribútumokból generált osztályok
   (a dc-runtime ezeket futásidőben JS-sel oldotta fel; natív WP-ben valódi
   :hover / :focus szabályként visszük át, az eredeti értékekkel). ===== */
.loco-hv-navy:hover { background: #002f6b; }
.loco-hv-blue:hover { background: #004294; }
.loco-hv-text:hover { color: #004294; }
.loco-fc-input:focus { outline: none; box-shadow: inset 0 0 0 1px #004294; }
.loco-hv-fade:hover { opacity: 0.55; }
.loco-hv-flat-accept:hover { background: #004294; color: #ffffff; }

/* Mobil hamburger menü — alapból rejtve, JS-sel (LocoUI.toggleNav) kapcsolva */
[data-mobile-nav] { display: none; }
[data-mobile-nav].is-open { display: flex !important; }

/* WordPress admin-sáv kompenzáció: bejelentkezve az admin-sáv (#wpadminbar)
   szintén fixen a tetején ül, és lenyomja a body tartalmát (html margin-top).
   A mi fix fejlécünket ugyanennyivel lejjebb kell tolni, különben a fejléc és
   a tartalom (padding-top: 82px) között üres sáv keletkezik. */
body.admin-bar [data-header] { top: 32px !important; }
@media screen and (max-width: 782px) {
	body.admin-bar [data-header] { top: 46px !important; }
}

/* Referenciaszűrő aktív tab — a data-active attribútumot a LocoUI.filterRefs állítja */
[data-ref-tab] { color: #979797; }
[data-ref-tab][data-active="1"] { color: #111111; }
