/* ============================================================
   UIG — Apollos gold theme overlay on Gitea
   Brand token origin: /root/Workspace/ApollosV2/frontend/src/style.css
   Applies on top of the gitea-dark theme.
   ============================================================ */

:root,
:root.theme-gitea-dark,
:root.theme-gitea-auto {
  /* Apollos palette */
  --uig-bg-primary:   #0d1117;
  --uig-bg-secondary: #161b22;
  --uig-bg-tertiary:  #21262d;
  --uig-border:       #30363d;
  --uig-text-primary: #e8e0d4;
  --uig-text-muted:   #8a7e72;
  --uig-text-faint:   #5a5248;
  --uig-gold:         #d4a843;
  --uig-gold-bright:  #f7c948;
  --uig-gold-deep:    #d4a016;
  --uig-amber:        #f0a030;
  --uig-orange:       #ff8c00;
  --uig-gradient-gold: linear-gradient(135deg, #f7c948 0%, #d4a016 100%);
  --uig-gradient-sun:  linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  --uig-focus-ring:    0 0 0 3px rgba(212, 168, 67, 0.25);

  /* Rewire Gitea's CSS variables so gold flows through every widget */
  --color-primary:              var(--uig-gold);
  --color-primary-contrast:     #1a1200;
  --color-primary-dark-1:       #c89a3a;
  --color-primary-dark-2:       #b98c2f;
  --color-primary-dark-3:       #a57c27;
  --color-primary-dark-4:       #8a661c;
  --color-primary-dark-5:       #6d4f12;
  --color-primary-dark-6:       #4e380a;
  --color-primary-dark-7:       #2f2106;
  --color-primary-light-1:      #dcb55a;
  --color-primary-light-2:      #e4c271;
  --color-primary-light-3:      #ecce88;
  --color-primary-light-4:      #f1d9a0;
  --color-primary-light-5:      #f6e4b8;
  --color-primary-light-6:      #faecc8;
  --color-primary-light-7:      #fdf4dc;
  --color-primary-alpha-10:     rgba(212, 168, 67, 0.10);
  --color-primary-alpha-20:     rgba(212, 168, 67, 0.20);
  --color-primary-alpha-30:     rgba(212, 168, 67, 0.30);
  --color-primary-alpha-40:     rgba(212, 168, 67, 0.40);
  --color-primary-alpha-50:     rgba(212, 168, 67, 0.50);
  --color-primary-alpha-60:     rgba(212, 168, 67, 0.60);
  --color-primary-alpha-70:     rgba(212, 168, 67, 0.70);
  --color-primary-alpha-80:     rgba(212, 168, 67, 0.80);
  --color-primary-alpha-90:     rgba(212, 168, 67, 0.90);

  --color-accent:            var(--uig-gold);
  --color-small-accent:      var(--uig-gold-bright);

  --color-link:              var(--uig-gold-bright);
  --color-link-hover:        var(--uig-gold);

  /* Surfaces — match Apollos dark */
  --color-body:              var(--uig-bg-primary);
  --color-box-body:          var(--uig-bg-secondary);
  --color-box-body-highlight:var(--uig-bg-tertiary);
  --color-box-header:        var(--uig-bg-tertiary);
  --color-menu:              var(--uig-bg-secondary);
  --color-nav:               var(--uig-bg-secondary);
  --color-navbar:            var(--uig-bg-secondary);
  --color-secondary:         var(--uig-bg-tertiary);
  --color-secondary-dark-1:  #1b2028;
  --color-secondary-dark-2:  #15191f;
  --color-light:             rgba(212, 168, 67, 0.08);
  --color-hover:             rgba(212, 168, 67, 0.08);
  --color-active:            rgba(212, 168, 67, 0.14);

  --color-text:              var(--uig-text-primary);
  --color-text-light:        var(--uig-text-muted);
  --color-text-light-1:      var(--uig-text-muted);
  --color-text-light-2:      var(--uig-text-faint);
  --color-text-light-3:      var(--uig-text-faint);
  --color-input-text:        var(--uig-text-primary);
  --color-input-background:  var(--uig-bg-secondary);
  --color-input-border:      var(--uig-border);
  --color-input-border-hover:var(--uig-gold);
  --color-input-toggle-background: var(--uig-bg-tertiary);

  --color-border:            var(--uig-border);
  --color-secondary-alpha-40:rgba(48, 54, 61, 0.4);
}

/* Base body color — hit behind-the-nav + below-the-fold */
body {
  background-color: var(--uig-bg-primary);
  color: var(--uig-text-primary);
}

/* --- Top navigation bar --- */
.page-content,
.ui.menu#navbar,
#navbar,
.secondary-nav {
  background-color: var(--uig-bg-secondary) !important;
  border-bottom: 1px solid var(--uig-border);
}

#navbar .item,
.secondary-nav .item {
  color: var(--uig-text-primary) !important;
}
#navbar .item:hover,
.secondary-nav .item:hover {
  color: var(--uig-gold) !important;
  background-color: rgba(212, 168, 67, 0.08) !important;
}

/* Logo sizing */
#navbar .item.brand img,
.secondary-nav .item.brand img,
.ui.menu .brand img {
  height: 26px;
}

/* Brand text next to logo */
#navbar .item.brand,
.secondary-nav .item.brand {
  gap: 8px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* --- Primary buttons: gold gradient like Apollos .btn-primary --- */
.ui.primary.button,
.ui.primary.buttons .button,
.ui.button.primary,
button.ui.primary.button {
  background: var(--uig-gradient-gold) !important;
  color: #1a1200 !important;
  border: none !important;
  font-weight: 600 !important;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.button.primary:hover {
  opacity: 0.92;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(212, 168, 67, 0.35);
}
.ui.primary.button:active {
  transform: translateY(0);
}

/* Secondary / default buttons — match Apollos .btn-secondary */
.ui.button {
  background-color: var(--uig-bg-tertiary);
  color: var(--uig-text-primary);
  border: 1px solid var(--uig-border);
  transition: background-color 0.2s, border-color 0.2s;
}
.ui.button:hover {
  background-color: #2a313a;
  border-color: var(--uig-gold);
  color: var(--uig-text-primary);
}

/* --- Form fields: gold focus ring --- */
.ui.input input,
.ui.form input:not([type='button']):not([type='submit']),
.ui.form textarea,
.ui.form select,
.ui.selection.dropdown {
  background-color: var(--uig-bg-secondary) !important;
  border: 1px solid var(--uig-border) !important;
  color: var(--uig-text-primary) !important;
  border-radius: 8px !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.form select:focus,
.ui.selection.dropdown:focus,
.ui.selection.active.dropdown {
  border-color: var(--uig-gold) !important;
  box-shadow: var(--uig-focus-ring) !important;
  outline: none !important;
}

/* --- Links: gold brand accent --- */
a,
.ui.list > a.item,
.ui.link.list .item,
.repo-buttons a,
.issue.list a {
  color: var(--uig-gold-bright);
}
a:hover {
  color: var(--uig-gold);
  text-decoration: underline;
}

/* --- Cards / segments (repo cards, profile, etc.) --- */
.ui.segment,
.ui.card,
.ui.cards > .card,
.repository.file.list .sub-menu,
.repos-search,
.repo-list .item,
.ui.attached.segment,
.ui.message {
  background-color: var(--uig-bg-secondary);
  border: 1px solid var(--uig-border);
  color: var(--uig-text-primary);
  border-radius: 10px;
}
.ui.card:hover,
.ui.cards > .card:hover {
  border-color: var(--uig-gold);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

/* --- Labels / badges (language tags, counts) --- */
.ui.label,
.ui.basic.label {
  background-color: rgba(212, 168, 67, 0.12);
  color: var(--uig-gold-bright);
  border: 1px solid rgba(212, 168, 67, 0.25);
}

/* --- Tabs / menu underline --- */
.ui.tabular.menu .item.active,
.ui.secondary.pointing.menu .active.item {
  color: var(--uig-gold) !important;
  border-bottom-color: var(--uig-gold) !important;
}

/* --- Dropdown menus --- */
.ui.dropdown .menu,
.ui.selection.dropdown .menu {
  background-color: var(--uig-bg-secondary);
  border: 1px solid var(--uig-border);
}
.ui.dropdown .menu > .item:hover {
  background-color: rgba(212, 168, 67, 0.1);
  color: var(--uig-gold-bright);
}

/* --- Footer: strip all Gitea attribution, keep utility widgets --- */
.page-footer,
footer.page-footer {
  background-color: var(--uig-bg-secondary) !important;
  border-top: 1px solid var(--uig-border) !important;
  color: var(--uig-text-muted) !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  padding: 10px 24px !important;
  min-height: 44px;
}

/* Hide the entire default left-links block (Powered by Gitea / Version / Timing / 由 Gitea 强力驱动) */
.page-footer .left-links {
  display: none !important;
}

/* Catch-all: any link anywhere on the page that points to Gitea-owned hostnames */
a[href*="about.gitea.com"],
a[href*="docs.gitea.com"],
a[href*="blog.gitea.com"],
a[href*="gitea.io"],
a[href*="gitea.com"] {
  display: none !important;
}

/* Hide the Gitea Licenses page link in footer */
.page-footer a[href$="/assets/licenses.txt"] {
  display: none !important;
}

/* --- Top navbar: drop Help link (points to docs.gitea.com) --- */
#navbar a.item[href*="docs.gitea.com"],
.secondary-nav a.item[href*="docs.gitea.com"] {
  display: none !important;
}

/* Keep right-side widgets (theme + language) but restyle */
.page-footer .right-links {
  display: flex;
  align-items: center;
  gap: 12px;
  order: 3;
}
.page-footer .right-links .ui.dropdown {
  color: var(--uig-text-muted);
}
.page-footer .right-links .ui.dropdown:hover {
  color: var(--uig-gold);
}

/* Legacy UIG footer block — kept empty by default, for future use */
.uig-footer { display: none; }

/* --- Login / signup page: minimal, clean --- */
.user.signin,
.user.activate,
.user.forgot.password,
.user.reset.password {
  padding-top: 56px;
}

.user.signin .ui.container,
.user.activate .ui.container {
  max-width: 420px;
}

.user.signin .ui.form .field label {
  color: var(--uig-text-muted);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

/* Unify the attached header + form segment into a single card */
.user.signin h4.ui.top.attached.header,
.user.activate h4.ui.top.attached.header {
  background: var(--uig-bg-secondary) !important;
  border: 1px solid var(--uig-border) !important;
  border-bottom: none !important;
  border-radius: 12px 12px 0 0 !important;
  color: var(--uig-text-primary) !important;
  padding: 22px 24px 0 !important;
  font-size: 16px;
  font-weight: 600;
  text-align: left !important;
  letter-spacing: 0.2px;
}

.user.signin .ui.attached.segment,
.user.activate .ui.attached.segment {
  background: var(--uig-bg-secondary) !important;
  border: 1px solid var(--uig-border) !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 20px 24px 24px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

/* --- Code blocks / diff tweaks --- */
.code-view,
.file-view,
.ui.attached.table.segment {
  background-color: var(--uig-bg-primary);
  border-color: var(--uig-border);
}

/* --- Scrollbar (WebKit) subtle gold --- */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--uig-bg-primary);
}
::-webkit-scrollbar-thumb {
  background: var(--uig-border);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--uig-gold-deep);
}

/* --- Selection --- */
::selection {
  background: rgba(212, 168, 67, 0.35);
  color: var(--uig-text-primary);
}