/* ═══ GLOW EFFECTS — золотое РАЗМЫТОЕ свечение, не просто 2px border ═══ */

/* ── 1. КНОПКА С GLOW (для CTA) ────────────────────────── */
.btn-glow{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 26px;
  background:linear-gradient(135deg, rgba(201,168,76,.18) 0%, rgba(201,168,76,.05) 100%);
  color:var(--gold);
  font-family:'Bebas Neue', sans-serif;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  border:1px solid rgba(201,168,76,.45);
  border-radius:14px;
  cursor:pointer;
  transition:all .3s ease;
  text-decoration:none;
}
.btn-glow > span{display:flex;align-items:center;gap:8px;}
.btn-glow:hover,
.btn-glow:focus{
  background:rgba(201,168,76,.18);
  border-color:var(--gold);
  color:#fff;
  /* размытое золотое сияние вокруг */
  box-shadow:
    0 0 0 1px var(--gold) inset,
    0 0 16px rgba(201,168,76,.45),
    0 0 32px rgba(201,168,76,.25);
  outline:none;
  transform:translateY(-1px);
}

/* Перебиваем существующий .auth-submit чтобы glow реально применился */
button.btn-glow.auth-submit{
  background:linear-gradient(135deg, rgba(201,168,76,.22) 0%, rgba(201,168,76,.08) 100%) !important;
  color:var(--gold) !important;
  border:1px solid rgba(201,168,76,.55) !important;
  margin-top:12px !important;
  padding:14px !important;
  font-size:13px !important;
  letter-spacing:2px !important;
}
button.btn-glow.auth-submit:hover{
  background:rgba(201,168,76,.25) !important;
  color:#fff !important;
  box-shadow:
    0 0 0 1px var(--gold) inset,
    0 0 18px rgba(201,168,76,.5),
    0 0 36px rgba(201,168,76,.28) !important;
  transform:translateY(-1px);
}

/* ── 2. INPUT С GOLDEN GLOW НА FOCUS ───────────────────── */
/* Главное: не просто border-color — а полноценное РАЗМЫТОЕ свечение */
.input-glow,
#si,
#music-search-input,
#diary-q,
#game-guess,
#club-chat-input,
#ai-find-input,
#ai-rec-input,
#ai-actor-input,
#ai-quote-input{
  transition: box-shadow .3s ease, border-color .3s ease !important;
}
.input-glow:focus,
#si:focus,
#music-search-input:focus,
#diary-q:focus,
#game-guess:focus,
#club-chat-input:focus,
#ai-find-input:focus,
#ai-rec-input:focus,
#ai-actor-input:focus,
#ai-quote-input:focus{
  border-color:var(--gold) !important;
  /* мягкое golden glow вокруг */
  box-shadow:
    0 0 0 2px rgba(201,168,76,.35),
    0 0 14px rgba(201,168,76,.4),
    0 0 28px rgba(201,168,76,.18) !important;
  outline:none !important;
}

/* ── 3. SHARE-ROW (иконки с tooltip и брендовым hover) ──── */
.share-row{
  display:inline-flex;list-style:none;padding:0;margin:0;
  font-family:'Inter', sans-serif;
  gap:10px;
}
.share-row .share-ic{
  position:relative;
  background:#181820;
  border:1px solid var(--border);
  border-radius:50%;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;
  transition:all .25s cubic-bezier(.68,-.55,.265,1.55);
  color:#ccc;
}
.share-row .share-ic svg{width:18px;height:18px;fill:currentColor;}
.share-row .share-ic .tt{
  position:absolute;top:0;
  font-size:11px;letter-spacing:.5px;
  background:#181820;color:#fff;
  padding:5px 10px;border-radius:5px;
  box-shadow:0 8px 12px rgba(0,0,0,.4);
  opacity:0;pointer-events:none;
  transition:all .3s cubic-bezier(.68,-.55,.265,1.55);
  white-space:nowrap;
}
.share-row .share-ic .tt::before{
  content:"";position:absolute;
  height:8px;width:8px;background:inherit;
  bottom:-3px;left:50%;
  transform:translate(-50%) rotate(45deg);
}
.share-row .share-ic:hover{transform:translateY(-4px);}
.share-row .share-ic:hover .tt{top:-46px;opacity:1;pointer-events:auto;}
.share-row .share-ic.tg:hover,
.share-row .share-ic.tg:hover .tt{background:#2aabee;color:#fff;border-color:#2aabee;}
.share-row .share-ic.wa:hover,
.share-row .share-ic.wa:hover .tt{background:#25d366;color:#fff;border-color:#25d366;}
.share-row .share-ic.vk:hover,
.share-row .share-ic.vk:hover .tt{background:#0077ff;color:#fff;border-color:#0077ff;}
.share-row .share-ic.tw:hover,
.share-row .share-ic.tw:hover .tt{background:#1da1f2;color:#fff;border-color:#1da1f2;}
.share-row .share-ic.copy:hover,
.share-row .share-ic.copy:hover .tt{background:var(--gold);color:#000;border-color:var(--gold);}

/* ── 4. ОКРУГЛЫЕ СОЦ-ИКОНКИ В ФУТЕРЕ ───────────────────── */
.footer-social-btn{
  border-radius:50% !important;
  width:40px !important;
  height:40px !important;
  background:#181820 !important;
  border:1px solid var(--border) !important;
  color:#bbb !important;
  font-size:16px !important;
  transition:all .25s cubic-bezier(.68,-.55,.265,1.55) !important;
}
.footer-social-btn:hover{
  background:var(--gold) !important;
  color:#000 !important;
  border-color:var(--gold) !important;
  transform:translateY(-3px) !important;
  box-shadow:0 6px 18px rgba(201,168,76,.4) !important;
}

/* ── 5. ГЛАВНЫЙ ПОИСК В ШАПКЕ — ЗАКРУГЛЁННЫЙ КАК AI-ЧАТ ── */
.hsearch input,
#si{
  border-radius:24px !important;
  padding:11px 44px 11px 18px !important;
  background:rgba(20,20,28,.7) !important;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.hsearch{position:relative;}
.hsearch .hsico{
  position:absolute;
  right:14px;top:50%;
  transform:translateY(-50%);
  font-size:14px;
  color:var(--muted);
  pointer-events:none;
}