/* 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: #0c1112;
}

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: #e6eeee;
}

body:has(.opulentis-dark) footer {
  background: #0c1112;
  border-top-color: #202329;
  color: #93a29f;
}

.opulentis-dark {
  color: #e6eeee;
}

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

.opulentis-dark .muted {
  color: #93a29f;
}

.opulentis-dark .card,
.opulentis-dark .form-card {
  background: #121a1b;
  border: 1px solid #22302e;
  color: #e6eeee;
}

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

.opulentis-dark .form-input,
.opulentis-dark .form-select,
.opulentis-dark .form-textarea {
  background: #121a1b;
  border: 1px solid #22302e;
  color: #e6eeee;
}

.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: #14b8a6;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.28);
}

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

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

.opulentis-dark .btn-primary {
  background: #14b8a6;
  border-color: #14b8a6;
}

.opulentis-dark .btn-primary:hover {
  background: #0f9488;
  border-color: #0f9488;
}

.opulentis-dark .btn:not(.btn-primary) {
  background: #141c1b;
  border-color: #22302e;
  color: #e6eeee;
}

.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: #121a1b;
  border-color: #22302e;
  color: #e6eeee;
}

.opulentis-dark .table th,
.opulentis-dark .table td {
  border-color: #22302e;
}

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

/* ===================== 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: #121a1b;
  border: 1px solid #22302e;
  box-shadow: 0 12px 32px rgba(0,0,0,0.4);
}

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

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

.nav-links .submenu-divider {
  border-color: #22302e;
}

@media (max-width: 768px) {
  .nav-links {
    background: #0c1112;
    border-top: 1px solid #22302e;
  }
  .nav-links > a {
    color: #e6eeee;
    border-bottom: 1px solid #1a2321;
  }
  .nav-links .has-children {
    border-bottom-color: #1a2321;
  }
  .nav-links .submenu {
    box-shadow: none;
    border: 0;
  }
  .mobile-top-search {
    background: #0c1112;
    border-bottom-color: #22302e;
  }
  .mobile-top-search input {
    background: #121a1b;
    border-color: #22302e;
    color: #e6eeee;
  }
}