/* DesireCrush page-header + static-shell pages (landing / mail palette) */
:root {
  --dc-shell-ink: #1c1611;
  --dc-shell-muted: #7b7068;
  --dc-shell-cream: #fdf9f4;
  --dc-shell-soft: #fff3e8;
  --dc-shell-line: #f0e4d8;
  --dc-shell-orange: #f37e30;
  --dc-shell-orange-light: #ffab52;
  --dc-shell-orange-dark: #de5a17;
  --dc-shell-orange-deep: #bc4a0d;
  --dc-shell-warm: #2a1f16;
  --dc-shell-flow: linear-gradient(135deg, #ffab52, #f37e30 48%, #de5a17);
  --dc-shell-shadow: 0 22px 70px rgba(96, 46, 10, .14);
}

.page-header {
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 171, 82, .42), transparent 42%),
    radial-gradient(circle at 88% 90%, rgba(222, 90, 23, .28), transparent 46%),
    linear-gradient(135deg, #3d2a1c 0%, #2a1f16 52%, #1c1611 100%);
  color: #fff7ef;
  font-family: Poppins, Helvetica, sans-serif;
}

.page-header h2,
.page-header h1 {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

.page-header p,
.page-header .text-xlg,
.page-header .text-lg {
  color: rgba(255, 247, 239, .82);
  font-weight: 400;
}

.page-header .circle-1,
.page-header .circle-2,
.page-header .circle-3 {
  background-image: radial-gradient(circle 800px at 50% 40%, rgba(243, 126, 48, .95) 0, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
}

.page-header .floating-img {
  opacity: 0.22;
  filter: sepia(.7) saturate(1.35) hue-rotate(-22deg) brightness(.95);
}

.page-header.bank-transfer {
  background-color: #2a1f16;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 171, 82, .38), transparent 52%),
    linear-gradient(135deg, #3d2a1c 0%, #2a1f16 100%);
}

.page-header.bank-transfer .inner {
  border-color: rgba(243, 126, 48, .38);
  border-radius: 16px;
}

.page-header.bank-transfer .bank-info-help {
  color: rgba(255, 247, 239, .72);
}

body.dc-page-shell {
  color: var(--dc-shell-ink);
  background:
    radial-gradient(circle at 9% 8%, rgba(243, 126, 48, .14), transparent 28rem),
    radial-gradient(circle at 92% 86%, rgba(222, 90, 23, .09), transparent 34rem),
    var(--dc-shell-cream);
}

body.dc-page-shell .card {
  border-color: var(--dc-shell-line);
  border-radius: 18px;
}

body.dc-page-shell .card.shadow,
body.dc-page-shell .card.border-0.shadow,
body.dc-page-shell .card.shadow-sm {
  box-shadow: var(--dc-shell-shadow) !important;
}

body.dc-page-shell .static-page-content,
body.dc-page-shell .page-content {
  color: var(--dc-shell-ink);
}

body.dc-page-shell .text-primary {
  color: var(--dc-shell-orange-dark) !important;
}

body.dc-page-shell .nav-pills .nav-link.active,
body.dc-page-shell .nav-pills .show > .nav-link {
  color: #fff;
  background: var(--dc-shell-flow);
}

body.dc-page-shell .nav-pills.nav-started .nav-link:not(.active) {
  background: var(--dc-shell-soft);
  color: var(--dc-shell-ink);
  border: 1px solid var(--dc-shell-line);
}

body.dc-page-shell .started-info-form .started-seeking-col {
  background: var(--dc-shell-soft);
  border-color: var(--dc-shell-line);
}

body.dc-page-shell .directory-card {
  background: var(--dc-shell-soft);
  border: 1px solid var(--dc-shell-line);
  color: var(--dc-shell-muted);
}

body.dc-page-shell .directory-card .title {
  color: var(--dc-shell-orange-dark);
  font-weight: 700;
}

body.dc-page-shell .directory-card:hover {
  background: #ffe8d4;
  color: var(--dc-shell-muted);
}

body.dc-page-shell .card-pricing {
  border-color: var(--dc-shell-line);
  overflow: hidden;
}

body.dc-page-shell .bg-gradient-primary {
  background: var(--dc-shell-flow) !important;
}

body.night-mode.dc-page-shell {
  color: #f3e7dc;
  background:
    radial-gradient(circle at 9% 8%, rgba(243, 126, 48, .16), transparent 28rem),
    #1c1611;
}

body.night-mode.dc-page-shell .card {
  border-color: #3a2e24;
}

body.night-mode.dc-page-shell .directory-card {
  background: #2a1f16;
  border-color: #3a2e24;
  color: #c9b8ab;
}

body.night-mode.dc-page-shell .directory-card .title {
  color: var(--dc-shell-orange-light);
}

body.night-mode.dc-page-shell .directory-card:hover {
  background: #3a2a1c;
  color: #c9b8ab;
}

body.night-mode.dc-page-shell .nav-pills.nav-started .nav-link:not(.active) {
  background: #2a1f16;
  color: #f3e7dc;
  border-color: #3a2e24;
}

body.night-mode.dc-page-shell .started-info-form .started-seeking-col {
  background: #2a1f16;
  border-color: #3a2e24;
}
