/*
 * glu27 interface layer for Gitea 1.27.x
 *
 * This file intentionally loads after Gitea's selected theme. It refines the
 * built-in light, dark, auto, and accessibility themes without replacing them.
 * Keep structural changes in the supported templates/custom hooks.
 */

:root {
  --fonts-proportional: "Inter Variable", Inter, ui-sans-serif, -apple-system,
    BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", sans-serif;
  --fonts-monospace: "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas,
    "Liberation Mono", monospace;
  --border-radius: 8px;
  --border-radius-medium: 12px;
  --page-spacing: 20px;

  --glu27-blue: #4969d1;
  --glu27-blue-strong: #3c58b6;
  --glu27-cyan: #2dd4bf;
  --glu27-focus: #2563eb;
  --glu27-control-border: #8794a8;
  --glu27-action: #2563eb;
  --glu27-action-hover: #1d4ed8;
  --glu27-action-end: #4f46e5;
  --glu27-action-contrast: #ffffff;
  --glu27-radius-sm: 8px;
  --glu27-radius-md: 12px;
  --glu27-radius-lg: 18px;
  --glu27-radius-xl: 26px;
  --glu27-border: color-mix(in srgb, var(--color-secondary) 82%, transparent);
  --glu27-border-strong: color-mix(in srgb, var(--color-secondary-dark-2) 72%, transparent);
  --glu27-surface: color-mix(in srgb, var(--color-box-body) 94%, var(--color-primary) 6%);
  --glu27-surface-raised: color-mix(in srgb, var(--color-box-body) 97%, white 3%);
  --glu27-shadow-sm: 0 1px 2px rgb(15 23 42 / 7%), 0 4px 12px rgb(15 23 42 / 4%);
  --glu27-shadow-md: 0 1px 2px rgb(15 23 42 / 8%), 0 16px 40px rgb(15 23 42 / 9%);
  --glu27-shadow-lg: 0 24px 80px rgb(15 23 42 / 15%);
  --glu27-grid: rgb(15 23 42 / 4%);
  --glu27-glow: rgb(57 120 246 / 16%);

  --color-primary: var(--glu27-blue);
  --color-primary-hover: var(--glu27-blue-strong);
  --color-primary-active: #1d4ed8;
  --color-primary-contrast: #ffffff;
  --color-primary-alpha-10: rgb(57 120 246 / 10%);
  --color-primary-alpha-20: rgb(57 120 246 / 20%);
  --color-primary-alpha-30: rgb(57 120 246 / 30%);
  --color-accent: var(--glu27-blue);
  --color-small-accent: rgb(57 120 246 / 16%);
}

html[data-theme*="dark"] {
  --glu27-blue: #8fa8ff;
  --glu27-blue-strong: #a2b7ff;
  --glu27-cyan: #45dec9;
  --glu27-focus: #7dd3fc;
  --glu27-control-border: #596b82;
  --glu27-action: #2563eb;
  --glu27-action-hover: #1d4ed8;
  --glu27-action-end: #4f46e5;
  --glu27-action-contrast: #ffffff;
  --glu27-border: color-mix(in srgb, var(--color-secondary-dark-1) 60%, transparent);
  --glu27-border-strong: color-mix(in srgb, var(--color-secondary-dark-3) 70%, transparent);
  --glu27-surface: color-mix(in srgb, var(--color-box-body) 94%, var(--color-primary) 6%);
  --glu27-surface-raised: color-mix(in srgb, var(--color-box-body) 93%, white 7%);
  --glu27-shadow-sm: 0 1px 2px rgb(0 0 0 / 24%), 0 8px 24px rgb(0 0 0 / 12%);
  --glu27-shadow-md: 0 2px 4px rgb(0 0 0 / 28%), 0 20px 48px rgb(0 0 0 / 20%);
  --glu27-shadow-lg: 0 30px 90px rgb(0 0 0 / 38%);
  --glu27-grid: rgb(255 255 255 / 3.5%);
  --glu27-glow: rgb(59 130 246 / 20%);
  --color-primary-active: #a8c5ff;
  --color-primary-contrast: #0b1220;
  --color-primary-alpha-10: rgb(110 161 255 / 10%);
  --color-primary-alpha-20: rgb(110 161 255 / 20%);
  --color-primary-alpha-30: rgb(110 161 255 / 30%);
  --color-small-accent: rgb(110 161 255 / 16%);
}

