/* ==========================================================================
   NaturCleaning — süti-consent banner: "Letisztult alsó sáv" (2. változat)
   A whitecube csomag a saját (lila) dist/style.css-ét a nézet VÉGÉN inline-olja,
   ezért az itteni, ütköző szabályokat !important-tal felülírjuk. A markup, a JS
   és a consent-logika VÁLTOZATLAN — csak az elrendezést és a színt cseréljük.
   ========================================================================== */

/* saját betűtípus a sávra (az oldal Inter-jét használjuk) */
#cookies-policy.cookies{ font-family:"Inter","Helvetica Neue",Arial,system-ui,sans-serif !important; }

/* ----- 1) KONTÉNER: teljes szélességű, alsó sáv ----- */
#cookies-policy.cookies{
  position:fixed !important;
  left:0 !important; right:0 !important; bottom:0 !important;
  width:100% !important; max-width:100% !important;
  background:#ffffff !important;
  border-top:3px solid #1F6B4F !important;
  box-shadow:0 -14px 34px -24px rgba(15,50,34,.55) !important;
  overflow:visible !important;
}
:root[data-theme="dark"] #cookies-policy.cookies,
html[data-theme="dark"] #cookies-policy.cookies{ background:#ffffff !important; }

/* ----- 2) ALERT: átlátszó, középre igazított flex-sor (nincs kártya) ----- */
#cookies-policy .cookies__alert{
  background:transparent !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  margin:0 auto !important;
  width:100% !important; max-width:1180px !important; max-height:none !important;
  display:flex !important; align-items:center; flex-wrap:wrap; gap:6px 18px;
  padding:12px 24px !important;
}

/* ----- 3) FŐSOR: cím + szöveg balra, gombok jobbra ----- */
#cookies-policy .cookies__container{ flex:1 1 auto; min-width:240px; height:auto !important; }
#cookies-policy .cookies__container--hide{ height:0 !important; }
#cookies-policy .cookies__wrapper{
  padding:0 !important;
  display:flex !important; align-items:center; gap:6px 16px; flex-wrap:wrap;
}
#cookies-policy .cookies__title{
  margin:0 !important; font-size:14px !important; font-weight:800 !important;
  color:#12271e !important; white-space:nowrap; flex:0 0 auto;
  display:flex; align-items:center; gap:7px;
}
#cookies-policy .cookies__title::before{ content:"🌿"; font-size:16px; }
#cookies-policy .cookies__intro{
  flex:1 1 260px; min-width:200px;
  font-size:12.5px !important; line-height:1.45 !important; color:#54635b !important;
}
#cookies-policy .cookies__intro p{ margin:0 !important; display:inline; }
#cookies-policy .cookies__intro p + p{ margin-left:.35em !important; }
#cookies-policy .cookies__intro a{ color:#1F6B4F !important; font-weight:600; text-decoration:underline; }
#cookies-policy .cookies__intro a:hover{ color:#14533E !important; }

/* ----- 4) GOMBOK a sorban (jobbra) ----- */
#cookies-policy .cookies__actions{
  flex:0 0 auto; display:flex !important; flex-direction:row !important;
  gap:9px !important; margin:0 !important; align-items:center;
}
#cookies-policy .cookiesBtn{ width:auto !important; }
#cookies-policy .cookiesBtn__link{
  width:auto !important; border-radius:10px !important;
  font-weight:700 !important; font-size:12.5px !important; padding:10px 16px !important;
  white-space:nowrap;
}
/* elsődleges: Összes elfogadása (tömör zöld) */
#cookies-policy .cookiesBtn--accept .cookiesBtn__link{
  background:#1F6B4F !important; border:1px solid #1F6B4F !important; color:#fff !important;
  box-shadow:0 8px 16px -10px rgba(31,107,79,.8) !important;
}
#cookies-policy .cookiesBtn--accept .cookiesBtn__link:hover{ background:#14533E !important; opacity:1 !important; }
/* másodlagos: Csak a kötelezőek (fehér, zöld körvonal) */
#cookies-policy .cookiesBtn--essentials .cookiesBtn__link{
  background:#fff !important; border:1.5px solid #cfe0d8 !important; color:#1F6B4F !important;
}
#cookies-policy .cookiesBtn--essentials .cookiesBtn__link:hover{ background:#f2f7f4 !important; opacity:1 !important; }

/* ----- 5) "Beállítások" kapcsoló — halk szöveges link a sor jobb szélén ----- */
#cookies-policy .cookies__btn--customize{
  order:9; flex:0 0 auto;
  border:0 !important; border-top:0 !important; background:transparent !important;
  color:#5a6b62 !important; font-size:12.5px !important; font-weight:700 !important;
  text-decoration:underline; padding:8px 4px !important; width:auto !important;
  display:inline-flex; align-items:center; gap:5px;
}
#cookies-policy .cookies__btn--customize:hover{ color:#1F6B4F !important; }
#cookies-policy .cookies__btn--customize svg{ width:16px; height:16px; }
#cookies-policy .cookies__btn--customize svg path{ fill:#5a6b62; }
#cookies-policy.cookies--show .cookies__btn--customize{ border:0 !important; }

/* ----- 6) TESTRESZABÁS panel: teljes szélességű második sor ----- */
#cookies-policy #cookies-policy-customize{ order:10; flex-basis:100%; width:100%; }
#cookies-policy .cookies__sections{ max-height:46vh; }
#cookies-policy .cookies__section{ padding:0 !important; }
#cookies-policy .cookies__section + .cookies__section{ border-top:1px solid #eef2ee !important; }
#cookies-policy .cookies__category{ padding:12px 2px; }
#cookies-policy .cookies__label{ color:#12271e !important; font-size:13px !important; }
#cookies-policy .cookies__info{ color:#6a7a72 !important; }
#cookies-policy .cookies__details{ color:#1F6B4F !important; }
#cookies-policy .cookies__details:hover{ color:#14533E !important; }
/* kapcsoló bekapcsolt színe zöldre */
#cookies-policy .cookies__category input:checked + .cookies__box:after{ background:#1F6B4F !important; }
/* mentés gomb zöld */
#cookies-policy .cookies__save{ border-top:1px solid #eef2ee !important; }
#cookies-policy .cookies__save .cookiesBtn__link{
  background:#1F6B4F !important; border:1px solid #1F6B4F !important; color:#fff !important;
  width:auto !important; border-radius:10px !important; padding:10px 18px !important;
}
#cookies-policy .cookies__save .cookiesBtn__link:hover{ background:#14533E !important; opacity:1 !important; }

/* ----- 7) MOBIL: szöveg felül, gombok teljes szélességben alul ----- */
@media (max-width:640px){
  #cookies-policy .cookies__alert{ padding:14px 16px !important; gap:10px; }
  #cookies-policy .cookies__wrapper{ flex-direction:column; align-items:stretch; gap:8px; }
  #cookies-policy .cookies__title{ white-space:normal; }
  #cookies-policy .cookies__actions{ width:100%; flex-wrap:wrap; }
  #cookies-policy .cookies__actions .cookiesBtn{ flex:1 1 auto; }
  #cookies-policy .cookiesBtn__link{ width:100% !important; }
  #cookies-policy .cookies__btn--customize{ order:0; width:100%; justify-content:center; }
}