/* ========================================================== NYELVVÁLTÓ (language-switcher) ---------------------------------------------------------- HU/EN language toggle. How it works: - JS adds/removes .en on - A szövegtartalmat az i18n/*.json injektálja a [data-i18n] elemekbe elements by js/language-switcher.js (no CSS visibility toggling). ========================================================== */ /* ----- Felső sáv ----- */ .top-bar { display: flex; justify-content: flex-end; align-items: center; gap: 12px; padding: 22px 0 22px; flex-wrap: wrap; } /* ----- Nyelvváltó konténer ----- */ .language-switcher { display: inline-flex; border: 1px solid var(--color-panel-border); border-radius: 9px; overflow: hidden; background: rgba(8, 14, 30, .5); } /* ----- Egy-egy nyelv gomb ----- */ .language-button { font-family: var(--font-family-primary); font-weight: 600; font-size: 13px; letter-spacing: .06em; color: var(--color-muted); background: transparent; border: 0; padding: 9px 15px; cursor: pointer; transition: .2s; } .language-button.active { color: #fff; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); } /* ========================================================================== Cookie-banner (GA4 hozzájárulás) — portfólió stílus ========================================================================== */ #cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 2000; max-width: 560px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 16px 18px; background: rgba(10, 18, 38, .96); border: 1px solid var(--color-panel-border); border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, .45); backdrop-filter: blur(8px); } .cookie-banner-text { flex: 1 1 240px; margin: 0; font-family: var(--font-family-primary); font-size: 13px; line-height: 1.5; color: var(--color-text); } .cookie-banner-actions { display: flex; gap: 10px; flex-shrink: 0; } .cookie-btn { font-family: var(--font-family-primary); font-size: 13px; font-weight: 600; letter-spacing: .03em; padding: 9px 16px; border-radius: 8px; cursor: pointer; transition: .2s; border: 1px solid transparent; } .cookie-btn--decline { background: transparent; color: var(--color-muted); border-color: var(--color-panel-border); } .cookie-btn--decline:hover { color: #fff; } .cookie-btn--accept { background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); color: #fff; } .cookie-btn--accept:hover { filter: brightness(1.1); } @media (max-width: 480px) { #cookie-banner { flex-direction: column; align-items: stretch; } .cookie-banner-actions { justify-content: flex-end; } }