/* gasztrocenter.hu — a szakács-segéd sarokgombja (GC_Valaszto).
 *
 * Tulajdonos, 2026-09-29: „a szakács választó segéd lehetne egy kicsit hangsúlyosabb, vagy valami
 * animációt köré tenni, hogy feltűnjön, de azért nem annyira harsányan, csak így most nagyon eltűnik".
 * Mért előtte: 64 px-es fehér kör, a papír-háttér előtt beleolvadt; a buborék csak 20 mp vagy 50%-os
 * görgetés után jött, a látogatók nagy része nem várta ki.
 *
 *  - nagyobb gomb (72 px, mobilon 64), mögötte halvány zöld akvarellfolt a bolt ikon-foltjainak alakjával;
 *  - egyszeri „hívás" (.gc-segito--hiv, a JS ~3 mp után teszi fel, 9 mp után leveszi): a szakács
 *    kétszer int, körülötte legfeljebb 3 lassú gyűrű — aztán csend, nincs végtelen pulzálás;
 *  - prefers-reduced-motion: semmi mozgás, csak a nagyobb gomb és a statikus buborék.
 * Ez a fájl a kezdolap.css és a kezdolap-f.css UTÁN töltődik, azok régi gomb-szabályait írja felül.
 */
.gc-segito-gomb{
  --gc-segito-meret:72px;
  width:var(--gc-segito-meret);height:var(--gc-segito-meret);padding:0;border:0;border-radius:50%;
  background:transparent;box-shadow:none;overflow:visible;isolation:isolate;
}
.gc-segito-gomb::before{ /* akvarellfolt a kör mögött */
  content:"";position:absolute;z-index:-1;inset:-9px -11px -7px -8px;
  border-radius:46% 54% 52% 48%/55% 45% 55% 45%;
  background:radial-gradient(circle at 40% 38%,rgba(139,195,74,.42),rgba(139,195,74,.22) 62%,rgba(139,195,74,0) 74%);
  pointer-events:none;
}
.gc-segito-gomb::after{ /* a „lélegző" gyűrű — csak hívás közben látszik */
  content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(99,150,48,.55);
  opacity:0;pointer-events:none;
}
.gc-segito-kor{
  display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#fff;
  border:2px solid #1b1b18;box-shadow:0 6px 18px rgba(27,27,24,.16);padding:7px 7px 0;box-sizing:border-box;
}
.gc-segito-kor img{width:100%;height:auto;display:block;transform-origin:50% 90%}
.gc-segito-gomb:hover .gc-segito-kor{box-shadow:0 8px 22px rgba(27,27,24,.22)}

.gc-segito--hiv .gc-segito-kor img{animation:gc-segito-int 1.1s ease-in-out 2}
.gc-segito--hiv::after{animation:gc-segito-gyuru 2.4s ease-out 3}
@keyframes gc-segito-int{
  0%,100%{transform:rotate(0)} 20%{transform:rotate(-7deg)} 45%{transform:rotate(6deg)} 70%{transform:rotate(-4deg)}
}
@keyframes gc-segito-gyuru{
  0%{opacity:.7;transform:scale(1)} 100%{opacity:0;transform:scale(1.45)}
}

/* buborék: a gomb mellett, a gomb függőleges közepéhez igazítva */
.gc-buborek{
  right:calc(max(16px, env(safe-area-inset-right)) + var(--gc-segito-meret,72px) + 16px);
  bottom:calc(16px + var(--gc-also-takaras, 0px) + 14px);
  display:flex;align-items:center;gap:0;padding:0;max-width:min(290px, calc(100vw - 72px - 60px));
  background:#fff;border:1.5px solid #1b1b18;border-radius:16px;box-shadow:0 6px 18px rgba(27,27,24,.12);
  font:600 .95rem/1.3 'Work Sans','Open Sans',sans-serif;color:#1b1b18;
}
.gc-buborek::after{ /* kis csőr a gomb felé */
  content:"";position:absolute;right:-8px;top:50%;width:14px;height:14px;margin-top:-7px;background:#fff;
  border-right:1.5px solid #1b1b18;border-top:1.5px solid #1b1b18;transform:rotate(45deg);border-radius:0 3px 0 0;
}
.gc-buborek{width:max-content}
/* az Astra gomb-stílusa (nagybetű, betűköz, háttér) ne öröklődjön a buborék gombjaira — mért: „SEGÍTSEK VÁLASZTANI?" */
.gc-buborek button,.gc-buborek button:hover,.gc-buborek button:focus{position:static;width:auto;height:auto;margin:0;font:inherit;color:inherit;background:none;border:0;box-shadow:none;cursor:pointer;text-transform:none;letter-spacing:normal;line-height:1.3}
.gc-buborek .gc-buborek__szoveg{flex:1 1 auto;min-height:44px;padding:10px 4px 10px 16px;text-align:left}
.gc-buborek .gc-buborek__zar{flex:0 0 44px;width:44px;min-height:44px;font-size:20px;line-height:1;color:#5f5a50;border-radius:0 14px 14px 0}
.gc-buborek .gc-buborek__szoveg:focus-visible,.gc-buborek .gc-buborek__zar:focus-visible{outline:3px solid #4f7a26;outline-offset:-3px;border-radius:12px}
.gc-buborek:not([hidden]){animation:gc-segito-buborek .35s ease-out both}
@keyframes gc-segito-buborek{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media (max-width:600px){
  .gc-segito-gomb{--gc-segito-meret:64px}
  .gc-buborek{font-size:.9rem}
}
/* a fejléc-kereső nyitva: se buborék, se gomb ne kandikáljon ki alóla */
.gc-kereso-nyitva .gc-buborek{display:none}

/* A segéd ablakának bezáró gombja (×). Tulajdonos, 2026-09-30: „ha megnyitom mobilon akkor nem tudom
 * bezárni, mert nincs rá gomb, vagy nem látom". Mért: a gomb ott volt (390 px-en 306-374 × 139-183), de
 * a téma gomb-stílusa fehér betűt és 17×34 px belső margót adott rá — fehér × a fehér fejlécen. */
.gc-dialog .gc-dialog__zar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;
  width:44px!important;height:44px!important;min-width:44px;padding:0!important;margin:0 0 0 auto;
  border:1px solid #d9d3c4!important;border-radius:50%!important;background:#fff!important;
  color:#2b2a26!important;font-size:26px!important;line-height:1!important;font-weight:400;cursor:pointer}
.gc-dialog .gc-dialog__zar:hover{background:#f3efe4!important;color:#2b2a26!important}
.gc-dialog .gc-dialog__zar:focus-visible{outline:3px solid #4f7a26;outline-offset:2px}

@media (prefers-reduced-motion:reduce){
  .gc-segito--hiv .gc-segito-kor img,.gc-segito--hiv::after,.gc-buborek:not([hidden]){animation:none}
  .gc-segito-gomb,.gc-segito-gomb:hover{transition:none;transform:none}
}