@media (prefers-color-scheme: dark) {
  html[data-theme^="gitea-auto"] {
    --glu27-blue: #8fa8ff;
    --glu27-blue-strong: #a2b7ff;
    --glu27-cyan: #45dec9;
    --glu27-focus: #7dd3fc;
    --glu27-control-border: #596b82;
    --glu27-action: #2563eb;
    --glu27-action-hover: #1d4ed8;
    --glu27-action-end: #4f46e5;
    --glu27-action-contrast: #ffffff;
    --glu27-border: color-mix(in srgb, var(--color-secondary-dark-1) 60%, transparent);
    --glu27-border-strong: color-mix(in srgb, var(--color-secondary-dark-3) 70%, transparent);
    --glu27-surface: color-mix(in srgb, var(--color-box-body) 94%, var(--color-primary) 6%);
    --glu27-surface-raised: color-mix(in srgb, var(--color-box-body) 93%, white 7%);
    --glu27-shadow-sm: 0 1px 2px rgb(0 0 0 / 24%), 0 8px 24px rgb(0 0 0 / 12%);
    --glu27-shadow-md: 0 2px 4px rgb(0 0 0 / 28%), 0 20px 48px rgb(0 0 0 / 20%);
    --glu27-shadow-lg: 0 30px 90px rgb(0 0 0 / 38%);
    --glu27-grid: rgb(255 255 255 / 3.5%);
    --glu27-glow: rgb(59 130 246 / 20%);
    --color-primary-active: #a8c5ff;
    --color-primary-contrast: #0b1220;
    --color-primary-alpha-10: rgb(110 161 255 / 10%);
    --color-primary-alpha-20: rgb(110 161 255 / 20%);
    --color-primary-alpha-30: rgb(110 161 255 / 30%);
    --color-small-accent: rgb(110 161 255 / 16%);
  }
}

/* Foundation */

html {
  background: var(--color-body);
  scroll-padding-top: 70px;
  scrollbar-color: var(--color-secondary-dark-3) transparent;
}

body {
  letter-spacing: -0.006em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-body);
  background-image:
    radial-gradient(circle at 8% -10%, var(--glu27-glow), transparent 30rem),
    radial-gradient(circle at 96% 12%, color-mix(in srgb, var(--glu27-cyan) 8%, transparent), transparent 26rem);
  background-attachment: fixed;
}

::selection {
  color: var(--glu27-action-contrast);
  background: color-mix(in srgb, var(--glu27-action) 88%, transparent);
}

a,
button,
input,
textarea,
.ui.dropdown,
.ui.segment {
  transition-property: color, background-color, border-color, box-shadow, opacity, transform;
  transition-duration: 150ms;
  transition-timing-function: ease;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--glu27-focus);
  outline-offset: 2px;
}

/* Match Gitea's more specific form and button selectors so its base
 * `outline: none` cannot hide the keyboard focus ring. */
.ui.form input:not([type="checkbox"], [type="radio"]):focus-visible,
.ui.form textarea:focus-visible,
.ui.form select:focus-visible,
.ui.input > input:focus-visible,
.ui.selection.dropdown:focus-visible,
.ui.button:focus-visible {
  outline: 2px solid var(--glu27-focus);
  outline-offset: 2px;
}

pre,
code,
kbd,
samp {
  letter-spacing: 0;
  font-variant-ligatures: none;
}

.full.height,
.page-content {
  position: relative;
}

/* Navigation */

