/* =====================================================================
   Ask your AI — deep links to ChatGPT / Claude / Gemini / Grok / Perplexity
   with a prefilled prompt about Bukkii. Prompt lives in data-prompt (hidden). Pairs with /assets/ask-ai.js
   ===================================================================== */

.ask-ai-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: var(--s-xxl);
  align-items: center;
}

/* Provider list */
.ask-ai-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--canvas);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.ask-ai-list li + li { border-top: 1px solid var(--hairline); }
.ask-ai-link {
  display: flex;
  align-items: center;
  gap: var(--s-base);
  padding: var(--s-base) var(--s-lg);
  min-height: 68px;
  color: var(--ink);
  text-decoration: none;
  transition: background var(--dur-fast);
}
.ask-ai-logo {
  flex: none;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--hairline);
  border-radius: var(--r-md);
  background: var(--canvas);
}
.ask-ai-logo img { width: 24px; height: 24px; }
.ask-ai-name { flex: 1; min-width: 0; font-size: var(--t-title); font-weight: 600; }
.ask-ai-arrow {
  flex: none;
  color: var(--muted-soft);
  transition: transform var(--dur) var(--ease, ease-out), color var(--dur-fast);
}
.ask-ai-link:hover { background: var(--primary-soft); }
.ask-ai-link:hover .ask-ai-arrow { color: var(--primary); transform: translateX(4px); }
.ask-ai-link:active { background: var(--primary-disabled); }
.ask-ai-link:focus-visible { outline: 2px solid var(--primary); outline-offset: -2px; }


/* Toast (Gemini needs a manual paste) */
.ask-ai-toast {
  position: fixed;
  left: 50%;
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 1000;
  max-width: calc(100vw - 32px);
  padding: 10px 16px;
  background: var(--ink);
  color: #fff;
  font-size: var(--t-body-sm);
  border-radius: var(--r-sm);
  box-shadow: var(--shadow-md);
  opacity: 0;
  transform: translate(-50%, 12px);
  pointer-events: none;
  transition: opacity var(--dur), transform var(--dur);
}
.ask-ai-toast[data-show="true"] { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 980px) {
  .ask-ai-grid { grid-template-columns: 1fr; gap: var(--s-xl); }
  .ask-ai-intro { text-align: center; }
}
@media (max-width: 480px) {
  .ask-ai-link { padding: var(--s-md) var(--s-base); gap: var(--s-md); }
}
@media (prefers-reduced-motion: reduce) {
  .ask-ai-arrow, .ask-ai-toast { transition: none; }
  .ask-ai-link:hover .ask-ai-arrow { transform: none; }
}