/* ============================================================
   SIMPLIANT OVERRIDE – Nuklear-Option gegen Forgejo-Orange
   Wird über header.tmpl eingebunden, greift bei JEDEM Theme.
   ============================================================ */

:root,
:root[data-theme],
html,
html[data-color-mode="light"],
html[data-color-mode="auto"] {
  --color-primary: oklch(0.35 0.10 250) !important;
  --color-primary-hover: oklch(0.42 0.10 250) !important;
  --color-primary-active: oklch(0.30 0.10 250) !important;
  --color-primary-alpha-20: oklch(0.35 0.10 250 / 20%) !important;
  --color-primary-alpha-40: oklch(0.35 0.10 250 / 40%) !important;
  --color-accent: oklch(0.35 0.10 250) !important;
  --color-primary-contrast: #ffffff !important;
  --color-primary-light: oklch(0.42 0.10 250) !important;
  --color-primary-dark: oklch(0.30 0.10 250) !important;
}

.ui.primary.button,
.ui.primary.buttons .button,
.ui.primary.button:not(.basic),
form .ui.primary.button,
.ui.form .ui.primary.button,
.signin .ui.primary.button,
.signup .ui.primary.button,
button.ui.primary.button,
input[type="submit"].ui.primary.button,
.ui.primary.submit.button {
  background-color: #1a365d !important;
  background: #1a365d !important;
  color: #ffffff !important;
  border-color: #1a365d !important;
}

.ui.primary.button:hover,
.ui.primary.buttons .button:hover,
.ui.primary.button:not(.basic):hover,
form .ui.primary.button:hover,
button.ui.primary.button:hover {
  background-color: #2b5797 !important;
  background: #2b5797 !important;
  color: #ffffff !important;
}

.ui.primary.button:active,
.ui.primary.button:focus,
.ui.primary.buttons .button:active {
  background-color: #142a4d !important;
  background: #142a4d !important;
  color: #ffffff !important;
}

.ui.form input:not([type]):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="search"]:focus,
.ui.form textarea:focus,
.ui.input input:focus,
.ui.input.focus input,
input:focus,
textarea:focus,
select:focus {
  border-color: #1a365d !important;
  box-shadow: none !important;
  outline-color: #1a365d !important;
}

.ui.form a,
.signin a,
a.forgot-password {
  color: #1a365d !important;
}

a.forgot-password:hover,
.signin a:hover {
  color: #2b5797 !important;
}

.page-footer .left-links,
.page-footer a[href*="license"],
.page-footer a[href*="api/swagger"],
.page-footer a[href$="/api/swagger"],
footer .ui.language a[href*="license"],
footer .ui.language a[href*="api"] {
  display: none !important;
}

.ui.orange.button,
.ui.orange.label,
.ui.orange.header,
.ui.orange.segment {
  background-color: #1a365d !important;
  color: #ffffff !important;
}

.ui.tabular.menu .active.item,
.ui.secondary.pointing.menu .active.item {
  border-color: #1a365d !important;
  color: #1a365d !important;
}

.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  color: #1a365d !important;
}

.ui.toggle.checkbox input:checked ~ label::before {
  background-color: #1a365d !important;
}

.ui.label.primary,
.ui.primary.label {
  background-color: #1a365d !important;
  color: #ffffff !important;
}

/* === LOGIN-SEITE LAYOUT === */
.page-content.user.signin .ui.secondary.menu,
.page-content.user.signin #navbar,
.page-content.user.signin > .ui.top.secondary.menu {
  display: none !important;
}

.page-content.user.signin .full.height > .ui.top.menu,
.page-content.user.signin a.item img[src*="logo"],
.page-content.user.signin a.item[href="/"] {
  display: none !important;
}

.page-content.user.signin {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: calc(100vh - 80px) !important;
  padding: 2rem !important;
}

.page-content.user.signin::before {
  content: "Simpliant Git";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.02em;
  margin-bottom: 2rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

.page-content.user.signin .ui.container,
.page-content.user.signin > .ui.container {
  max-width: 420px !important;
  width: 100% !important;
}

.page-content.user.signin .ui.attached.segment,
.page-content.user.signin .ui.segment {
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 2rem !important;
}

/* Login-Formular: Segments als ein Block */
.page-content .ui.attached.segment {
  border: 1px solid #d1d5db !important;
  box-shadow: none !important;
}

.page-content .ui.attached.segment + .ui.attached.segment {
  border-top: none !important;
}

/* Remove login header box entirely */
.page-content.user.signin .ui.top.attached.header.center,
.page-content.user.signin .ui.attached.header,
.page-content.user.signin .ui.header.attached,
.page-content.user.signin .sub.header {
  display: none !important;
}

/* Clean wordmark only */
.page-content.user.signin::before {
  content: "Simpliant Git";
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  letter-spacing: -0.02em;
  margin-bottom: 1.25rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

.page-content.user.signin .ui.attached.header h2,
.page-content.user.signin .header .sub.header + *,
.page-content.user.signin h2 {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
}


.page-content.user.signin .ui.form input[type="text"],
.page-content.user.signin .ui.form input[type="password"],
.page-content.user.signin .ui.form input[type="email"] {
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  font-size: 1rem !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease !important;
}

.page-content.user.signin .ui.form input:focus {
  border-color: #1a365d !important;
  box-shadow: 0 0 0 1px rgba(26, 54, 93, 0.1) !important;
}

.page-content.user.signin .ui.form .field > label {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #374151 !important;
  margin-bottom: 0.375rem !important;
}

.page-content.user.signin .ui.form .required.field > label::after {
  color: #9ca3af !important;
}

.page-content.user.signin .simpliant-login-sub {
  text-align: center;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.35rem;
}

.page-content.user.signin .ui.primary.button {
  width: 100% !important;
  padding: 12px !important;
  border-radius: 6px !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin-top: 0.5rem !important;
}

.page-content.user.signin a[href*="forgot"] {
  color: #6b7280 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
}
.page-content.user.signin a[href*="forgot"]:hover {
  color: #1a365d !important;
}

.page-content.user.signin .ui.checkbox label {
  font-size: 0.875rem !important;
  color: #6b7280 !important;
}

.page-content.user.signin .ui.divider {
  border-color: #f3f4f6 !important;
}

.page-content.user.signin ~ footer,
.page-content.user.signin + footer {
  border-top: none !important;
}

/* === LANDING PAGE FEINSCHLIFF === */
.home-hero h1,
.hero h1,
.page-content.home h1 {
  color: #111827 !important;
  font-weight: 600 !important;
  font-size: 2.75rem !important;
  letter-spacing: -0.02em !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
}

.home-hero p,
.hero p,
.page-content.home .hero + p,
.page-content.home .subline {
  color: #6b7280 !important;
  font-size: 1.125rem !important;
  margin-top: 1rem !important;
  line-height: 1.6 !important;
}

.page-content.home .ui.primary.button,
.home-hero .ui.primary.button,
.hero a.ui.button {
  padding: 10px 28px !important;
  font-size: 0.95rem !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}

.home-features,
.features-row {
  display: flex !important;
  justify-content: center !important;
  gap: 3rem !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}

.page-content.home ~ footer,
footer.home-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding: 1.5rem 2rem !important;
  border-top: 1px solid #e5e7eb !important;
}

footer .left,
footer .right {
  font-size: 0.8rem !important;
  color: #9ca3af !important;
}