#navbar {
  position: sticky;
  z-index: 100;
  top: 0;
  min-height: 58px;
  padding-inline: clamp(12px, 2.2vw, 32px);
  border-bottom-color: var(--glu27-border);
  background: color-mix(in srgb, var(--color-nav-bg) 88%, transparent);
  box-shadow: 0 1px 0 rgb(255 255 255 / 3%), 0 8px 32px rgb(15 23 42 / 5%);
  backdrop-filter: saturate(145%) blur(18px);
}

#navbar .navbar-left,
#navbar .navbar-right {
  min-height: 57px;
  gap: 3px;
}

.navbar-left > .item,
.navbar-right > .item,
.navbar-mobile-right > .item {
  min-height: 38px;
  margin-block: 9px;
  padding-inline: 12px;
  border-radius: var(--glu27-radius-sm);
  font-weight: 560;
}

#navbar .item.active {
  color: var(--color-text-dark);
  background: var(--color-primary-alpha-10);
  box-shadow: inset 0 0 0 1px var(--color-primary-alpha-10);
}

#navbar-logo {
  margin-right: 7px;
  padding-inline: 4px !important;
}

#navbar-logo img {
  width: 34px;
  height: 34px;
  filter: drop-shadow(0 7px 12px rgb(37 99 235 / 18%));
}

#navbar-logo:hover img {
  transform: translateY(-1px) rotate(-2deg);
}

#navbar .ui.dropdown .menu,
.ui.dropdown .menu {
  overflow: hidden;
  border-color: var(--glu27-border-strong);
  border-radius: var(--glu27-radius-md);
  background: color-mix(in srgb, var(--color-menu) 96%, transparent);
  box-shadow: var(--glu27-shadow-md);
  backdrop-filter: blur(18px);
}

.secondary-nav {
  border-bottom: 1px solid var(--glu27-border);
  background: color-mix(in srgb, var(--color-secondary-nav-bg) 92%, transparent) !important;
  box-shadow: 0 8px 28px rgb(15 23 42 / 3%);
}

.secondary-nav .ui.secondary.pointing.menu .active.item {
  color: var(--color-primary);
}

/* Surfaces */

.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.ui.menu:not(.secondary) {
  border-color: var(--glu27-border);
}

.ui.segment:not(.basic, .vertical, .attached),
.ui.segments,
.ui.card,
.ui.cards > .card {
  box-shadow: var(--glu27-shadow-sm);
}

.ui.segment:not(.basic, .vertical, .attached),
.ui.card,
.ui.cards > .card {
  background: var(--glu27-surface-raised);
}

.ui.segment:not(.attached),
.ui.segments,
.ui.card,
.ui.cards > .card,
.ui.message {
  border-radius: var(--glu27-radius-md);
}

.ui.segments > .segment {
  border-radius: 0;
  box-shadow: none;
}

.ui.segments > .segment:first-child,
.ui.top.attached.segment,
.ui.top.attached.header {
  border-radius: var(--glu27-radius-md) var(--glu27-radius-md) 0 0;
}

.ui.segments > .segment:last-child,
.ui.bottom.attached.segment {
  border-radius: 0 0 var(--glu27-radius-md) var(--glu27-radius-md);
}

.ui.segments > .segment:only-child {
  border-radius: var(--glu27-radius-md);
}

.ui.segments > .segment:not(:first-child, :last-child) {
  border-radius: 0;
  box-shadow: none;
}

.ui.header {
  letter-spacing: -0.018em;
}

.ui.attached.header {
  border-color: var(--glu27-border);
  background: color-mix(in srgb, var(--color-box-header) 86%, var(--color-primary) 2%);
}

.ui.table:not(.attached) {
  border-color: var(--glu27-border);
  border-radius: var(--glu27-radius-md);
  box-shadow: var(--glu27-shadow-sm);
}

.ui.table thead th {
  border-color: var(--glu27-border);
  background: color-mix(in srgb, var(--color-box-header) 92%, var(--color-primary) 3%);
  color: var(--color-text-light);
  font-size: 0.86rem;
  font-weight: 650;
  letter-spacing: 0;
}

