:root{
  --jgk-green:#54C98D;
  --jgk-yellow:#F2C94C;
  --jgk-gray:#707070;
  --jgk-muted:#6b7280;
  --jgk-border:#e5e7eb;
  --jgk-text:#707070;
}

/* Konténer */
.jgk-archive{ font-family:'Poppins',sans-serif; padding:24px 16px; max-width:1200px; margin:0 auto; color:var(--jgk-text); }

/* TOPBAR: balra kártyás fejléc, jobbra alert */
.jgk-topbar{
  display:flex; gap:16px; align-items:flex-start; justify-content:space-between; margin:0 0 16px;
}
.jgk-hero-card{
  flex:1 1 auto;
  border:1px solid var(--jgk-border);
  background:#fff;
  border-radius:14px;
  padding:14px 16px;
}
.jgk-hero-card p{ margin:0; color:var(--jgk-text); font-weight:600; }

/* Piros figyelmeztetés – oldalsávban „eldugva” */
.jgk-alert{
  border:1px solid #ef4444; background:#fee2e2; color:#991b1b;
  border-radius:10px; font-weight:600;
}
.jgk-alert--side{
  padding:10px 12px; max-width:360px; margin-left:16px;
}
@media (max-width: 768px){
  .jgk-topbar{ flex-direction:column; }
  .jgk-alert--side{ max-width:100%; margin-left:0; }
}
@media (min-width: 1024px){
  .jgk-alert--side{ position:sticky; top:90px; }
}

