/* Import arc-green as base - copy content from https://your-instance/assets/css/theme-arc-green.css first */
/* Then add these custom overrides below */

@font-face {
  font-family: 'Pixel NES';
  src: url('https://rainys.gay/assets/fonts/Pixel_NES.otf') format('woff2');
  font-weight: normal;
  font-style: normal;
}

:root {
  /* Custom color variables */
  --custom-purple: #6225DA;
  --custom-purple-light: #6D3FF3;
  --custom-purple-dark: #4910EF;
  --custom-gold: #a5945a;
  
  /* Override Forgejo variables */
  --color-primary: #6D3FF3 !important;
  --color-primary-hover: #4910EF !important;
  --color-primary-active: #6225DA !important;
  --color-primary-light-1: #6D3FF340 !important;
  --color-primary-light-2: #6D3FF320 !important;
  --color-primary-light-4: #6D3FF310 !important;
  --color-primary-dark-1: #4910EF !important;
  --color-primary-dark-2: #6225DA !important;
  
  --color-secondary: #a5945a !important;
  --color-secondary-hover: #c0ad6f !important;
  
  /* Background colors */
  --color-body: #000000 !important;
  --color-box-header: #000000 !important;
  --color-box-body: #000000 !important;
  --color-footer: #000000 !important;
  --color-header-wrapper: #000000 !important;
  --color-light: #000000 !important;
  --color-light-border: #000000 !important;
  
  /* Text colors */
  --color-text: #a5945a !important;
  --color-text-light: #c0ad6f !important;
  --color-text-light-1: #d4c484 !important;
  --color-text-light-2: #8a7a4a !important;
  --color-text-dark: #6b5f3a !important;
  
  /* Link colors */
  --color-link: #6D3FF3 !important;
  --color-link-hover: #4910EF !important;
  
  /* Border colors */
  --color-secondary-bg: #383838 !important;
  --color-input-border: #383838 !important;
  --color-input-border-hover: var(--custom-purple) !important;
  
  /* Code/Syntax colors */
  --color-code-bg: #000000 !important;
  --color-markup-code-block: #0a0a0a !important;
}

/* Retro starfield background */
body,
body.repository,
.page-content,
.full.height {
  background-color: #000000 !important;
  background-image: url("https://rainys.gay/assets/images/starbg2.gif")
}

body {
  font-family: 'Pixel NES', monospace !important;
}

html {
  font-size: 120%;
}
.page-content .ui.ui.ui.container:not(.fluid) {
  --container-width: 1340px;
  width: var(--container-width);
  max-width: calc(80% - calc(2 * var(--page-margin-x)));
  margin-left: auto;
  margin-right: auto;
}
.ui.popup,
.ui.tooltip {
  font-size: 1rem !important;
  line-height: 1.2 !important;
  transform: none !important;
  text-shadow: none !important;
  will-change: transform;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease !important;
}
.ui.popup.transition.visible {
  opacity: 1 !important;
  visibility: visible !important;
}

/* CRT effect wrapper - apply to main container */
.ui.container,
.page-content {
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;

  background:
    /* Scanlines – stronger */
    linear-gradient(
      rgba(18, 16, 16, 0) 50%,
      rgba(0, 0, 0, 0.4) 50%
    ),

    /* RGB mask – stronger but still blended */
    linear-gradient(
      90deg,
      rgba(255, 0, 0, 0.08),
      rgba(0, 255, 0, 0.03),
      rgba(0, 0, 255, 0.08)
    );

  background-size: 100% 2px, 3px 100%;
}



/*
.ui.container::after,
.page-content::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 9999;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}
*/

/*
.ui.container::before,
.page-content::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
    linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 9998;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}*/

/* Text shadow for headers */
h1, h2, h3, h4, h5, h6,
.ui.header {
  text-shadow: 0 0 20px #6225DA82 !important;
}

/* Box styling */
.ui.segment,
.ui.card,
.flex-list,
.repo-files-table,
.code-search,
.ui.single.line,
.ui.segment.repository-menu,
.ui.segments.repository-summary,
.ui.segment.show-panel.toggle,
.ui.small.icon.button,
.ui.small.search.fluid.action.input,
.switch.issue-list-navbar,
.ui.menu {
  background-color: #000000 !important;
  border: 2px solid #383838 !important;
  border-radius: 4px !important;
  transition: border-color 0.3s ease !important;
  padding: 5px;
}

.ui.segment:hover,
.ui.card:hover, 
.flex-list:hover,
.code-search:hover,
.ui.single.line:hover,
.ui.segment.repository-menu:hover,
.ui.segments.repository-summary:hover,
.ui.segment.show-panel.toggle:hover,
.ui.small.icon.button:hover,
.ui.small.search.fluid.action.input:hover,
.switch.issue-list-navbar:hover,
.ui.menu:hover {
  border: 2px solid var(--custom-purple) !important;
}


.switch > .active.item {
  z-index: 2;
  padding-left: var(--switch-padding-x);
  background: var(--color-active);
  outline: 0px solid var(--color-input-border);
}


/* Input fields */
.ui.input input,
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea {
  background-color: #000000 !important;
  color: var(--custom-gold) !important;
  border: 1px solid #383838 !important;
  font-family: 'Pixel NES', monospace !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
  border-color: var(--custom-purple) !important;
  background-color: #0a0a0a !important;
}

/* Buttons */
.ui.primary.button,
.ui.primary.buttons .button {
  background-color: var(--custom-purple) !important;
  text-shadow: 0 0 10px #6225DA82 !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
  background-color: var(--custom-purple-dark) !important;
}

/* Code blocks */
.markdown code,
pre,
.ui.code {
  background-color: #000000 !important;
  border: 1px solid #383838 !important;
  color: var(--custom-gold) !important;
  font-family: 'Pixel NES', monospace !important;
}

/* Links get the purple glow */
a {
  color: var(--custom-purple-light) !important;
  text-shadow: 0 0 10px #6225DA40 !important;
  transition: all 0.3s ease !important;
}

.divider:not(.divider-text) {
  border-top: 1px solid #000000;
}
#navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-nav-bg);
  border-bottom: 1px solid #000000;
  margin: 0 !important;
  padding: 0 10px;
}
.page-footer {
  display: flex;
  justify-content: space-between;
  background-color: #FFEB3B00;
  border-top: 1px solid #FFEB3B00;
  padding: 8px 20px;
}