/* Dark theme for the Verified Artist / Opulentis Pro pages only.
   Scoped to .opulentis-dark (wraps the <main> content on verify.php and
   pro.php) plus body:has(.opulentis-dark) to also darken the shared navbar
   while browsing those two pages, without touching the rest of the site. */

body:has(.opulentis-dark) {
  background: #0e1013;
}

body:has(.opulentis-dark) .navbar {
  background: rgba(14, 16, 19, 0.92);
  border-bottom: 1px solid #202329;
}

body:has(.opulentis-dark) .nav-toggle,
body:has(.opulentis-dark) .nav-links > a,
body:has(.opulentis-dark) .parent-row > a {
  color: #e7e8ea;
}

body:has(.opulentis-dark) footer {
  background: #0e1013;
  border-top-color: #202329;
  color: #9aa0a6;
}

.opulentis-dark {
  color: #e7e8ea;
}

.opulentis-dark h2, .opulentis-dark h3 {
  color: #ffffff;
}

.opulentis-dark .muted {
  color: #9aa0a6;
}

.opulentis-dark .card,
.opulentis-dark .form-card {
  background: #121418;
  border: 1px solid #23262b;
  color: #e7e8ea;
}

.opulentis-dark .form-label {
  color: #cfd1d4;
}

.opulentis-dark .form-input,
.opulentis-dark .form-select,
.opulentis-dark .form-textarea {
  background: #121418;
  border: 1px solid #23262b;
  color: #e7e8ea;
}

.opulentis-dark .form-input::placeholder,
.opulentis-dark .form-textarea::placeholder {
  color: #6b6f76;
}

.opulentis-dark .form-input:focus,
.opulentis-dark .form-select:focus,
.opulentis-dark .form-textarea:focus {
  outline: none;
  border-color: #262ff8;
  box-shadow: 0 0 0 3px rgba(38, 47, 248, 0.25);
}

.opulentis-dark .form-input:disabled {
  opacity: 0.6;
}

.opulentis-dark .form-hint {
  color: #6b6f76;
}

.opulentis-dark .btn-primary {
  background: #262ff8;
  border-color: #262ff8;
}

.opulentis-dark .btn-primary:hover {
  background: #1c24d1;
  border-color: #1c24d1;
}

.opulentis-dark .btn:not(.btn-primary) {
  background: #16181c;
  border-color: #23262b;
  color: #e7e8ea;
}

.opulentis-dark .form-error {
  background: rgba(239, 68, 68, 0.12);
  color: #f19999;
}

.opulentis-dark .form-success {
  background: rgba(34, 197, 94, 0.12);
  color: #86e0a6;
}

.opulentis-dark .table-wrap,
.opulentis-dark .table {
  background: #121418;
  border-color: #23262b;
  color: #e7e8ea;
}

.opulentis-dark .table th,
.opulentis-dark .table td {
  border-color: #23262b;
}

.opulentis-dark input[type="checkbox"] {
  accent-color: #262ff8;
}

/* ===================== Mobile & desktop account menu ===================== */
/* Dark drawer/dropdown for the Account submenu, on every page (matches the
   video's palette), independent of the light page background elsewhere. */
.nav-links .submenu {
  background: #121418;
  border: 1px solid #23262b;
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}

.nav-links .submenu a {
  color: #e7e8ea;
}

.nav-links .submenu a:hover {
  background: #1c1f24;
  color: #ffffff;
}

.nav-links .submenu-divider {
  border-color: #23262b;
}

@media (max-width: 768px) {
  .nav-links {
    background: #0e1013;
    border-top: 1px solid #23262b;
  }
  .nav-links > a {
    color: #e7e8ea;
    border-bottom: 1px solid #1c1f24;
  }
  .nav-links .has-children {
    border-bottom-color: #1c1f24;
  }
  .nav-links .submenu {
    box-shadow: none;
    border: 0;
  }
  .mobile-top-search {
    background: #0e1013;
    border-bottom-color: #23262b;
  }
  .mobile-top-search input {
    background: #121418;
    border-color: #23262b;
    color: #e7e8ea;
  }
}