/* ==========================================================================
   NGW Studio — süti sáv
   --------------------------------------------------------------------------
   Önálló stíluslap, hogy az eredeti oldal saját CSS-éhez ne kelljen
   hozzányúlni. A színek az oldal arculatát követik.
   ========================================================================== */
.ngw-cookie {
  position: fixed;
  left: 16px; right: 16px; bottom: 16px;
  z-index: 9999;
  max-width: 620px;
  margin-inline: auto;
  background: rgba(12, 12, 22, .97);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .65);
  color: #e8eaf2;
  font-family: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  transform: translateY(140%);
  opacity: 0;
  transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .4s ease;
}
.ngw-cookie.is-open { transform: none; opacity: 1; }
.ngw-cookie h2 { font-size: 1.08rem; margin: 0 0 8px; font-weight: 700; color: #fff; }
.ngw-cookie p { font-size: .88rem; line-height: 1.6; margin: 0 0 16px; color: #a3a9bd; }
.ngw-cookie a { color: #22d3ee; text-decoration: underline; text-underline-offset: 2px; }
.ngw-cookie a:hover { color: #a855f7; }

.ngw-cookie__actions { display: flex; flex-wrap: wrap; gap: 10px; }
/* Az elfogadás és az elutasítás azonos súlyú — a visszautasítás nem lehet
   nehezebb, mint a hozzájárulás. */
.ngw-cookie__btn {
  flex: 1 1 auto; min-width: 150px;
  padding: 12px 20px;
  border-radius: 100px;
  font: inherit; font-size: .82rem; font-weight: 700;
  cursor: pointer;
  border: 1px solid transparent;
  transition: filter .25s ease, background .25s ease, transform .25s ease;
}
.ngw-cookie__btn--primary {
  background: linear-gradient(110deg, #a855f7, #22d3ee);
  color: #0a0a14;
}
.ngw-cookie__btn--primary:hover { filter: brightness(1.1); transform: translateY(-1px); }
.ngw-cookie__btn--ghost {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .18);
  color: #e8eaf2;
}
.ngw-cookie__btn--ghost:hover { background: rgba(255, 255, 255, .1); transform: translateY(-1px); }
.ngw-cookie__btn:focus-visible { outline: 2px solid #22d3ee; outline-offset: 3px; }

.ngw-cookie__more {
  background: none; border: 0; padding: 0; margin-top: 14px;
  color: #7a8199; font: inherit; font-size: .8rem;
  text-decoration: underline; cursor: pointer;
}
.ngw-cookie__more:hover { color: #e8eaf2; }

.ngw-cookie__settings { display: none; border-top: 1px solid rgba(255,255,255,.1); margin-top: 16px; padding-top: 6px; }
.ngw-cookie.is-expanded .ngw-cookie__settings { display: block; }
.ngw-cookie__row { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; }
.ngw-cookie__row + .ngw-cookie__row { border-top: 1px solid rgba(255,255,255,.08); }
.ngw-cookie__row h3 { font-size: .92rem; margin: 0 0 3px; font-weight: 700; color: #fff; }
.ngw-cookie__row p { font-size: .8rem; margin: 0; }
.ngw-cookie__row input { width: 18px; height: 18px; margin-top: 3px; accent-color: #a855f7; cursor: pointer; flex: 0 0 auto; }
.ngw-cookie__row input:disabled { cursor: not-allowed; opacity: .5; }

/* Hozzájárulási jelölőnégyzet az ajánlatkérő űrlapon */
.cf-consent {
  display: flex; gap: 10px; align-items: flex-start;
  font-size: .84rem; line-height: 1.5; color: #a3a9bd;
  margin: 4px 0 6px; cursor: pointer;
}
.cf-consent input { width: 17px; height: 17px; margin-top: 2px; accent-color: #a855f7; flex: 0 0 auto; cursor: pointer; }
.cf-consent a { color: #22d3ee; }

@media (max-width: 560px) { .ngw-cookie__btn { flex: 1 1 100%; } }
@media (prefers-reduced-motion: reduce) { .ngw-cookie { transition: none; } }