.ui.table tbody tr:hover,
.ui.selectable.table tbody tr:hover {
  background: var(--color-primary-alpha-10) !important;
}

/* Inputs and controls */

.ui.form .field > label {
  margin-bottom: 0.48rem;
  color: var(--color-text-light);
  font-size: 0.86rem;
  font-weight: 620;
  letter-spacing: 0.005em;
}

input:not([type="checkbox"], [type="radio"]),
textarea,
.ui.input > input,
.ui.form input:not([type="checkbox"], [type="radio"]),
.ui.form select,
.ui.form textarea,
.ui.selection.dropdown,
.ui.search > .prompt {
  min-height: 40px;
  border-color: var(--glu27-control-border);
  border-radius: var(--glu27-radius-sm);
  background: color-mix(in srgb, var(--color-input-background) 96%, var(--color-primary) 2%);
  box-shadow: inset 0 1px 2px rgb(15 23 42 / 4%);
}

input:not([type="checkbox"], [type="radio"]):focus,
textarea:focus,
.ui.input input:focus,
.ui.form input:not([type="checkbox"], [type="radio"]):focus,
.ui.form select:focus,
.ui.form textarea:focus,
.ui.search > .prompt:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-alpha-20), inset 0 1px 2px rgb(15 23 42 / 3%);
}

.ui.button {
  min-height: 36px;
  border-radius: var(--glu27-radius-sm);
  font-weight: 620;
  letter-spacing: -0.006em;
  box-shadow: 0 1px 2px rgb(15 23 42 / 8%);
}

.ui.button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgb(15 23 42 / 10%);
}

.ui.button:active:not(:disabled) {
  transform: translateY(0);
}

.ui.primary.button,
.ui.primary.buttons .button {
  border-color: color-mix(in srgb, var(--glu27-action) 78%, black);
  background: linear-gradient(135deg, var(--glu27-action), var(--glu27-action-end));
  color: var(--glu27-action-contrast);
  box-shadow: 0 1px 2px rgb(15 23 42 / 12%), 0 8px 20px color-mix(in srgb, var(--glu27-action) 22%, transparent);
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: linear-gradient(135deg, var(--glu27-action-hover), color-mix(in srgb, var(--glu27-action-end) 84%, black));
  color: var(--glu27-action-contrast);
}

.ui.primary.button:active,
.ui.primary.buttons .button:active {
  background: linear-gradient(135deg, var(--glu27-action-hover), color-mix(in srgb, var(--glu27-action-end) 72%, black));
  color: var(--glu27-action-contrast);
}

.ui.buttons > .ui.button:hover {
  transform: none;
}

input[type="radio"]:checked {
  border-color: var(--glu27-action);
}

input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate {
  border-color: var(--glu27-action);
  background: var(--glu27-action);
}

.ui.toggle.checkbox input:checked ~ label::before,
.ui.toggle.checkbox input:focus:checked ~ label::before {
  background: var(--glu27-action) !important;
}

.ui.label {
  border-radius: 6px;
  font-weight: 590;
}

.avatar,
.ui.avatar.image,
.navbar-avatar img {
  box-shadow: 0 0 0 1px var(--glu27-border), 0 3px 10px rgb(15 23 42 / 10%);
}

/* Repository and work surfaces */

.repo-header {
  padding-block: 6px;
}

.repo-view-file-tree-container {
  top: 70px;
  max-height: calc(100vh - 70px);
}

.repo-header .repo-title,
.repo-header .flex-text-block.tw-text-18 {
  letter-spacing: -0.02em;
}

#repo-files-table {
  overflow: hidden;
  border-color: var(--glu27-border);
  border-radius: var(--glu27-radius-md);
  box-shadow: var(--glu27-shadow-sm);
}

#repo-files-table .repo-file-line,
#repo-files-table .repo-file-cell {
  border-top-color: var(--glu27-border);
  padding-block: 10px;
}

