/**
 * @file
 * Theme overrides for contrib module styling conflicts with Gin.
 */

/* Length Indicator cursor needs contrast against the dark editor surface. */
.length-indicator__cursor {
  border-bottom-color: #fff;
}

/* Fix workflow_buttons_trash Delete button in Gin sticky bar */
.gin-sticky-form-actions .submit-trash.button--danger {
  appearance: none;
  background-color: var(--gin-color-danger);
  color: #fff;
  border: 2px solid var(--gin-color-danger);
  border-radius: var(--gin-border-radius);
  padding: var(--gin-spacing-xs) var(--gin-spacing-m);
  font-weight: 700;
  font-size: var(--gin-font-size-s);
  cursor: pointer;
}

.gin-sticky-form-actions .submit-trash.button--danger:hover {
  background-color: var(--gin-color-danger-hover, #c52b2b);
  border-color: var(--gin-color-danger-hover, #c52b2b);
}

/* Hide the empty trash icon span */
.gin-sticky-form-actions span.submit-trash.action-link--icon-trash {
  display: none;
}

/* ============================================================
   VivaSport admin chrome branding (visible on every admin page)
   ============================================================ */

/* Navigation sidebar — VivaSport amber edge on the active item */
.admin-toolbar__item .toolbar-button[aria-current="page"],
.admin-toolbar__item .toolbar-button.is-active {
  box-shadow: inset 3px 0 0 0 var(--gin-color-primary);
}

/* Primary local tabs — amber active underline (brand reinforcement) */
.gin-secondary-toolbar .tabs__tab.is-active,
nav.tabs .tabs__link.is-active {
  box-shadow: inset 0 -2px 0 0 var(--gin-color-primary);
}

/* ──────────────────────────────────────────────────────────────────
 * Toolbar brand logo (see templates/navigation/navigation.html.twig)
 * Collapsed sidebar → amber "V" emblem. Expanded → VIVASPORT wordmark.
 * The wordmark is fill: currentColor, so `color` controls dark/light.
 * ────────────────────────────────────────────────────────────────── */
.vs-toolbar-logo {
  display: flex;
  align-items: center;
  overflow: visible !important;     /* don't clip the wordmark */
  border-radius: 0 !important;      /* drop Gin/core's rounded-corner clip (ID-boosted rule) */
  /* Adaptive ink — Gin's own tokens flip in light/dark mode, so no hardcoded
   * colours and no manual dark-mode override needed. Disc + wordmark use the
   * foreground; the monogram uses the surface (see below). */
  color: var(--gin-color-text);
}
.vs-toolbar-logo:hover {
  background-color: transparent;
}

/* Collapsed → VivaSport "VS" favicon monogram. Gin recolours navigation logo
 * SVGs via a specificity-hacked rule, so !important keeps our colours. */
.vs-toolbar-logo__mark {
  display: block;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
}
.vs-toolbar-logo .vs-toolbar-logo__mark circle {
  fill: var(--gin-color-text) !important; /* disc = foreground (adaptive) */
}
.vs-toolbar-logo .vs-toolbar-logo__mark path {
  fill: var(--gin-bg-layer) !important;   /* "VS" = surface (adaptive counter) */
}

/* Expanded → VIVASPORT wordmark (currentColor, pinned past Gin's recolor). */
.vs-toolbar-logo__wordmark {
  display: none;
  width: auto;
  height: 18px;
}
.vs-toolbar-logo .vs-toolbar-logo__wordmark path,
.vs-toolbar-logo .vs-toolbar-logo__wordmark polygon {
  fill: currentColor !important;
}

html[data-admin-toolbar="expanded"] .vs-toolbar-logo__mark {
  display: none;
}
html[data-admin-toolbar="expanded"] .vs-toolbar-logo__wordmark {
  display: block;
}

/* STUDIO chip next to the wordmark (expanded) — mirrors the login lockup. */
.vs-toolbar-logo__studio {
  display: none;
  margin-inline-start: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--gin-color-primary);   /* brand amber */
  color: #0a0a0a;                          /* dark ink on amber */
  font-family: 'Titillium Web', system-ui, sans-serif;
  font-weight: 700;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
html[data-admin-toolbar="expanded"] .vs-toolbar-logo__studio {
  display: inline-block;
}