/* ============================================================
   Aurora Theme — Kolaborasi Digital
   Gradient override (violet → indigo → blue → cyan → teal)
   Covers: Odoo header/nav, kd website, workspace, auth, portal,
   shop/blog/forum/event/slides generics. CSS-only, no JS.
   ============================================================ */

/* ---------- 0. Aurora tokens + brand remap ---------- */
:root {
  --aurora-violet: #7c3aed;
  --aurora-indigo: #4f46e5;
  --aurora-blue: #2563eb;
  --aurora-cyan: #06b6d4;
  --aurora-teal: #10b981;
  --aurora-pink: #ec4899;
  --aurora-void: #070b1e;
  --aurora-ink: #0f172a;
  --aurora-gradient: linear-gradient(135deg, #7c3aed 0%, #4f46e5 32%, #2563eb 58%, #06b6d4 82%, #10b981 100%);
  --aurora-gradient-soft: linear-gradient(135deg, #ede9fe 0%, #e0e7ff 38%, #dbeafe 62%, #cffafe 82%, #d1fae5 100%);
  --aurora-glow: 0 12px 34px rgba(109, 40, 217, 0.35);
  /* remap platform brand blues to aurora violet (readable on light bg) */
  --kd-blue: #6d28d9;
  --workspace-blue: #6d28d9;
  --workspace-blue-dark: #4c1d95;
}

/* ---------- 1. Global ---------- */
#wrapwrap ::selection {
  background: #7c3aed;
  color: #fff;
}
#wrapwrap .btn-primary,
#wrapwrap .oe_login_buttons .btn-primary {
  background-image: var(--aurora-gradient);
  background-color: #6d28d9;
  border: 0;
  box-shadow: var(--aurora-glow);
}
#wrapwrap .btn-primary:hover,
#wrapwrap .oe_login_buttons .btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

/* ---------- 2. Odoo header / navbar → dark aurora glass ---------- */
#wrapwrap > header .navbar {
  background:
    radial-gradient(600px 200px at 12% -40%, rgba(124, 58, 237, 0.55), transparent 60%),
    radial-gradient(700px 240px at 55% -60%, rgba(37, 99, 235, 0.5), transparent 60%),
    radial-gradient(500px 200px at 90% -40%, rgba(6, 182, 212, 0.4), transparent 60%),
    #0a0f24 !important;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4, #10b981) 1;
}
#wrapwrap > header .navbar .nav-link,
#wrapwrap > header .navbar .nav-link span {
  color: #dbe4f5 !important;
}
#wrapwrap > header .navbar .nav-link:hover,
#wrapwrap > header .navbar .nav-link.active {
  color: #fff !important;
  text-decoration: underline;
  text-decoration-color: #22d3ee;
  text-underline-offset: 6px;
}
#wrapwrap > header .navbar .navbar-brand img {
  filter: drop-shadow(0 4px 14px rgba(124, 58, 237, 0.55));
}
#wrapwrap > header .navbar .btn-primary,
#wrapwrap > header .navbar .btn-outline-primary {
  background-image: var(--aurora-gradient);
  background-color: #6d28d9;
  border: 0;
  color: #fff !important;
  box-shadow: var(--aurora-glow);
}
#wrapwrap > header .navbar .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.35);
}
#wrapwrap > header .navbar .navbar-toggler-icon {
  filter: invert(1);
}
/* mobile offcanvas menu */
#wrapwrap > header .o_header_mobile .offcanvas,
#wrapwrap > header .offcanvas {
  background: #0a0f24;
}
#wrapwrap > header .offcanvas .nav-link {
  color: #dbe4f5 !important;
}

