/* nyano_overrides.css
 *
 * Loaded AFTER nyano_portal.css.
 * Put tenant / instance specific UI overrides here (safe to customize).
 *
 * IMPORTANT:
 * - Keep this file UTF-8.
 * - Avoid CSS content strings like " \\2197 " (double backslash). They render a literal "\2197"
 *   and can appear as "¥2197" on JP fonts where backslash is displayed as Yen sign.
 */

/* nyano-official-social-badge-v5
 * Fix: remove confusing "\2197" badge on official SNS link buttons.
 * If you want an external-link icon, render it in HTML (e.g. &#x2197;) instead of CSS escaping.
 */
.nyano-social-buttons a::after,
.nyano-social-buttons .nyano-login-btn::after {
  content: "" !important;
  display: none !important;
}

/* The login CTA has a shimmering ::before; when reused for social links, disable it. */
.nyano-social-buttons a::before,
.nyano-social-buttons .nyano-login-btn::before {
  content: "" !important;
  display: none !important;
}

/* Make official social links visually distinct from the main login CTA,
   but still match the portal's light theme. */
.nyano-social-buttons a,
.nyano-social-buttons .nyano-login-btn {
  background: rgba(12, 74, 110, 0.06) !important; /* fallback for the default palette */
  border: 1px solid rgba(12, 74, 110, 0.18) !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

.nyano-social-buttons a:hover,
.nyano-social-buttons .nyano-login-btn:hover {
  background: rgba(12, 74, 110, 0.10) !important;
}

/* Theme-agnostic enhancement (stays aligned if text color changes) */
@supports (background: color-mix(in srgb, black 10%, transparent)) {
  .nyano-social-buttons a,
  .nyano-social-buttons .nyano-login-btn {
    background: color-mix(in srgb, currentColor 6%, transparent) !important;
    border-color: color-mix(in srgb, currentColor 18%, transparent) !important;
  }
  .nyano-social-buttons a:hover,
  .nyano-social-buttons .nyano-login-btn:hover {
    background: color-mix(in srgb, currentColor 10%, transparent) !important;
  }
}

/* Layout */
.nyano-social-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* admin-quest-templates-layout-v2
 *
 * NOTE:
 * - base.html does not set data-path on <body>, so selectors like body[data-path^=...] never match.
 * - admin_quest_templates.html sets data-page="admin-quest-templates" on the root container.
 */
body[data-mode="admin"] [data-page="admin-quest-templates"] .table td {
  white-space: normal;
  word-break: break-word;
}
body[data-mode="admin"] [data-page="admin-quest-templates"] .table td code {
  white-space: pre-wrap;
  word-break: break-word;
}

body[data-mode="admin"] [data-page="admin-quest-templates"] .template-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}
body[data-mode="admin"] [data-page="admin-quest-templates"] .template-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
