/*
  Shared dark theme for secondary pages — ivomarket.com palette.
  Charcoal black (#0d0d0d) + lime green (#72C832).
*/
:root {
  --bg: #0d0d0d !important;
  --panel: #1a1a1a !important;
  --card: #1a1a1a !important;
  --gold: #F59E0B !important;
  --gold-2: #D97706 !important;
  --gold2: #D97706 !important;
  --text: #ffffff !important;
  --muted: #9ca3af !important;
  --line: rgba(255, 255, 255, 0.08) !important;
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.5) !important;
}

body {
  background:
    radial-gradient(circle at 15% 10%, rgba(114, 200, 50, 0.10), transparent 35%),
    linear-gradient(145deg, #0d0d0d 0%, #111111 50%, #0d0d0d 100%) !important;
  color: var(--text) !important;
}

a,
.back-link:hover,
.page-header .eyebrow,
.highlight-box strong,
.contact-box .contact-text strong,
.step-num,
.info-item svg,
.order-id {
  color: var(--gold) !important;
}

.back-link,
.muted,
.page-header .subtitle,
.page-header .meta,
.policy-card-body p,
.highlight-box p,
.steps li,
.contact-box .contact-text p,
.form-row label,
.info-item,
p,
.note {
  color: #9ca3af !important;
}

h1,
h2,
h3,
.policy-card-header h2,
.contact-box .contact-text h3,
.product-title,
.category-title,
.card-title {
  color: #ffffff !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
}

.page-header .eyebrow,
.badge-paypal {
  background: rgba(114, 200, 50, 0.07) !important;
  border-color: rgba(114, 200, 50, 0.20) !important;
  color: #72C832 !important;
}

.box,
.card,
.form-card,
.policy-card,
.contact-box,
.order-box,
.panel,
.login-box,
.modal,
.product-card,
.category-card,
.portal-card,
.stat-card,
.item-card,
.download-card,
.auth-card,
.empty-state {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

.policy-card-header,
.note,
hr {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.form-control,
input,
select,
textarea {
  background-color: #222222 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: #6b7280 !important;
}

select.form-control option,
select option {
  background: #222222 !important;
  color: #ffffff !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(114, 200, 50, 0.55) !important;
  background-color: #222222 !important;
  outline: none !important;
}

.submit-btn,
.download,
.btn-buy,
.btn-download,
button.primary,
.primary-btn {
  background: linear-gradient(180deg, #fde68a, #F59E0B 54%, #D97706) !important;
  color: #111111 !important;
  box-shadow: 0 16px 32px rgba(245, 158, 11, 0.20) !important;
}

.bar,
.login-bar,
.modal-bar {
  background: linear-gradient(90deg, #1a5c08, #72C832, #1a5c08) !important;
}

.status {
  color: #22c55e !important;
}

.form-status.success {
  background: rgba(34, 197, 94, 0.10) !important;
  border-color: rgba(34, 197, 94, 0.28) !important;
  color: #86efac !important;
}

.form-status.error {
  background: rgba(239, 68, 68, 0.10) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #fca5a5 !important;
}

.links a,
footer a,
nav a {
  color: #9ca3af !important;
}

.locked-banner,
.locked-cta {
  background: rgba(114, 200, 50, 0.06) !important;
  border-color: rgba(114, 200, 50, 0.15) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.locked-text,
.locked-cta p,
.lock-icon {
  color: #ffffff !important;
}

.locked-text {
  font-weight: 900 !important;
}

.locked-cta {
  border-style: solid !important;
}