#repo-files-table .repo-file-last-commit {
  background: color-mix(in srgb, var(--color-box-header) 90%, var(--color-primary) 4%);
}

#repo-files-table .repo-file-item:hover > .repo-file-cell,
#repo-files-table .parent-link:hover {
  background: var(--color-primary-alpha-10);
}

.file-view,
.markup,
.repository .diff-file-box,
.repository .segment.reactions {
  border-radius: var(--glu27-radius-md);
}

.repository.view.issue .comment-list .timeline-item.comment > .content .ui.segments,
.repository.view.issue .comment-list .timeline-item.comment > .content > .ui.segment {
  border-color: var(--glu27-border);
  box-shadow: var(--glu27-shadow-sm);
}

.issue-title h1,
.repository .repo-header {
  letter-spacing: -0.026em;
}

.dashboard .flex-container-main,
.dashboard .flex-container-sidebar {
  min-width: 0;
}

.dashboard #dashboard-repo-list .ui.segment,
.dashboard .feeds .ui.segment {
  border-color: var(--glu27-border);
}

.activity.feeds .news,
.dashboard.feeds .news {
  padding-block: 14px;
}

.ui.pagination.menu {
  overflow: hidden;
  border-radius: var(--glu27-radius-sm);
  box-shadow: var(--glu27-shadow-sm);
}

/* Sign-in composition */

body:has(.page-content.user.signin) {
  min-height: 100vh;
  background-image:
    radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--color-primary) 24%, transparent), transparent 28rem),
    radial-gradient(circle at 78% 78%, color-mix(in srgb, var(--glu27-cyan) 11%, transparent), transparent 24rem),
    linear-gradient(var(--glu27-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--glu27-grid) 1px, transparent 1px);
  background-size: auto, auto, 32px 32px, 32px 32px;
}

body:has(.page-content.user.signin) .full.height {
  min-height: calc(100vh - 52px);
  padding-bottom: 0;
}

body:has(.page-content.user.signin) #navbar {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.page-content.user.signin {
  display: flex;
  min-height: calc(100vh - 120px);
  align-items: center;
  padding: 56px clamp(20px, 6vw, 96px);
}

.page-content.user.signin > .ui.page.grid {
  width: min(100%, 520px);
  margin: 0 6vw 0 auto;
  padding: 0;
}

.page-content.user.signin > .ui.page.grid > .column {
  flex: 1 1 100%;
  width: 100% !important;
  max-width: 520px !important;
  padding: 0 !important;
}

.page-content.user.signin .ui.container.fluid {
  width: 100%;
  max-width: none !important;
  margin-inline: 0;
  border-radius: var(--glu27-radius-lg);
  box-shadow: var(--glu27-shadow-lg);
}

.page-content.user.signin > .ui.page.grid > .column > .ui.container.fluid:first-of-type .ui.top.attached.header {
  padding: 24px 28px 14px;
  border: 1px solid var(--glu27-border);
  border-bottom: 0;
  border-radius: var(--glu27-radius-lg) var(--glu27-radius-lg) 0 0;
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent);
  font-size: 1.35rem;
  font-weight: 720;
  backdrop-filter: blur(20px);
}

.page-content.user.signin > .ui.page.grid > .column > .ui.container.fluid:first-of-type .ui.attached.segment {
  padding: 20px 28px 28px;
  border-color: var(--glu27-border);
  border-radius: 0 0 var(--glu27-radius-lg) var(--glu27-radius-lg);
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent);
  backdrop-filter: blur(20px);
}

.page-content.user.signin .ui.form .field {
  margin-bottom: 1.15rem;
}

.page-content.user.signin .ui.form input:not([type="checkbox"], [type="radio"]) {
  min-height: 48px;
  font-size: 1rem;
}

.page-content.user.signin .ui.primary.button {
  min-height: 48px;
  margin-top: 4px;
  font-size: 1rem;
}

.page-content.user.signin .divider-text {
  margin-block: 20px;
}

