/* ═══════════════════════════════════════════
   OWN360 DARK MODE OVERRIDES
   Styles for [data-theme="dark"]
═══════════════════════════════════════════ */


/* ───────────────────────────────────────────
   THEME TRANSITION
─────────────────────────────────────────── */
.theme-transitioning,
.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
  transition-duration: var(--theme-duration) !important;
}


/* ───────────────────────────────────────────
   NAVIGATION
─────────────────────────────────────────── */
[data-theme="dark"] #sitenav {
  background: rgba(14, 16, 13, .97);
}

[data-theme="dark"] .nav-drawer {
  background: var(--cream2);
}

[data-theme="dark"] .nav-link.cta {
  background: var(--forest);
  color: #0e100d !important;
}

[data-theme="dark"] .nav-link.cta:hover {
  background: var(--forest2);
}

[data-theme="dark"] .nav-drawer .dcta {
  background: var(--forest);
  color: #0e100d !important;
}


/* ───────────────────────────────────────────
   BUTTONS
─────────────────────────────────────────── */
[data-theme="dark"] .btn-primary {
  background: var(--forest);
  color: #0e100d;
}

[data-theme="dark"] .btn-primary:hover {
  background: var(--forest2);
}

[data-theme="dark"] .btn-cta {
  background: var(--forest);
  color: #0e100d;
}

[data-theme="dark"] .btn-cta:hover {
  background: var(--forest2);
}

[data-theme="dark"] .btn-ghost {
  border-color: var(--rule);
  color: var(--ink);
}

[data-theme="dark"] .btn-ghost:hover {
  border-color: var(--forest);
  color: var(--forest);
}

[data-theme="dark"] .btn-outline {
  border-color: var(--forest);
  color: var(--forest);
}

[data-theme="dark"] .btn-outline:hover {
  background: var(--forest);
  color: #0e100d;
}


/* ───────────────────────────────────────────
   CARDS
─────────────────────────────────────────── */
[data-theme="dark"] .card {
  background: var(--cream2);
  border-color: var(--rule);
}

[data-theme="dark"] .card:hover {
  border-color: var(--fmid);
}

[data-theme="dark"] .info-card {
  background: var(--flit);
  border-color: var(--fmid);
}


/* ───────────────────────────────────────────
   FORMS
─────────────────────────────────────────── */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="search"] {
  background: var(--cream);
  border-color: var(--rule);
  color: var(--ink);
}

[data-theme="dark"] textarea {
  background: var(--cream);
  border-color: var(--rule);
  color: var(--ink);
}

[data-theme="dark"] select {
  background: var(--cream);
  border-color: var(--rule);
  color: var(--ink);
}


/* ───────────────────────────────────────────
   TABLES
─────────────────────────────────────────── */
[data-theme="dark"] th {
  border-bottom-color: var(--rule);
  color: var(--faint);
}

[data-theme="dark"] td {
  border-bottom-color: var(--rule2);
  color: var(--ink);
}

[data-theme="dark"] tr:hover {
  background: var(--inka02);
}


/* ───────────────────────────────────────────
   BADGES
─────────────────────────────────────────── */
[data-theme="dark"] .tag {
  background: var(--cream2);
  border-color: var(--rule);
  color: var(--faint);
}

[data-theme="dark"] .badge.green {
  background: var(--flit);
  color: var(--forest);
}

[data-theme="dark"] .badge.red {
  background: var(--scarlit);
  color: var(--scarlet);
}

[data-theme="dark"] .badge.blue {
  background: var(--coblit);
  color: var(--cobalt);
}


/* ───────────────────────────────────────────
   CONTENT BLOCKS
─────────────────────────────────────────── */
[data-theme="dark"] .hl-box {
  background: var(--flit);
  border-left-color: var(--forest);
}

[data-theme="dark"] .hl-box p {
  color: var(--ink);
}


/* ───────────────────────────────────────────
   FOOTER
─────────────────────────────────────────── */
[data-theme="dark"] .site-footer {
  background: #060806;
  border-top-color: var(--rule);
}

[data-theme="dark"] .footer-logo-mark {
  color: var(--forest);
}

[data-theme="dark"] .footer-logo-mark span {
  color: var(--ink);
}

[data-theme="dark"] .footer-tagline {
  color: var(--cra45);
}

[data-theme="dark"] .social-link {
  border-color: var(--rule);
  color: var(--cra45);
}

[data-theme="dark"] .social-link:hover {
  border-color: var(--forest);
  color: var(--forest);
}

[data-theme="dark"] .footer-col-title {
  color: var(--cra55);
}

[data-theme="dark"] .footer-link {
  color: var(--cra60);
}

[data-theme="dark"] .footer-link:hover {
  color: var(--forest);
}

[data-theme="dark"] .footer-badge {
  background: var(--flit);
  color: var(--forest);
}

[data-theme="dark"] .footer-compliance {
  border-top-color: var(--rule2);
}

[data-theme="dark"] .footer-compliance-title {
  color: var(--ink);
}

[data-theme="dark"] .cb-icon {
  border-color: var(--rule);
  color: var(--forest);
}

[data-theme="dark"] .cb-title {
  color: var(--cra65);
}

[data-theme="dark"] .cb-sub {
  color: var(--cra45);
}

[data-theme="dark"] .footer-newsletter {
  border-top-color: var(--rule2);
}

[data-theme="dark"] .fn-title {
  color: var(--ink);
}

[data-theme="dark"] .fn-sub {
  color: var(--cra45);
}

[data-theme="dark"] .fn-input {
  background: var(--cream);
  border-color: var(--rule);
  color: var(--ink);
}

[data-theme="dark"] .fn-btn {
  background: var(--forest);
  border-color: var(--forest);
  color: #0e100d;
}

[data-theme="dark"] .fn-btn:hover {
  background: var(--forest2);
  border-color: var(--forest2);
}

[data-theme="dark"] .fn-note {
  color: var(--cra35);
}

[data-theme="dark"] .footer-bottom {
  border-top-color: var(--rule2);
}

[data-theme="dark"] .footer-copy {
  color: var(--cra45);
}

[data-theme="dark"] .footer-reg {
  color: var(--cra35);
}

[data-theme="dark"] .footer-micro-link {
  color: var(--cra45);
}

[data-theme="dark"] .footer-micro-link:hover {
  color: var(--forest);
}

[data-theme="dark"] .hiring-badge {
  background: var(--flit);
  border-color: var(--fmid);
  color: var(--forest);
}


/* ───────────────────────────────────────────
   BACK TO TOP
─────────────────────────────────────────── */
[data-theme="dark"] #back-to-top {
  background: var(--cream2);
  border-color: var(--rule);
  color: var(--ink);
}

[data-theme="dark"] #back-to-top:hover {
  background: var(--forest);
  color: #0e100d;
  border-color: var(--forest);
}