/* ===================================================================
   Hírleveles.hu - VÉGLEGES, KOMPLETT STÍLUSLAP (v3)
   =================================================================== */

:root {
  /* --- VÁLTOZÓK --- */
  --font-headings: "Outfit", "Inter", system-ui, sans-serif;
  --font-ui: 'Outfit', ui-sans-serif, system-ui, sans-serif;

  /*
   * JAVÍTÁS 2: ÉLÉNKEBB, LÁTVÁNYOSABB GRADIENS
   * Az átlátszóságot és a színeket módosítottam, hogy jobban
   * kitűnjön a sötétkék alapszínen.
  */
  --brand-gradient:
    linear-gradient(112deg, rgba(27, 28, 30, 0.7) 25%, rgba(2, 17, 64, 0.8) 45%, rgba(68, 10, 143, 0.8) 60%, rgba(19, 21, 27, 0.85) 75%, transparent 100%),
    #06113f;
}

/* --- GLOBÁLIS HÁTTÉR ÉS ALAPOK --- */
html {
  background-color: #06113f !important;
}

body {
  background: var(--brand-gradient) fixed no-repeat !important;
  background-size: cover !important;
  color: #e6e6e6;
  font-family: var(--font-ui);
}

/*
 * JAVÍTÁS 1: A SOROK ÉS KONTÉNEREK ÁTLÁTSZÓVÁ TÉTELE
 * Hozzáadtam a .row és .container szelektorokat.
*/
div,
section,
main,
header,
footer,
.row,
.container,
.container-fluid {
    background-color: transparent !important;
    background: none !important;
}


/* --- "ÜVEG" KÁRTYÁK STÍLUSA --- */
.card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background-color: rgba(27, 28, 30, 0.5);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.card::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -1px; left: -1px; right: -1px; bottom: -1px;
  background: linear-gradient(145deg, rgba(121, 192, 255, 0.2), rgba(35, 5, 73, 0.3));
  border-radius: inherit;
}


/* --- TIPOGRÁFIA ÉS EGYÉB ALAP STÍLUSOK --- */
header, .navbar, footer {
    border-color: rgba(255, 255, 255, .1) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-headings) !important;
  font-weight: 700;
  color: #fff;
}

a {
  color: #79c0ff;
}

body[data-path="/site/automat/"] .qlickcrm-form,
body[data-path="/site/automat/"] .qlickcrm-form * {
  color: #fff !important;
}
/* === Eddig biztosan működött === */
/* --- COOKIE BANNER: pozíció és stílus felülírás --- */
#cookie-consent-banner {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  background-color: #ffc107 !important; /* sárga háttér */
  color: #212529 !important;            /* sötét szöveg */
  border: none !important;
  border-bottom: 4px solid #212529 !important;
  box-shadow: 0 3px 12px rgba(0,0,0,0.25) !important;
  z-index: 3000 !important;
}

/* Gombok új stílusa */
#cookie-consent-banner button {
  border-radius: 999px !important;
  font-weight: 600 !important;
}

#accept-all-cookies {
  background-color: #212529 !important;
  color: #fff !important;
  border: none !important;
}

#cookie-settings-btn {
  color: #212529 !important;
}

/* Ne takarja a felső menüt */
body {
  padding-top: 90px;
}
/* --- COOKIE SETTINGS PANEL (amikor a "Beállítások" gombra kattintanak) --- */
[id*="cookie"][class*="settings" i],
#cookie-settings,
#cookie-settings-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(255, 193, 7, 0.97) !important; /* áttetsző sárga háttér */
  color: #212529 !important;
  z-index: 4000 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem;
}

[id*="cookie"][class*="settings" i] h2,
[id*="cookie"][class*="settings" i] h3,
#cookie-settings h2,
#cookie-settings h3 {
  color: #212529 !important;
}

[id*="cookie"][class*="settings" i] button,
#cookie-settings button {
  background-color: #212529 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.6rem 1.2rem !important;
  margin: 0.5rem !important;
  font-weight: 600 !important;
  cursor: pointer;
}