/* Revora - oranssi -> Revora värit */

/* Yläosan oranssi viiva - poista */
header,
[class*="header"],
nav,
[class*="navbar"],
[class*="topbar"],
[class*="banner"],
[class*="border-t-netbird"],
[class*="border-t-orange"],
[class*="border-t-primary"],
body,
html {
  border-top: none !important;
  border-top-width: 0 !important;
}

:root {
  --revora-blue: #1380ED !important;
  --revora-teal: #3DDC97 !important;
  --revora-aqua: #00B3C6 !important;
  --revora-violet: #663EC9 !important;
  --color-primary: #1380ED !important;
  --color-netbird: #1380ED !important;
  --color-netbird-400: #1380ED !important;
  --nb-primary: #1380ED !important;
}

/* Gradientit (banner yms) - oranssi -> Revora sininen */
[class*="from-netbird"],
[class*="to-netbird"],
[class*="via-netbird"] {
  --tw-gradient-from: #1380ED !important;
  --tw-gradient-to: #0d5fb8 !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

/* Banner gradient - pakota Revora sininen (from-netbird-400, bg-gradient-to-b) */
[class*="from-netbird"][class*="bg-gradient"],
[class*="from-netbird-400"],
div[class*="from-netbird"] {
  background: linear-gradient(to bottom, #1380ED, #0d5fb8) !important;
  background-image: linear-gradient(to bottom, #1380ED, #0d5fb8) !important;
  background-color: #1380ED !important;
}

/* Oranssi/Netbird taustat -> Revora sininen */
[class*="bg-orange"],
[class*="bg-primary"],
[class*="bg-netbird"],
[class*="button-primary"],
[class*="continue"],
[class*="get-started"],
[class*="add-peer"],
[class*="setup"],
[class*="create"],
[class*="save"] {
  background-color: #1380ED !important;
  background: #1380ED !important;
  border-color: #1380ED !important;
}

/* Netbird väriskaala (50-950) -> Revora */
[class*="bg-netbird-50"] { background-color: #EBF5FF !important; }
[class*="bg-netbird-100"] { background-color: #E1EFFE !important; }
[class*="bg-netbird-200"],
[class*="bg-netbird-150"] { background-color: #C3DDFD !important; }
[class*="bg-netbird-300"] { background-color: #A4CAFE !important; }
[class*="bg-netbird-400"],
[class*="bg-netbird-500"],
[class*="bg-netbird-600"] { background-color: #1380ED !important; }
[class*="bg-netbird-700"],
[class*="bg-netbird-800"],
[class*="bg-netbird-900"],
[class*="bg-netbird-950"] { background-color: #0d5fb8 !important; }

[class*="hover:bg-orange"]:hover,
[class*="hover:bg-primary"]:hover,
[class*="hover:bg-netbird"]:hover {
  background-color: #00B3C6 !important;
}

/* Linkit */
a {
  color: #1380ED !important;
}
a:hover {
  color: #00B3C6 !important;
}

/* Statusindikaattorit */
[class*="online"],
[class*="success"],
[class*="connected"] {
  background-color: #3DDC97 !important;
}

[class*="connecting"] {
  background-color: #00B3C6 !important;
}

/* Tekstivärit - oranssi -> Revora */
[class*="text-orange"],
[class*="text-primary"],
[class*="text-netbird"] {
  color: #1380ED !important;
}

[class*="text-netbird-400"],
[class*="text-netbird-500"],
[class*="text-netbird-600"] {
  color: #1380ED !important;
}

[class*="text-netbird-700"],
[class*="text-netbird-800"],
[class*="text-netbird-900"] {
  color: #0d5fb8 !important;
}

/* Toggle-switches */
[class*="toggle"]:checked,
[class*="switch"]:checked {
  background-color: #1380ED !important;
}

/* Beta-badge - Revora sininen (oli oranssi) */
[class*="beta"],
[class*="Beta"] {
  background-color: #1380ED !important;
  color: white !important;
}

[class*="border-netbird"],
[class*="border-orange"] {
  border-color: #1380ED !important;
}

/* SVG fill - oranssi -> Revora sininen */
[class*="fill-netbird"],
.fill-netbird,
svg [class*="fill-netbird"],
[fill="#f68330"],
[fill="#F68330"],
[fill="#f46d1b"],
[fill="#e55311"],
[fill="#be3e10"],
.fill-netbird-400,
.fill-netbird-500,
.fill-netbird-600 {
  fill: #1380ED !important;
}

/* ===== REVORA LOGO (22x22 + 105px tyhjää) ===== */
/* Piilota Netbird SVG/logo */
header svg[class*="logo"],
[class*="header"] svg[class*="logo"],
[class*="sidebar"] svg[class*="logo"],
[class*="Sidebar"] svg[class*="logo"],
nav svg[class*="logo"],
header a[href="/"] svg,
[class*="header"] a[href="/"] svg,
[class*="sidebar"] a[href="/"] svg {
  display: none !important;
}

/* Revora-logo slot: 22x22 logo + 105px tyhjää = 127px */
header a[href="/"],
[class*="header"] a[href="/"],
[class*="Header"] a[href="/"] {
  display: flex !important;
  align-items: center !important;
  min-width: 127px !important;
  position: relative !important;
}

header a[href="/"]::before,
[class*="header"] a[href="/"]::before,
[class*="Header"] a[href="/"]::before {
  content: '' !important;
  display: inline-block !important;
  width: 127px !important;
  height: 22px !important;
  background-image: url('/assets/revobird.svg') !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  flex-shrink: 0 !important;
}

/* Sidebar logo (sama malli) */
[class*="sidebar"] a[href="/"]::before,
[class*="Sidebar"] a[href="/"]::before,
nav a[href="/"]::before {
  content: '' !important;
  display: inline-block !important;
  width: 127px !important;
  height: 22px !important;
  background-image: url('/assets/revobird.svg') !important;
  background-size: 22px 22px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  flex-shrink: 0 !important;
}

/* Logo vaihdetaan Revobirdiin revora-inject.js:ssä */

/* Ring/outline oranssi */
[class*="ring-netbird"],
[class*="ring-orange"],
[class*="outline-netbird"] {
  --tw-ring-color: #1380ED !important;
  border-color: #1380ED !important;
}

/* Focus/accent oranssi */
[class*="focus:ring-netbird"],
[class*="focus:ring-orange"],
[class*="accent-netbird"],
[class*="accent-orange"] {
  --tw-ring-color: #1380ED !important;
}

/* Netbird -> Revora tekstit */
[class*="netbird-text"],
[class*="NetBird-text"] {
  font-size: 0 !important;
}
[class*="netbird-text"]::after,
[class*="NetBird-text"]::after {
  content: 'Revora' !important;
  font-size: 1rem !important;
  color: #1380ED !important;
}