/* ---------- 3a. kd hero → aurora night ---------- */
.kd-hero {
  background:
    radial-gradient(900px 420px at 8% 0%, rgba(124, 58, 237, 0.5), transparent 60%),
    radial-gradient(800px 420px at 60% 10%, rgba(37, 99, 235, 0.45), transparent 60%),
    radial-gradient(700px 380px at 95% 20%, rgba(6, 182, 212, 0.35), transparent 60%),
    radial-gradient(600px 500px at 50% 115%, rgba(16, 185, 129, 0.22), transparent 60%),
    var(--aurora-void) !important;
  color: #f1f5ff;
}
.kd-hero h1 {
  color: #fff;
}
.kd-hero h1 > span {
  background: linear-gradient(90deg, #c4b5fd, #93c5fd 45%, #67e8f9 75%, #6ee7b7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.kd-hero .kd-eyebrow,
.kd-hero .kd-overline {
  color: #a5f3fc;
}
.kd-hero .kd-lead,
.kd-hero .kd-hero-note {
  color: #b9c4dd;
}
.kd-hero .kd-network {
  background-image: radial-gradient(rgba(148, 163, 255, 0.35) 1px, transparent 1px);
}
.kd-hero .kd-orbit {
  border-color: rgba(148, 163, 255, 0.35);
}
.kd-hero .kd-network-caption {
  color: #8ea0c4;
}

/* ---------- 3b. kd page hero (catalog/detail/member/info) ---------- */
.kd-page-hero {
  background:
    radial-gradient(700px 300px at 10% 0%, rgba(124, 58, 237, 0.55), transparent 60%),
    radial-gradient(700px 300px at 70% 20%, rgba(37, 99, 235, 0.5), transparent 60%),
    radial-gradient(500px 260px at 95% 0%, rgba(6, 182, 212, 0.4), transparent 60%),
    var(--aurora-void) !important;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4, #10b981) 1;
}
.kd-page-hero h1 {
  color: #fff;
}
.kd-page-hero p {
  color: #b9c4dd !important;
}
.kd-page-hero .kd-overline,
.kd-page-hero .kd-breadcrumb {
  color: #a5f3fc !important;
}

/* ---------- 3c. kd buttons ---------- */
.kd-btn {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
  border: 0 !important;
  color: #fff !important;
  box-shadow: var(--aurora-glow);
}
.kd-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.kd-btn.kd-white {
  background: #fff !important;
  background-image: none !important;
  color: #5b21b6 !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.kd-btn.kd-white:hover {
  background: #f5f0ff !important;
}
.kd-btn.kd-outline {
  background: transparent !important;
  background-image: none !important;
  color: var(--kd-ink) !important;
  border: 1px solid #b7a6f5 !important;
  box-shadow: none;
}
.kd-btn.kd-outline:hover {
  background: #f3efff !important;
}
.kd-page-hero .kd-btn.kd-outline,
.kd-hero .kd-btn.kd-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.kd-text-link {
  color: #6d28d9 !important;
}
.kd-page-hero .kd-text-link {
  color: #a5f3fc !important;
}

/* ---------- 3d. kd sections / cards ---------- */
.kd-tint {
  background: linear-gradient(180deg, #f4f1ff 0%, #eef4ff 55%, #ecfeff 100%) !important;
}
.kd-community {
  background: linear-gradient(180deg, #f2fbf6 0%, #eef4ff 100%) !important;
}
.kd-card {
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4) 1;
}
.kd-feature:hover,
.kd-listing:hover {
  border-color: #a78bfa !important;
  box-shadow: 0 14px 36px rgba(109, 40, 217, 0.16) !important;
}
.kd-feature strong,
.kd-empty-icon,
.kd-count {
  color: #6d28d9 !important;
}
.kd-count {
  background: #ede9fe !important;
}
.kd-tag {
  background: linear-gradient(90deg, #ede9fe, #dbeafe, #cffafe) !important;
  color: #4c1d95 !important;
}
.kd-launch-art {
  background: var(--aurora-gradient-soft) !important;
  color: #6d28d9 !important;
}

/* ---------- 3e. kd CTA → full aurora ---------- */
.kd-cta {
  background:
    radial-gradient(500px 240px at 85% 0%, rgba(255, 255, 255, 0.22), transparent 55%),
    radial-gradient(420px 300px at 5% 100%, rgba(16, 185, 129, 0.4), transparent 60%),
    linear-gradient(120deg, #6d28d9 0%, #4f46e5 38%, #2563eb 68%, #0891b2 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 24px 60px rgba(76, 29, 149, 0.35);
}

/* ---------- 3f. kd footer → aurora night ---------- */
.kd-footer {
  background: var(--aurora-void) !important;
  border-top: 2px solid transparent;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4, #10b981) 1;
  color: #b9c4dd;
}
.kd-footer .kd-brand,
.kd-footer h3 {
  color: #fff !important;
}
.kd-footer p,
.kd-footer .kd-footer-tag {
  color: #8ea0c4 !important;
}
.kd-footer .kd-footer-top > div > a:not(.kd-brand) {
  color: #aebbda !important;
}
.kd-footer a:hover {
  color: #67e8f9 !important;
}
.kd-footer .kd-footer-bottom,
.kd-footer .kd-footer-bottom a {
  color: #7d8db1 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ---------- 3g. kd forms / filter ---------- */
.kd-filter {
  background: linear-gradient(180deg, #faf7ff, #f2f7ff) !important;
  border-color: #d9cdfb !important;
}
.kd-page input:not([type="checkbox"]):focus,
.kd-page select:focus,
.kd-page textarea:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.18) !important;
  outline: none;
}
.kd-note {
  border-left-color: #7c3aed !important;
  background: linear-gradient(90deg, #f5f0ff, #f8faff) !important;
}
.kd-industry-bar {
  background: linear-gradient(90deg, #faf7ff, #f2f7ff, #ecfeff);
}

/* ---------- 4. Generic Odoo website / shop / blog / forum / event / slides ---------- */
#wrapwrap main .o_page_header,
#wrapwrap main .s_cover {
  border-bottom: 1px solid #e6defc;
}
#wrapwrap .page-link.active,
#wrapwrap .page-item.active .page-link {
  background-image: var(--aurora-gradient);
  background-color: #6d28d9;
  border-color: #6d28d9;
}
#wrapwrap .badge.text-bg-primary,
#wrapwrap .badge.bg-primary {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
  border: 0;
}
#wrapwrap .o_portal_wrap h1,
#wrapwrap .o_portal_wrap h2,
#wrapwrap .oe_website_sale h1 {
  color: var(--aurora-ink);
}
#wrapwrap .o_portal_wrap .btn-primary {
  background-image: var(--aurora-gradient);
  background-color: #6d28d9;
  border: 0;
  box-shadow: var(--aurora-glow);
}
#wrapwrap .list-group-item.active {
  background-image: var(--aurora-gradient);
  background-color: #6d28d9;
  border-color: #6d28d9;
}

/* ---------- 5. Workspace (kolaborasi_workspace) ---------- */
.kolaborasi_ws-shell {
  background:
    radial-gradient(800px 320px at 5% 0%, rgba(124, 58, 237, 0.12), transparent 60%),
    radial-gradient(800px 320px at 95% 0%, rgba(6, 182, 212, 0.12), transparent 60%),
    #f5f3ff !important;
}
.kolaborasi_ws-topbar {
  background:
    radial-gradient(500px 120px at 15% 0%, rgba(124, 58, 237, 0.4), transparent 60%),
    radial-gradient(500px 120px at 85% 0%, rgba(6, 182, 212, 0.35), transparent 60%),
    #0a0f24 !important;
  border-bottom: 1px solid transparent !important;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4, #10b981) 1;
  box-shadow: 0 8px 28px rgba(10, 15, 36, 0.35) !important;
}
.kolaborasi_ws-brand-text {
  color: #fff !important;
}
.kolaborasi_ws-brand-mark {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
  box-shadow: 0 6px 18px rgba(124, 58, 237, 0.5) !important;
}
.kolaborasi_ws-search {
  background: rgba(255, 255, 255, 0.12) !important;
}
.kolaborasi_ws-search input,
.kolaborasi_ws-search input::placeholder {
  color: #e2e8f5 !important;
}
.kolaborasi_ws-search .input-group-text {
  color: #a5b4d4 !important;
}
.kolaborasi_ws-icon-nav a {
  color: #9fb0cf !important;
}
.kolaborasi_ws-icon-nav a.active,
.kolaborasi_ws-icon-nav a:hover {
  color: #fff !important;
  border-bottom-color: #22d3ee !important;
}
.kolaborasi_ws-btn-primary {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
  border: 0 !important;
  box-shadow: var(--aurora-glow) !important;
}
.kolaborasi_ws-btn-primary:hover {
  filter: brightness(1.1) !important;
}
.kolaborasi_ws-profile-cover {
  background:
    radial-gradient(400px 120px at 20% 0%, rgba(236, 72, 153, 0.55), transparent 60%),
    radial-gradient(400px 120px at 80% 100%, rgba(6, 182, 212, 0.5), transparent 60%),
    linear-gradient(120deg, #6d28d9, #4f46e5 45%, #2563eb 75%, #0891b2) !important;
}
.kolaborasi_ws-greeting {
  border-left: 4px solid transparent !important;
  border-image: linear-gradient(180deg, #7c3aed, #2563eb, #06b6d4) 1;
  background: linear-gradient(90deg, #f5f0ff, #fff) !important;
}
.kolaborasi_ws-greeting-action:hover,
.kolaborasi_ws-editor-command:hover,
.kolaborasi_ws-editor-command.active,
.kolaborasi_ws-reaction-button:hover,
.kolaborasi_ws-reaction-button.active,
.kolaborasi_ws-mini-item:hover strong {
  color: #6d28d9 !important;
}
.kolaborasi_ws-greeting-action:hover,
.kolaborasi_ws-editor-command:hover,
.kolaborasi_ws-editor-command.active,
.kolaborasi_ws-reaction-button:hover,
.kolaborasi_ws-reaction-button.active {
  background: #ede9fe !important;
}
.kolaborasi_ws-rich-editor:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 1px #7c3aed !important;
}
.kolaborasi_ws-mini-icon {
  background: linear-gradient(135deg, #ede9fe, #cffafe) !important;
  color: #6d28d9 !important;
}
.kolaborasi_ws-community-icon {
  background: linear-gradient(135deg, #d1fae5, #cffafe) !important;
  color: #0e7490 !important;
}
.kolaborasi_ws-post-action:hover {
  color: #6d28d9 !important;
}
.kolaborasi_ws-photo-button {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
}
.kolaborasi_ws-card {
  border-top: 3px solid transparent;
  border-image: linear-gradient(90deg, #7c3aed, #2563eb, #06b6d4) 1;
}

/* ---------- 6. Auth: login / signup / reset → aurora night + glass card ---------- */
main > .oe_website_login_container {
  background:
    radial-gradient(700px 340px at 12% 0%, rgba(124, 58, 237, 0.55), transparent 60%),
    radial-gradient(700px 340px at 88% 10%, rgba(37, 99, 235, 0.5), transparent 60%),
    radial-gradient(600px 420px at 50% 110%, rgba(16, 185, 129, 0.28), transparent 60%),
    var(--aurora-void);
  min-height: calc(100vh - 200px);
  min-height: calc(100svh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 56px 20px;
  margin: 0;
  max-width: none;
}
main > .oe_website_login_container .oe_login_form,
main > .oe_website_login_container form[action="/web/signup"],
main > .oe_website_login_container form[action="/web/reset_password"] {
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(5, 8, 25, 0.55);
  padding: 36px 34px;
  width: 100%;
  max-width: 440px;
  position: relative;
  overflow: hidden;
}
main > .oe_website_login_container .oe_login_form::before,
main > .oe_website_login_container form[action="/web/signup"]::before {
  content: "";
  display: block;
  height: 6px;
  margin: -36px -34px 26px;
  background: linear-gradient(90deg, #7c3aed, #4f46e5, #2563eb, #06b6d4, #10b981);
}
main > .oe_website_login_container .btn-primary {
  background-image: var(--aurora-gradient) !important;
  background-color: #6d28d9 !important;
  border: 0 !important;
  border-radius: 999px;
  padding: 12px;
  font-weight: 700;
  box-shadow: var(--aurora-glow);
}
main > .oe_website_login_container .form-control:focus {
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.18) !important;
}
main > .oe_website_login_container .o_login_auth,
main > .oe_website_login_container .passkey_login_link {
  max-width: 440px;
  width: 100%;
}

/* ---------- 7. Footer copyright bar ---------- */
#wrapwrap > footer .o_footer_copyright {
  background: #05081a !important;
  color: #8ea0c4 !important;
}

/* ---------- 8. Motion + responsive ---------- */
@media (prefers-reduced-motion: reduce) {
  .kd-btn,
  .kd-feature,
  #wrapwrap .btn-primary {
    transition: none !important;
    transform: none !important;
  }
}
@media (max-width: 800px) {
  main > .oe_website_login_container {
    padding: 36px 14px;
  }
}