.page-content.user.signin > .ui.page.grid > .column > .ui.container.fluid + .ui.container.fluid > .ui.attached.segment {
  padding: 20px 28px;
  border-color: var(--glu27-border);
  border-radius: var(--glu27-radius-lg);
  background: color-mix(in srgb, var(--color-box-body) 88%, transparent);
  backdrop-filter: blur(20px);
}

.glu27-auth-story {
  position: fixed;
  z-index: 2;
  top: 50%;
  left: clamp(28px, 8vw, 140px);
  width: min(38vw, 520px);
  transform: translateY(-47%);
  color: var(--color-text);
}

.glu27-auth-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  color: var(--color-text-light-1);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.glu27-auth-kicker img {
  width: 38px;
  height: 38px;
  filter: drop-shadow(0 10px 20px rgb(37 99 235 / 24%));
}

.glu27-auth-story h1 {
  max-width: 680px;
  margin: 0;
  color: var(--color-text-dark);
  font-size: clamp(2.6rem, 4.3vw, 5.2rem);
  font-weight: 760;
  letter-spacing: -0.065em;
  line-height: 0.98;
}

.glu27-auth-story h1 span {
  color: var(--color-primary);
}

.glu27-auth-story p {
  max-width: 470px;
  margin: 28px 0 0;
  color: var(--color-text-light-1);
  font-size: clamp(1rem, 1.25vw, 1.16rem);
  letter-spacing: -0.012em;
  line-height: 1.65;
}

.glu27-auth-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.glu27-auth-points span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border: 1px solid var(--glu27-border);
  border-radius: var(--border-radius-full);
  background: color-mix(in srgb, var(--color-box-body) 70%, transparent);
  color: var(--color-text-light);
  font-size: 0.82rem;
  font-weight: 590;
  backdrop-filter: blur(12px);
}

.glu27-auth-points span::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--glu27-cyan);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--glu27-cyan) 13%, transparent);
  content: "";
}

body:has(.page-content.user.signin) .page-footer {
  position: relative;
  z-index: 3;
  border-top-color: transparent;
  background: transparent;
}

/* Footer */

.page-footer {
  min-height: 52px;
  padding: 12px clamp(16px, 2.2vw, 32px);
  border-top-color: var(--glu27-border);
  background: color-mix(in srgb, var(--color-footer) 86%, transparent);
  color: var(--color-text-light-2);
  font-size: 0.86rem;
  backdrop-filter: blur(16px);
}

.page-footer a,
.page-footer .ui.dropdown {
  color: var(--color-text-light-1);
}

/* Responsive and motion preferences */

@media (max-width: 1100px) {
  .glu27-auth-story {
    left: 5vw;
    width: 36vw;
  }

  .glu27-auth-story h1 {
    font-size: clamp(2.4rem, 4.8vw, 4rem);
  }

  .page-content.user.signin > .ui.page.grid {
    margin-right: 2vw;
  }
}

@media (max-width: 1020px) {
  .glu27-auth-story {
    display: none;
  }

  .page-content.user.signin {
    min-height: calc(100vh - 110px);
    align-items: flex-start;
    padding: clamp(36px, 9vh, 72px) 16px 36px;
  }

  .page-content.user.signin > .ui.page.grid {
    margin-inline: auto;
  }

}

@media (max-width: 767.98px) {
  :root {
    --page-spacing: 14px;
  }

  #navbar {
    min-height: 54px;
    padding-inline: 8px;
  }

  #navbar .navbar-left,
  #navbar .navbar-right {
    min-height: 53px;
  }

  .page-content.user.signin .ui.top.attached.header {
    padding: 20px 20px 12px;
  }

  .page-content.user.signin .ui.attached.segment {
    padding: 18px 20px 22px;
  }

  .ui.button:hover:not(:disabled) {
    transform: none;
  }

  .page-footer {
    gap: 10px;
    padding-block: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .ui.button:hover:not(:disabled),
  #navbar-logo:hover img {
    transform: none !important;
  }
}