/* Raw Studio brand overrides for Taiga frontend.
   Loaded after theme-taiga.css via custom <link> injected into index.html.
   Targets visible UI surfaces; keeps Taiga's structure & semantics intact. */

:root {
  --raw-green: #33FF00;
  --raw-green-dark: #2ACC00;
  --raw-green-soft: #E6FFD9;
  --raw-black: #000000;
}

/* ── Primary brand color ────────────────────────────────────────────── */
/* Top navigation bar & main header */
.main-nav,
nav.main-nav,
.navbar,
.project-bar {
  background-color: var(--raw-black) !important;
}

/* Primary CTAs & action buttons (Taiga's pinkish/green default → Raw green) */
.btn-primary,
.button-green,
.button.button-green,
a.button-green,
.btn.btn-primary,
button.btn-primary {
  background-color: var(--raw-green) !important;
  border-color: var(--raw-green) !important;
  color: var(--raw-black) !important;
  font-weight: 600;
}
.btn-primary:hover,
.button-green:hover,
a.button-green:hover {
  background-color: var(--raw-green-dark) !important;
  border-color: var(--raw-green-dark) !important;
}

/* Links across the app */
a, a:visited {
  color: var(--raw-black);
}
a:hover {
  color: var(--raw-green-dark);
}

/* Active/selected states (sidebar items, tabs, current page) */
.active, .selected,
li.active > a,
.menu-active {
  color: var(--raw-green-dark) !important;
}

/* Project color accents & progress bars */
.progress-bar,
.progress > .bar,
.project-progress {
  background-color: var(--raw-green) !important;
}

/* Logo size tweak — Raw logo is wider than Taiga's square mark */
.main-logo img,
.logo img,
.login-logo img {
  max-height: 40px !important;
  width: auto !important;
}

/* ── Hide Taiga-specific marketing / external links ─────────────────── */
.tribe-section,
.section-tribe,
.tribe-ad,
.discover-section,
[href*="tree.taiga.io"],
[href*="community.taiga.io"],
[href*="resources.taiga.io"],
.help-section a[href*="taiga.io"] {
  display: none !important;
}

/* Footer "Powered by Taiga" / external Taiga branding */
.footer-taiga,
.powered-by,
footer .taiga-brand,
footer a[href*="taiga.io"] {
  display: none !important;
}

/* ── Login page polish ─────────────────────────────────────────────── */
.login-container,
.login-form {
  border-top: 4px solid var(--raw-green);
}

/* ── Forms & inputs focus state ────────────────────────────────────── */
input:focus,
textarea:focus,
select:focus,
.input-wrapper:focus-within {
  border-color: var(--raw-green) !important;
  box-shadow: 0 0 0 2px var(--raw-green-soft) !important;
  outline: none;
}

/* Checkboxes / radios accent */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--raw-green);
}