/* Clawllywood Studios — Forgejo Custom Skin */

/* ===== Base overrides — dark cinematic theme ===== */
:root {
  --color-primary: #e50914 !important;
  --color-primary-dark-1: #cc0812 !important;
  --color-primary-light-1: #ff1a25 !important;
  --color-primary-alpha-10: rgba(229,9,20,0.1) !important;
  --color-primary-alpha-20: rgba(229,9,20,0.2) !important;
}

body {
  background: #0a0a0a !important;
}

/* Navbar */
.ui.secondary.pointing.menu,
#navbar {
  background: rgba(0,0,0,0.95) !important;
  border-bottom: 1px solid #1a1a1a !important;
}

/* Hide default Forgejo logo text, show ours */
.item.brand .logo {
  display: none !important;
}

/* Repository cards & panels */
.ui.repository.list .item,
.ui.segments .segment,
.ui.segment,
.ui.attached.segment {
  background: #141414 !important;
  border-color: #282828 !important;
}

/* Cards on explore/org pages */
.ui.card,
.ui.cards > .card {
  background: #181818 !important;
  border: 1px solid #282828 !important;
  box-shadow: none !important;
}

.ui.card:hover,
.ui.cards > .card:hover {
  border-color: #e50914 !important;
  transform: translateY(-2px);
}

/* Tables */
.ui.table {
  background: #141414 !important;
  border-color: #282828 !important;
  color: #ccc !important;
}

.ui.table thead th {
  background: #0f0f0f !important;
  color: #999 !important;
  border-color: #282828 !important;
}

.ui.table td {
  border-color: #1e1e1e !important;
}

/* Buttons — primary = Clawllywood red */
.ui.primary.button,
.ui.primary.buttons .button {
  background: #e50914 !important;
  border: none !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background: #ff1a25 !important;
}

/* Basic buttons */
.ui.basic.button {
  background: transparent !important;
  border-color: #555 !important;
  color: #ccc !important;
}

.ui.basic.button:hover {
  border-color: #fff !important;
  color: #fff !important;
}

/* Links */
a {
  color: #e5e5e5;
}

a:hover {
  color: #fff;
}

.ui.repository.list .item .header a,
.header a {
  color: #fff !important;
}

/* Footer */
.page-footer,
footer {
  background: #0a0a0a !important;
  border-top: 1px solid #1a1a1a !important;
}

/* PR/Issue labels and badges */
.ui.label {
  border: 1px solid #333 !important;
}

/* Inputs & forms */
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.form select,
.ui.search .prompt {
  background: #1a1a1a !important;
  border-color: #333 !important;
  color: #e5e5e5 !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: #e50914 !important;
}

/* Dropdown menus */
.ui.dropdown .menu,
.ui.selection.dropdown .menu {
  background: #1a1a1a !important;
  border-color: #333 !important;
}

.ui.dropdown .menu .item {
  color: #ccc !important;
  border-color: #282828 !important;
}

.ui.dropdown .menu .item:hover {
  background: #282828 !important;
  color: #fff !important;
}

/* Diff view */
.diff-file-header {
  background: #141414 !important;
}

/* Timeline / comments */
.timeline-item .timeline-item-main {
  background: #141414 !important;
  border-color: #282828 !important;
}

.comment .content {
  background: #141414 !important;
}

/* Sidebar */
.ui.sidebar,
#app-sidebar {
  background: #0f0f0f !important;
}

/* Remove light theme remnants */
.ui.divider {
  border-color: #282828 !important;
}

/* Modal */
.ui.modal {
  background: #1a1a1a !important;
}

.ui.modal > .header {
  background: #141414 !important;
  color: #fff !important;
  border-color: #282828 !important;
}

/* Pagination */
.ui.pagination.menu {
  background: transparent !important;
}

.ui.pagination.menu .item {
  background: #1a1a1a !important;
  color: #ccc !important;
  border-color: #333 !important;
}

.ui.pagination.menu .active.item {
  background: #e50914 !important;
  color: #fff !important;
}

/* Empty state text */
.empty-placeholder {
  color: #666 !important;
}

/* Code blocks */
.highlight pre,
code,
.CodeMirror {
  background: #111 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0a;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Home page background */
.page-content.home {
  background: #0a0a0a !important;
}

/* ===== Text contrast fixes ===== */

/* Override Forgejo dark theme color variables at root */
:root,
[data-theme="forgejo-dark"],
[data-theme="forgejo-auto"] {
  --color-text: #e5e5e5 !important;
  --color-text-light: #b3b3b3 !important;
  --color-text-light-1: #999 !important;
  --color-text-light-2: #999 !important;
  --color-text-light-3: #777 !important;
  --color-secondary-text: #b3b3b3 !important;
  --color-muted-text: #b3b3b3 !important;
}

/* Force all muted/secondary text visible — use body prefix for specificity */
body .text.muted,
body a.text.muted,
body .text.grey,
body a.text.grey,
body .text.light.grey,
body .secondary-text {
  color: #b3b3b3 !important;
}

/* Flex item titles — usernames, repo names */
body .flex-item-title,
body .flex-item-title a,
body .flex-item-title .text,
body .flex-item-title a.text,
body .flex-item-title a.text.muted {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Flex item body / descriptions */
body .flex-item-body,
body .flex-item-body *,
body .flex-item .flex-item-body {
  color: #999 !important;
}

/* Flex item trailing meta */
body .flex-item-trailing,
body .flex-item-trailing .text {
  color: #999 !important;
}

/* Org page description */
.org-description,
.organization .org-description {
  color: #ccc !important;
}

/* User/org header names */
.user-main-content .header,
.org-header .org-name {
  color: #fff !important;
}

/* Explore page tab text */
.ui.secondary.pointing.menu .item {
  color: #b3b3b3 !important;
}

.ui.secondary.pointing.menu .active.item {
  color: #fff !important;
  border-color: #e50914 !important;
}

/* Repo list descriptions */
.flex-item .flex-item-body p,
.repository-item .flex-item-body {
  color: #b3b3b3 !important;
}