/* GitMake — Apple HIG overrides for git.gitmake.ru */

@import url("/assets/css/gitmake-ui.css");

/* Footer / upstream hidden */
footer,
.page-footer,
.footer,
[role="contentinfo"],
footer *,
.page-footer * {
  display: none !important;
}

a[href*="forgejo.org"],
a[href*="codeberg.org"],
a[href*="/download"],
a[href*="/docs/latest"],
a[href*="/api/swagger"],
a[href*="licenses.txt"],
a[href*="/api/v1"],
.navbar a[href*="Help"],
.navbar a[href*="Помощь"],
link[href*="fonts.googleapis.com"],
link[href*="fonts.gstatic.com"] {
  display: none !important;
}

body,
.full.height {
  background: var(--page-bg) !important;
  color: var(--text) !important;
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
}

body .ui.form,
body .ui.menu,
body .ui.button,
body .ui.input input {
  font-family: var(--font-sans) !important;
}

code, pre, .monospaced {
  font-family: var(--font-mono) !important;
}

/* —— macOS-style toolbar navbar —— */
#navbar,
.navbar {
  background: var(--material-bg) !important;
  border: 1px solid var(--material-border) !important;
  backdrop-filter: var(--blur-material) !important;
  -webkit-backdrop-filter: var(--blur-material) !important;
  box-shadow: var(--shadow-sm) !important;
  min-height: 52px;
  margin: 12px 16px 0 !important;
  border-radius: var(--radius-lg) !important;
  width: calc(100% - 32px) !important;
}

#navbar-logo {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  padding-left: 12px !important;
}

#navbar-logo img { display: none !important; }

#navbar-logo::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: url("/assets/img/logo.svg") center / contain no-repeat;
}

#navbar-logo::after {
  content: "GitMake";
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.02em;
  color: var(--text);
}

#navbar .item,
.navbar .item {
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--muted) !important;
}

#navbar .item.active,
.navbar .item.active {
  background: var(--accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.gitmake-theme-toggle {
  background: var(--surface-secondary) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  min-width: 36px;
  min-height: 36px;
  padding: 8px !important;
  cursor: pointer;
  color: var(--muted) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* —— Grouped cards (Settings / iOS lists) —— */
.ui.segment,
.ui.card,
.repository .segment,
.dashboard .ui.segment,
.ui.attached.segment {
  background: var(--surface-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
}

.ui.top.attached.header,
.ui.attached.header {
  background: transparent !important;
  border-color: var(--separator) !important;
  border-top-left-radius: var(--radius-lg) !important;
  border-top-right-radius: var(--radius-lg) !important;
  font-weight: 600 !important;
  font-size: 17px !important;
  letter-spacing: -0.02em !important;
  color: var(--text) !important;
}

.ui.bottom.attached.segment,
.ui.attached.segment:not(.top) {
  border-bottom-left-radius: var(--radius-lg) !important;
  border-bottom-right-radius: var(--radius-lg) !important;
}

/* —— Buttons —— */
.ui.primary.button,
.ui.blue.button,
.ui.green.button {
  background: var(--accent) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.ui.primary.button:hover,
.ui.blue.button:hover {
  background: var(--accent-hover) !important;
}

.ui.form button.ui.button,
.ui.primary.button,
.ui.green.button,
.ui.blue.button {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.ui.form button.ui.button:disabled,
.ui.primary.button:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

.ui.basic.button {
  background: var(--surface-secondary) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
}

/* —— Inputs —— */
.ui.form input:not([type="checkbox"]):not([type="radio"]),
.ui.form textarea,
.ui.form select,
.ui.input > input,
.ui.selection.dropdown {
  background: var(--input-bg) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  border-radius: var(--radius-sm) !important;
  font-size: 15px !important;
}

.ui.form input:focus,
.ui.input input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
}

.ui.form label {
  color: var(--muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

a,
.ui.menu .item:not(.active):hover {
  color: var(--accent) !important;
}

/* —— Sign in (iOS sheet style) —— */
.page-content.user.signin,
.page-content.user.signup {
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px !important;
  background: var(--page-bg) !important;
}

.page-content.user.signin .column,
.page-content.user.signup .column {
  max-width: 400px !important;
  width: 100%;
}

.page-content.user.signin .ui.container.fluid,
.page-content.user.signup .ui.container.fluid {
  background: var(--surface-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-md) !important;
  overflow: hidden;
}

.page-content.user.signin .ui.top.attached.header,
.page-content.user.signup .ui.top.attached.header {
  padding: 20px 20px 12px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  border-bottom: 1px solid var(--separator) !important;
}

.page-content.user.signin .ui.attached.segment,
.page-content.user.signup .ui.attached.segment {
  border: none !important;
  box-shadow: none !important;
  padding: 16px 20px 20px !important;
  background: transparent !important;
}

/* —— Tables & messages —— */
.ui.table {
  border-color: var(--separator) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden;
  background: var(--surface-bg) !important;
}

.ui.message {
  border-radius: var(--radius-md) !important;
  background: var(--surface-secondary) !important;
  border: 1px solid var(--border) !important;
}

.repository .ui.repo-header .ui.compact.menu .item.active {
  background: var(--accent) !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.ui.label,
.ui.basic.label {
  border-radius: var(--radius-pill) !important;
  font-weight: 500 !important;
}

.page-content,
.full.height {
  background: var(--page-bg) !important;
}

@media (max-width: 768px) {
  #navbar,
  .navbar {
    margin: 8px 8px 0 !important;
    width: calc(100% - 16px) !important;
    border-radius: var(--radius-md) !important;
  }
}

/* —— macOS repo sidebar & code view —— */
.repository .ui.vertical.menu,
.repository .secondary.menu,
.repo-header .ui.menu,
.dashboard .ui.vertical.menu {
  background: var(--surface-secondary) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 6px !important;
}

.repository .ui.vertical.menu .item,
.repository .secondary.menu .item,
.repo-header .ui.menu .item {
  border-radius: 8px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: var(--muted) !important;
  margin: 1px 0 !important;
}

.repository .ui.vertical.menu .active.item,
.repository .secondary.menu .active.item,
.repo-header .ui.menu .active.item,
.repository .ui.vertical.menu .item.active {
  background: var(--accent) !important;
  color: #fff !important;
}

.repository .ui.repo-header,
.repository .repo-header {
  background: var(--surface-bg) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  margin-bottom: 12px !important;
  padding: 12px 16px !important;
}

.repository .ui.segment.tab,
.repository .ui.attached.segment:not(.message) {
  border-radius: var(--radius-lg) !important;
  margin-top: 12px !important;
}

.repository .ui.table thead th {
  background: var(--surface-secondary) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted) !important;
}

.repository .ui.table tbody tr:hover {
  background: color-mix(in srgb, var(--accent) 6%, transparent) !important;
}

.repository .file-view,
.repository .non-diff-file-content,
.repository #diff-preview,
.repository .code-view {
  border-radius: var(--radius-md) !important;
  border: 1px solid var(--border) !important;
  overflow: hidden;
}

.repository .ui.sub.header,
.repository .ui.header .sub.header {
  color: var(--muted) !important;
  font-weight: 500 !important;
}

.dashboard .ui.grid > .column:first-child .ui.vertical.menu {
  position: sticky;
  top: 72px;
}