/* Szűrők – nagyobb belső tér + nem ér össze a checkbox a felirattal */
.jgk-filters{ border:1px solid var(--jgk-border); border-radius:16px; padding:22px; background:#fff; margin:0 0 20px; }
.jgk-filters__row{ display:flex; flex-wrap:wrap; gap:18px 22px; }
.jgk-filter{ min-width:260px; }
.jgk-filter label{ display:block; font-weight:600; color:var(--jgk-gray); margin:0 0 10px; font-size:15px; }
.jgk-filter input[type="text"], .jgk-filter select{
  width:100%; padding:14px 16px; border:1px solid var(--jgk-border); border-radius:12px; font-size:15px; color:var(--jgk-text); background:#fff; line-height:1.35;
}
.jgk-btn{ padding:13px 18px; border-radius:12px; border:1px solid var(--jgk-border); font-weight:700; cursor:pointer; }
.jgk-btn-green{ background:var(--jgk-green); color:#fff; }
.jgk-btn-green:hover{ background:#46b67e; color:#fff !important; }

/* Chip-ek – extra belső padding és biztos távolság */
.jgk-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.jgk-chip{
  display:inline-flex; align-items:center; gap:12px;
  border:1px solid var(--jgk-border); border-radius:22px; padding:10px 16px;
  font-size:14px; color:var(--jgk-gray); background:#fff; cursor:pointer; transition:.15s;
}
.jgk-chip input{ width:18px; height:18px; accent-color:var(--jgk-green); margin-right:8px; }
.jgk-chip span{ display:inline-block; line-height:1.2; padding-right:2px; }
.jgk-chip:hover{ border-color:var(--jgk-green); box-shadow:0 0 0 3px rgba(84,201,141,.12) inset; }

/* Tabs */
.jgk-tab-buttons{ display:flex; gap:12px; margin:10px 0 20px; flex-wrap:wrap; }
.jgk-tab-btn{
  padding:11px 16px; border:1px solid var(--jgk-border); background:#fff; color:var(--jgk-gray);
  cursor:pointer; border-radius:10px; font-weight:600; transition:.2s;
}
.jgk-tab-btn:hover{ background:#46b67e; color:#fff; }
.jgk-tab-btn.active{ background:var(--jgk-green); color:#fff; }
.jgk-tab-panel{ display:none; }
.jgk-tab-panel.active{ display:block; }

/* Grid */
.jgk-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:20px !important; }
@media(max-width:1024px){ .jgk-grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .jgk-grid{ grid-template-columns:1fr;} }

.jgk-card{ border:1px solid var(--jgk-border); border-radius:14px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.jgk-thumb{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; background:#f3f4f6; }

/* Cím + státusz */
.jgk-body{ padding:14px; }
.jgk-status-badge{ display:inline-block; margin-bottom:10px; padding:7px 12px; background:var(--jgk-green); color:#fff; border-radius:999px; font-size:12px; font-weight:700; }
.jgk-title{ font-size:17px; font-weight:700; margin:0 0 6px; color:var(--jgk-text); }

/* Gombok */
.jgk-actions{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.jgk-link{ display:inline-block; padding:10px 14px; background:var(--jgk-green); color:#fff; font-weight:700; text-decoration:none; border-radius:10px; border:0; }
.jgk-link:hover{ background:#46b67e; color:#fff !important; }
.jgk-link--ghost{ background:#fff; color:var(--jgk-green); border:1px solid var(--jgk-green); }
.jgk-link--ghost:hover{ background:var(--jgk-green); color:#fff !important; }

/* Pager */
.jgk-pager{ margin:20px 0 10px; }
.jgk-pager .jgk-pgn{ display:inline-block; }
.jgk-pager .jgk-pgn li{ display:inline-block; margin:0 4px; }
.jgk-pager .jgk-pgn a, .jgk-pager .jgk-pgn span{
  display:inline-block; padding:9px 12px; border:1px solid var(--jgk-border); border-radius:8px; text-decoration:none; color:var(--jgk-gray); font-weight:600; background:#fff;
}
.jgk-pager .jgk-pgn .current{ background:var(--jgk-green); color:#fff; border-color:var(--jgk-green); }

/* Modal (TablePress) */
.jgk-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.jgk-modal.is-open{ display:block; }
.jgk-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.35); }
.jgk-modal__panel{
  position:relative; max-width:960px; width:92vw; max-height:88vh; overflow:auto;
  margin:6vh auto 0; background:#fff; border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,.2);
}
.jgk-modal__head{ position:sticky; top:0; background:#fff; padding:14px 16px; border-bottom:1px solid var(--jgk-border); display:flex; align-items:center; justify-content:space-between; }
.jgk-modal__head h4{ margin:0; font-size:18px; color:#374151; }
/* Modal close: zöld háttér, fehér ikon; hover: szürke */
.jgk-modal__close{
  background: var(--jgk-green) !important;
  color: #fff !important;
  border: 0 !important;
  width: 36px; height: 36px;
  border-radius: 999px;
  display: inline-grid; place-items: center;
  font-size: 20px; line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
  transition: background-color .15s ease, transform .12s ease, box-shadow .15s ease;
}
.jgk-modal__close:hover{
  background: var(--jgk-gray) !important;  /* #707070 */
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0,0,0,.12);
}
.jgk-modal__close:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.jgk-modal__close:hover{ color:#374151; }
.jgk-modal__body{ padding:16px; }
.jgk-tablepress-wrap table{ width:100%; border-collapse:collapse; }
.jgk-tablepress-wrap table th,
.jgk-tablepress-wrap table td{ border:1px solid var(--jgk-border); padding:10px 12px; font-size:14px; color:#374151; }
.jgk-tablepress-wrap table th{ background:#f8fafc; text-align:left; font-weight:700; }

/* Üres állapot */
.jgk-empty{ padding:12px; border:1px dashed var(--jgk-border); border-radius:10px; color:#6b7280; }

/* Pályázom gomb + villogó gömb */
.jgk-apply{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}
.jgk-dot{
  width:14px; height:14px;
  border-radius:50%;
  background:var(--jgk-green);
  box-shadow:0 0 0 0 rgba(84,201,141,.6);
  animation:jgk-pulse 1.5s infinite;
}
@keyframes jgk-pulse{
  0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(84,201,141,.6);}
  70%{ transform:scale(1.2); box-shadow:0 0 0 10px rgba(84,201,141,0);}
  100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(84,201,141,0);}
}
.jgk-link--apply{
  background:var(--jgk-green);
  color:#fff !important;
  border:none;
  font-weight:700;
}
.jgk-link--apply:hover{
  background:#46b67e;
  color:#fff !important;
}
/* Pályázom – fix a lila/visited öröklés ellen */
.jgk-link--apply,
.jgk-link--apply:link,
.jgk-link--apply:visited,
.jgk-link--apply:active,
.jgk-link--apply:focus{
  background: var(--jgk-green) !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
}
.jgk-link--apply:hover{
  background: #46b67e !important;
  color: #fff !important;
}

/* Villogó zöld pötty + sor */
.jgk-apply{ display:flex; align-items:center; gap:8px; margin-top:8px; }
.jgk-dot{
  width:14px; height:14px; border-radius:50%;
  background: var(--jgk-green);
  box-shadow: 0 0 0 0 rgba(84,201,141,.6);
  animation: jgk-pulse 1.5s infinite;
}
@keyframes jgk-pulse{
  0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(84,201,141,.6);}
  70%{ transform:scale(1.2); box-shadow:0 0 0 10px rgba(84,201,141,0);}
  100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(84,201,141,0);}
}
/* === Layout: bal oldali sidebar + tartalom === */
.jgk-layout{
  display:grid;
  grid-template-columns: 300px 1fr;
  gap:24px;
}
@media (max-width: 1024px){
  .jgk-layout{ grid-template-columns: 1fr; }
}
.jgk-sidebar{
  position:sticky; top:16px; align-self:start;
  background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:16px;
}
.jgk-main{ min-width:0; }

/* Szűrők a sidebarban */
.jgk-filters--sidebar .jgk-filter{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.jgk-filters--sidebar label{ font-weight:600; color:#707070; }
.jgk-filters--sidebar input[type="text"],
.jgk-filters--sidebar select{
  border:1px solid #e5e7eb; border-radius:10px; padding:9px 12px;
}
.jgk-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.jgk-chip{ display:inline-flex; align-items:center; gap:6px; border:1px solid #e5e7eb; border-radius:999px; padding:6px 10px; font-size:13px; cursor:pointer; user-select:none; background:#fff; }
.jgk-chip input{ accent-color:#54C98D; }
.jgk-sep{ border:0; border-top:1px solid #e5e7eb; margin:12px 0; }

/* Tabs */
.jgk-tab-buttons{ display:flex; gap:8px; margin-bottom:12px; }
.jgk-tab-btn{ border:1px solid #e5e7eb; background:#fff; border-radius:999px; padding:8px 14px; cursor:pointer; }
.jgk-tab-btn.active{ background:#54C98D; color:#fff; border-color:#54C98D; }
.jgk-tab-panels .jgk-tab-panel{ display:none; }
.jgk-tab-panels .jgk-tab-panel.active{ display:block; }
.jgk-loading{ padding:16px; color:#707070; }

/* Kártyák (status badge már létezett) */
.jgk-status-badge{
  display:inline-block; padding:4px 10px; border:1px solid #54C98D; color:#0f5132;
  background:#ecfdf5; border-radius:999px; font-size:12px; margin-bottom:8px;
}

/* Pager */
.jgk-pager{ margin:14px 0; }
.jgk-pager .jgk-pgn{ display:inline-flex; gap:6px; }
.jgk-pager .jgk-pgn li a,
.jgk-pager .jgk-pgn li span{
  display:inline-block; padding:6px 10px; border:1px solid #e5e7eb; border-radius:8px;
}
.jgk-pager .jgk-pgn li span.current{ background:#54C98D; color:#fff; border-color:#54C98D; }

/* =========================================================
   JGK UI PATCH v1.4.4 – tabs, hero, filters, cards, buttons
   (drop-in) – használja a megadott palettát
========================================================= */
:root{
  --jgk-green:#54C98D;     /* JGK zöld */
  --jgk-yellow:#F2C94C;    /* JGK sárga */
  --jgk-gray:#707070;      /* fő szöveg */
  --jgk-muted:#6b7280;     /* halvány szürke */
  --jgk-border:#e5e7eb;    /* világos szegély */
  --jgk-text:#707070;      /* ingatlan font */
  --jgk-darkgreen:#0A944F; /* sötét zöld */
  --jgk-red:#E53935;       /* piros */
}

/* ==== TAB SOR: Aktuális, Archív, Szűrők ========================== */
/* 1) Aktuális: zöld alap, fehér font, hover: szürke + apró mozgás */
.jgk-toprow .jgk-tab-buttons .jgk-tab-btn:nth-child(1){
  background:var(--jgk-green); color:#fff; border-color:var(--jgk-green);
  transition:transform .12s ease, background-color .15s ease, box-shadow .15s ease;
}
.jgk-toprow .jgk-tab-buttons .jgk-tab-btn:nth-child(1):hover{
  background:var(--jgk-gray); border-color:var(--jgk-gray); transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* 2) Archív: szürke alap, fehér font, hover: zöld + apró mozgás */
.jgk-toprow .jgk-tab-buttons .jgk-tab-btn:nth-child(2){
  background:var(--jgk-gray); color:#fff; border-color:var(--jgk-gray);
  transition:transform .12s ease, background-color .15s ease, box-shadow .15s ease;
}
.jgk-toprow .jgk-tab-buttons .jgk-tab-btn:nth-child(2):hover{
  background:var(--jgk-green); border-color:var(--jgk-green); transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* 3) Szűrők: narancs (sárga) alap, hover: szürke + apró mozgás */
.jgk-tab-btn--orange{
  background:var(--jgk-yellow)!important; color:#fff!important; border-color:var(--jgk-yellow)!important;
  transition:transform .12s ease, background-color .15s ease, box-shadow .15s ease;
}
.jgk-tab-btn--orange:hover{
  background:var(--jgk-gray)!important; border-color:var(--jgk-gray)!important; transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* Aktív tab finom kiemelés */
.jgk-tab-btn.active{ box-shadow:inset 0 0 0 2px rgba(255,255,255,.2) }

/* ==== HERO (fejléc) kártya – zöld háttér, fehér font ============ */
.jgk-hero-card--compact{
  background:var(--jgk-green)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.jgk-hero-card--compact p{ color:#fff; margin:0 }

/* ==== LENYÍLÓ SZŰRŐ – kompakt, erős árnyék ====================== */
.jgk-filterbox{
  border:1px solid var(--jgk-border);
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  padding:12px 12px 8px 12px;
  margin-bottom:10px;
}
.jgk-filter--inline{ display:flex; align-items:center; gap:8px; margin:4px 0 }
/* !!! Csak a csoportcímkét rejtsük, NE a chip-labelokat !!! */
.jgk-filter--inline > label{ display:none }

/* Kereső mező: rövidebb, zöld háttér, fehér font */
.jgk-filter--inline #jgk-search{
  width:220px; max-width:50vw;
  background:var(--jgk-green); color:#fff;
  border:1px solid transparent; border-radius:10px;
  padding:8px 10px;
}
.jgk-filter--inline #jgk-search::placeholder{ color:rgba(255,255,255,.85) }

/* Chipek (taxó/ státusz) sűrűbben, hoverre kis mozgás */
.jgk-chips{ display:flex; flex-wrap:wrap; gap:6px }
.jgk-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border:1px solid var(--jgk-border); border-radius:999px; background:#fff;
  transition:transform .1s ease, box-shadow .15s ease;
}
.jgk-chip:hover{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.06) }
.jgk-chip input{ margin:0 }
.jgk-chip span{ color:var(--jgk-text) }

/* Szűrés törlése (szürke háttér) */
#jgk-clear.jgk-btn--clear{
  background:#f3f4f6; color:#374151; border:1px solid var(--jgk-border);
  border-radius:10px; padding:8px 12px; font-weight:600;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
#jgk-clear.jgk-btn--clear:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.08);
  background:#e8eaed;
}

/* ==== KÁRTYÁK – finom hover mozgás =============================== */
.jgk-card{
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease;
  will-change:transform;
}
.jgk-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.10);
}

/* Részletes infók BADGE – fehér hátterű, zöld felirat, pulzus */
.jgk-info-badge{
  position:absolute; top:10px; right:10px;
  background:#fff; color:#0f5132; border:1px solid #bbf7d0; border-radius:999px;
  padding:6px 10px; font-weight:700; box-shadow:0 6px 18px rgba(16,185,129,.28);
  animation:jgk-pulse-soft 1.6s infinite;
}
@keyframes jgk-pulse-soft{
  0% {
    box-shadow: 0 0 0 0 rgba(16,185,129,.7);
    transform: scale(1);
  }
  40% {
    box-shadow: 0 0 0 18px rgba(16,185,129,0);
    transform: scale(1.05);
  }
  60% {
    box-shadow: 0 0 0 8px rgba(16,185,129,.4);
    transform: scale(1.02);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16,185,129,0);
    transform: scale(1);
  }
}


/* Alsó akciósor – PÁLYÁZOM gomb (zöld, pötty, hover mozgás) */
.jgk-actions{ display:flex; justify-content:space-between; align-items:center; padding-top:6px }
.jgk-apply-btn{
  background:var(--jgk-green); color:#fff; border:0; border-radius:999px;
  padding:10px 14px; font-weight:800; display:inline-flex; gap:8px; align-items:center; cursor:pointer;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-apply-btn:hover{
  transform:translateY(-1px);
  background:var(--jgk-darkgreen);
  box-shadow:0 6px 16px rgba(10,148,79,.3);
}

/* Zöld pötty animáció (pályázom) */
.jgk-dot{ width:8px; height:8px; background:#fff; border-radius:50%;
  box-shadow:0 0 0 0 rgba(255,255,255,0.9); animation:jgk-pulse 1.2s infinite }
@keyframes jgk-pulse{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,0.9) }
  70%{ box-shadow:0 0 0 10px rgba(255,255,255,0) }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0) }
}

/* ==== FONTOS (piros) gomb – pulzáló “!” =========================== */
.jgk-important{ position:relative }
.jgk-important__btn{
  position:relative; background:var(--jgk-red); color:#fff; border:0; border-radius:999px;
  padding:10px 14px; font-weight:800; cursor:pointer;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-important__btn::before{
  content:'!'; display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; margin-right:8px; border-radius:999px; background:#fff; color:var(--jgk-red);
  font-weight:900; line-height:1; animation:jgk-imp 1.3s infinite;
}
@keyframes jgk-imp{
  0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,.6) }
  70%{ transform:scale(1.08); box-shadow:0 0 0 10px rgba(255,255,255,0) }
  100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,0) }
}
.jgk-important__btn:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(229,57,53,.25); background:#c62828 }

/* Piros lenyíló doboz + fehér gomb */
.jgk-important__box{
  position:absolute; right:0; top:110%; z-index:20;
  background:var(--jgk-red); color:#fff; max-width:520px; border-radius:12px;
  padding:12px 12px 48px 12px; box-shadow:0 10px 30px rgba(0,0,0,.15)
}
.jgk-important__box p{ margin:0 0 8px 0 }
.jgk-important__close{
  position:absolute; right:12px; bottom:10px;
  background:#fff; color:#111; border:0; border-radius:8px; padding:8px 12px; font-weight:700; cursor:pointer;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-important__close:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(255,255,255,.2) }
/* ==== Modal robusztus pozícionálás (mindig a viewporton) ====== */
.jgk-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.jgk-modal.is-open{ display:block; }
.jgk-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.45); }
.jgk-modal__panel{ position:relative; z-index:1; margin:4vh auto; max-width:720px; background:#fff; border-radius:16px; padding:16px; }

/* ==== "Részletes infók" badge: fix hover/visited/focus (ne legyen lila) === */
.jgk-info-badge,
.jgk-info-badge:hover,
.jgk-info-badge:focus,
.jgk-info-badge:active,
.jgk-info-badge:visited{
  color:#0f5132 !important;
  background:#fff !important;
  border-color:#bbf7d0 !important;
  text-decoration:none !important;
  outline:none;
}

/* (opcionális) link örökölt stílusainak resetje, ha mégis <a>-ként renderelődik */
a.jgk-info-badge{ -webkit-tap-highlight-color:transparent; }/* ===== Hard reset a hidden attribútumhoz (hogy biztosan zárható legyen) */
#jgk-filterbox[hidden], #jgk-important-box[hidden], [hidden]{display:none !important;}

/* ===== Top sor: Tabs + Szűrők + FONTOS jobbra, egy sorban ===== */
.jgk-toprow{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:nowrap;
}
.jgk-toprow .jgk-tab-buttons{
  display:flex; align-items:center; gap:12px; flex:1 1 auto; min-width:0;
}
.jgk-toprow .jgk-important{
  position:relative; flex:0 0 auto; margin-left:auto;
}

/* ===== Tab gombok alap (kerek, vastag betű, ne legyen lila állapot) */
.jgk-tab-btn{
  border-radius:999px; padding:10px 18px; border:2px solid transparent;
  font-weight:800; text-decoration:none !important; line-height:1; display:inline-flex; align-items:center;
  -webkit-tap-highlight-color:transparent;
}
.jgk-tab-btn:hover, .jgk-tab-btn:focus, .jgk-tab-btn:active, .jgk-tab-btn:visited{ text-decoration:none; color:#fff; }

/* Aktuális = zöld, Archív = szürke, Szűrők = sárga, mind kerek */
.jgk-tab-buttons .jgk-tab-btn:nth-child(1){ background:#54C98D; color:#fff; border-color:#54C98D; }
.jgk-tab-buttons .jgk-tab-btn:nth-child(2){ background:#707070; color:#fff; border-color:#707070; }
.jgk-tab-btn--orange{ background:#F2C94C !important; color:#fff !important; border-color:#F2C94C !important; border-radius:999px !important; }

/* apró hover mozgás minden tabra */
.jgk-tab-btn, .jgk-tab-btn--orange{ transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease; }
.jgk-tab-buttons .jgk-tab-btn:nth-child(1):hover{ background:#707070; transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.jgk-tab-buttons .jgk-tab-btn:nth-child(2):hover{ background:#54C98D; transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.jgk-tab-btn--orange:hover{ background:#707070 !important; transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.08); }

/* ===== FONTOS gomb + doboz: piros, jobbra, fehér szöveg ===== */
.jgk-important__btn{
  background:red !important; color:#fff !important; border:0; border-radius:12px; padding:10px 16px; font-weight:800;
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
  transition:transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-important__btn::before{
  content:'!'; display:inline-grid; place-items:center; width:22px; height:22px; border-radius:999px; 
  background:#fff; color:#E53935; font-weight:900; line-height:1;
  box-shadow:0 0 0 0 rgba(255,255,255,.6); animation:jgk-imp 1.3s infinite;
}
.jgk-important__btn:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(229,57,53,.25); background:#c62828; }
@keyframes jgk-imp{ 0%{transform:scale(1)} 70%{transform:scale(1.06)} 100%{transform:scale(1)} }

.jgk-important__box{
  position:absolute; right:0; top:110%; z-index:40;
  background:#E53935; color:#fff; max-width:520px; border-radius:12px;
  padding:14px 14px 52px 14px; box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.jgk-important__box p, .jgk-important__box a{ color:#fff; }
.jgk-important__close{
  position:absolute; right:12px; bottom:10px; background:#fff; color:#111; border:0; border-radius:10px;
  padding:8px 12px; font-weight:800; cursor:pointer; transition:transform .12s ease, box-shadow .15s ease;
}
.jgk-important__close:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(255,255,255,.25); }

/* ===== Lila visited/hover kiiktatása a saját UI elemeinken ===== */
.jgk-info-badge, .jgk-info-badge:hover, .jgk-info-badge:focus, .jgk-info-badge:active, .jgk-info-badge:visited{
  color:#0f5132 !important; background:#fff !important; border-color:#bbf7d0 !important; text-decoration:none !important;
}
.jgk-link, .jgk-link:hover, .jgk-link:focus, .jgk-link:active, .jgk-link:visited{ color:var(--jgk-gray); text-decoration:none; }

/* ===== Szűrő panel kompakt (ha a témád felülírná, ez visszahozza) ===== */
.jgk-filterbox{ border:1px solid #e5e7eb; border-radius:12px; background:#fff; box-shadow:0 16px 40px rgba(0,0,0,.12); padding:12px; }
.jgk-filter--inline{ display:flex; align-items:center; gap:8px; margin:4px 0; }
.jgk-filter--inline > label{ display:none; }            /* csak a csoportcímke tűnjön el */
.jgk-filter--inline .jgk-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.jgk-filter--inline .jgk-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; }
.jgk-filter--inline #jgk-search{ width:220px; background:#54C98D; color:#fff; border:1px solid transparent; border-radius:10px; padding:8px 10px; }
.jgk-filter--inline #jgk-search::placeholder{ color:rgba(255,255,255,.85); }
/* =========================================================
   FONTOS gomb + doboz – egységes méret, piros, pulzálás
   Drop-in patch
========================================================= */

/* Gomb: azonos méret és forma, mint a tabok (pill + md) */
.jgk-important__btn{
  background: red !important;
  color: #fff !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;     /* ugyanaz a kerekítés */
  padding: 10px 18px !important;       /* ugyanaz a magasság/szélesség */
  font-weight: 800 !important;
  line-height: 1 !important;
  display: inline-flex; align-items: center; gap: 10px;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-important__btn:hover{
  transform: translateY(-1px);
  background: #b71c1c !important;      /* sötétebb piros hover */
  box-shadow: 0 6px 16px rgba(183,28,28,.25);
}

/* Fehér, pulzáló “!” jel */
.jgk-important__btn::before{
  content:'!';
  display: inline-grid; place-items: center;
  width: 22px; height: 22px;
  border-radius: 999px;
  background: #fff; color: red;
  font-weight: 900; line-height: 1;
  animation: jgk-imp-blink 1.1s infinite;
}
@keyframes jgk-imp-blink{
  0%,100%{ transform: scale(1);   opacity: 1;   box-shadow: 0 0 0 0 rgba(255,255,255,.7); }
  50%   { transform: scale(1.08); opacity: .65; box-shadow: 0 0 0 10px rgba(255,255,255,0); }
}

/* Dobozt nyitva szélesebbre vesszük */
#jgk-important-box{
  position: absolute; right: 0; top: 110%; z-index: 40;
  background: red; color: #fff;
  width: min(95vw, 720px);          /* szélesebb, mint korábban */
  max-width: 720px;
  border-radius: 12px;
  padding: 14px 14px 52px 14px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  animation: jgk-drop .18s ease;
}
#jgk-important-box p, #jgk-important-box a{ color:#fff; }
@keyframes jgk-drop{ from{ transform: translateY(-6px); opacity:.0 } to{ transform:none; opacity:1 } }

/* Bezáró gomb: fehér háttér, piros felirat */
.jgk-important__close{
  position: absolute; right: 12px; bottom: 10px;
  background: #fff !important;
  color: red !important;
  border: 0;
  border-radius: 10px;
  padding: 8px 12px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .12s ease, box-shadow .15s ease, background-color .15s ease;
}
.jgk-important__close:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255,255,255,.25);
}

/* Biztos rejtés, ha hidden-t kap */
#jgk-important-box[hidden]{ display:none !important; }


/* === FILTER CLOSE – kőkemény override (zöld háttér, fehér ikon; hover szürke) === */
#jgk-filter-close.jgk-filterbox__close,
#jgk-filter-close.jgk-filterbox__close:hover,
#jgk-filter-close.jgk-filterbox__close:focus,
#jgk-filter-close.jgk-filterbox__close:active,
#jgk-filter-close.jgk-filterbox__close:visited{
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  border: 0 !important;
  width: 36px !important; height: 36px !important;
  border-radius: 9999px !important;
  display: inline-grid !important; place-items: center !important;
  font-size: 20px !important; line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.08) !important;
  cursor: pointer !important;
}

/* Alap állapot: zöld */
#jgk-filter-close.jgk-filterbox__close{
  background: var(--jgk-green) !important;
  color: transparent !important;            /* a téma ne tudja lilára festeni a szöveget */
}
/* Ikon külön pseudo-elemmel (így nem tudja lilára színezni a theme) */
#jgk-filter-close.jgk-filterbox__close::after{
  content: "×";
  color: #fff !important;
  font-weight: 900;
}
/* Hover/focus: szürke háttér, fehér ikon */
#jgk-filter-close.jgk-filterbox__close:hover,
#jgk-filter-close.jgk-filterbox__close:focus,
#jgk-filter-close.jgk-filterbox__close:active{
  background: var(--jgk-gray) !important;   /* #707070 */
}
#jgk-filter-close.jgk-filterbox__close:hover::after,
#jgk-filter-close.jgk-filterbox__close:focus::after,
#jgk-filter-close.jgk-filterbox__close:active::after{
  color: #fff !important;
}

/* Biztos rejtés, ha hidden van rajta */
#jgk-filterbox[hidden]{ display:none !important; }

/* ==== FILTER CLOSE – középre tett X, finomabb méret, jobb felső sarok ==== */
/* Állítható méret (48px = kb. 1.33× a 36px-hez képest). Ha nagyobb kell, emeld 52-re. */
:root{ --jgk-filter-close-size: 48px; }

#jgk-filter-close.jgk-filterbox__close{
  -webkit-appearance:none !important; appearance:none !important;
  position:absolute !important; top:8px !important; right:8px !important;
  width:var(--jgk-filter-close-size) !important;
  height:var(--jgk-filter-close-size) !important;
  padding:0 !important; border:0 !important;
  border-radius:9999px !important;
  background:var(--jgk-green) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.08) !important;
  cursor:pointer !important;
  color:transparent !important;          /* a theme ne színezze a szöveget */
  line-height:1 !important;
}

/* Az „×” mindig geometriai középen – nem tudja eltolni a téma */
#jgk-filter-close.jgk-filterbox__close::after{
  content:"×";
  position:absolute; inset:0;                /* teljes kör felülete */
  display:grid; place-items:center;          /* közép-közép */
  font-weight:900; line-height:1;
  font-size:calc(var(--jgk-filter-close-size) * 0.42);  /* arányos ikonméret */
  color:#fff !important;
}

/* Hover: szürke háttér, fehér ikon – semmi lila */
#jgk-filter-close.jgk-filterbox__close:hover,
#jgk-filter-close.jgk-filterbox__close:focus,
#jgk-filter-close.jgk-filterbox__close:active{
  background:var(--jgk-gray) !important;
}
#jgk-filterbox[hidden]{ display:none !important; }