/* EXKAVE mobile skin for the desktop web.
   Loaded last by exkave-shell.js to enforce the gold, cream and black palette
   across pages, menus, hovers and effects. */

:root,
html,
html[data-exkave-theme="modern"],
html[data-theme="dark"],
html:not([data-exkave-theme]) {
  color-scheme: dark !important;
  --bg: #050505 !important;
  --night: #050505 !important;
  --ink: #fffdf7 !important;
  --text: #fffdf7 !important;
  --muted: #d6d0c2 !important;
  --soft: rgba(255,253,247,.46) !important;
  --quiet: #9a9385 !important;
  --line: rgba(255,253,247,.12) !important;
  --line-strong: rgba(255,253,247,.24) !important;
  --panel: rgba(19,19,17,.82) !important;
  --panel-2: rgba(28,28,25,.86) !important;
  --panel-strong: rgba(8,8,7,.95) !important;
  --surface: rgba(19,19,17,.82) !important;
  --surface-2: rgba(28,28,25,.86) !important;
  --purple: #1c1c19 !important;
  --violet: #d8b765 !important;
  --violet-2: #f4e7bf !important;
  --pink: #d8b765 !important;
  --pink-hot: #f4e7bf !important;
  --hot: #d8b765 !important;
  --amber: #d8b765 !important;
  --green: #d8b765 !important;
  --gold: #d8b765 !important;
  --accent: #d8b765 !important;
  --accent-2: #f4e7bf !important;
  --on-accent: #090909 !important;
  --grad: linear-gradient(135deg,#f4e6b8 0%,#c59b44 52%,#6f541f 100%) !important;
  --shadow: 0 20px 50px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,253,247,.06) !important;
  --exkave-mobile-bg-grad:
    radial-gradient(90% 72% at 8% -12%, rgba(226,200,137,.16) 0%, transparent 46%),
    radial-gradient(72% 56% at 100% 3%, rgba(255,253,247,.07) 0%, transparent 44%),
    linear-gradient(180deg,#171714 0%,#070707 58%,#020202 100%) !important;
  --exkave-mobile-grooves:
    repeating-radial-gradient(circle at 78% 12%, rgba(255,253,247,.11) 0 1px, transparent 1px 10px),
    linear-gradient(140deg, transparent 0 45%, rgba(216,183,101,.06) 45% 46%, transparent 46% 100%) !important;
  --exkave-mobile-box-grooves:
    repeating-radial-gradient(circle at 86% 14%, rgba(255,253,247,.13) 0 1px, transparent 1px 10px),
    radial-gradient(190px 190px at 86% 14%, rgba(216,183,101,.08), transparent 64%) !important;
  --exkave-mobile-surface:
    linear-gradient(145deg, rgba(255,253,247,.07), transparent 48%),
    rgba(19,19,17,.82) !important;
  --exkave-mobile-surface-strong:
    linear-gradient(145deg, rgba(255,253,247,.08), transparent 50%),
    rgba(10,10,9,.94) !important;
  --exkave-mobile-line: rgba(216,183,101,.38) !important;
}

html[data-exkave-theme="light"],
html[data-theme="light"] {
  color-scheme: light !important;
  --bg: #fffdf7 !important;
  --night: #fffdf7 !important;
  --ink: #11110f !important;
  --text: #11110f !important;
  --muted: #57545d !important;
  --soft: rgba(12,12,10,.44) !important;
  --quiet: #8a858e !important;
  --line: rgba(167,127,41,.34) !important;
  --line-strong: rgba(167,127,41,.52) !important;
  --panel: rgba(255,253,247,.86) !important;
  --panel-2: rgba(255,253,247,.92) !important;
  --panel-strong: rgba(255,253,247,.96) !important;
  --surface: rgba(255,253,247,.86) !important;
  --surface-2: rgba(255,253,247,.92) !important;
  --purple: #e8e5dc !important;
  --violet: #11110f !important;
  --violet-2: #57545d !important;
  --pink: #11110f !important;
  --pink-hot: #11110f !important;
  --hot: #11110f !important;
  --amber: #a77f29 !important;
  --green: #11110f !important;
  --gold: #a77f29 !important;
  --accent: #11110f !important;
  --accent-2: #57545d !important;
  --on-accent: #fffdf7 !important;
  --grad: linear-gradient(135deg,#2a292d 0%,#050506 100%) !important;
  --shadow:
    0 22px 58px rgba(36,28,10,.12),
    0 0 0 1px rgba(244,230,184,.34),
    inset 0 1px 0 rgba(255,253,247,.86) !important;
  --exkave-mobile-bg-grad:
    radial-gradient(90% 70% at 0% -5%, rgba(215,182,106,.20) 0%, transparent 42%),
    radial-gradient(100% 80% at 100% 0%, rgba(12,12,10,.10) 0%, transparent 48%),
    linear-gradient(180deg,#fffdf7 0%,#f1efea 100%) !important;
  --exkave-mobile-grooves:
    repeating-radial-gradient(circle at 78% 12%, rgba(17,17,15,.08) 0 1px, transparent 1px 10px),
    linear-gradient(140deg, transparent 0 45%, rgba(167,127,41,.08) 45% 46%, transparent 46% 100%) !important;
  --exkave-mobile-box-grooves:
    repeating-radial-gradient(circle at 86% 14%, rgba(17,17,15,.07) 0 1px, transparent 1px 10px),
    radial-gradient(190px 190px at 86% 14%, rgba(167,127,41,.08), transparent 64%) !important;
  --exkave-mobile-surface:
    linear-gradient(145deg, rgba(255,253,247,.84), rgba(255,253,247,.38)),
    rgba(255,253,247,.86) !important;
  --exkave-mobile-surface-strong:
    linear-gradient(145deg, rgba(255,253,247,.94), rgba(255,253,247,.86)),
    rgba(255,253,247,.94) !important;
  --exkave-mobile-line: rgba(167,127,41,.52) !important;
}

html,
body {
  background: var(--exkave-mobile-grooves), var(--exkave-mobile-bg-grad), var(--bg) !important;
}

body {
  color: var(--text) !important;
  font-family: var(--font-body) !important;
  overflow-x: hidden !important;
}

html[data-exkave-theme="modern"] body,
html[data-theme="dark"] body,
html:not([data-exkave-theme]) body {
  color: #fffdf7 !important;
  background:
    var(--exkave-mobile-grooves),
    radial-gradient(90% 72% at 8% -12%, rgba(226,200,137,.16) 0%, transparent 46%),
    radial-gradient(72% 56% at 100% 3%, rgba(255,253,247,.07) 0%, transparent 44%),
    linear-gradient(180deg,#171714 0%,#070707 58%,#020202 100%),
    #050505 !important;
}

html[data-exkave-theme="light"] body,
html[data-theme="light"] body {
  color: #11110f !important;
  background:
    var(--exkave-mobile-grooves),
    radial-gradient(90% 70% at 0% -5%, rgba(215,182,106,.20) 0%, transparent 42%),
    radial-gradient(100% 80% at 100% 0%, rgba(12,12,10,.10) 0%, transparent 48%),
    linear-gradient(180deg,#fffdf7 0%,#f1efea 100%),
    #fffdf7 !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: .18 !important;
  background: var(--exkave-mobile-grooves) !important;
  mix-blend-mode: screen !important;
  mask-image: none !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .12 !important;
  mix-blend-mode: multiply !important;
}

.grain-layer {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  animation: none !important;
}

.transition-overlay {
  background:
    radial-gradient(90% 72% at 8% -12%, rgba(226,200,137,.20) 0%, transparent 46%),
    linear-gradient(180deg,#171714 0%,#050505 100%) !important;
  box-shadow: none !important;
}

.transition-overlay::after {
  display: none !important;
}

.page-background,
.news-parallax-layer,
.news-parallax-line {
  background:
    var(--exkave-mobile-grooves),
    radial-gradient(90% 72% at 8% -12%, rgba(226,200,137,.16) 0%, transparent 46%),
    radial-gradient(72% 56% at 100% 3%, rgba(255,253,247,.07) 0%, transparent 44%),
    linear-gradient(180deg,#171714 0%,#070707 58%,#020202 100%) !important;
  opacity: 1 !important;
  filter: none !important;
}

.news-parallax-layer,
.news-parallax-orbit,
.news-parallax-line {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.news-parallax-layer::before,
.news-parallax-layer::after {
  display: none !important;
}

html[data-exkave-theme="light"] .page-background,
html[data-theme="light"] .page-background {
  background: var(--exkave-mobile-grooves), var(--exkave-mobile-bg-grad), #fffdf7 !important;
}

.hero,
.news-hero,
.carousel,
.section,
.news-section,
.member,
.card,
.panel,
.glass,
.surface,
.search-panel,
.step-card,
.album-panel,
.detail,
.search-guide,
.guide-step,
.mission-card,
.quick-nav,
.term-card,
.step-card,
.myth-card,
.record-demo,
.label-demo,
.physical-card,
.asset-section,
.runout-help-panel,
.runout-help-card,
.submit-card,
.profile-card,
.subscription-card,
.exkave-theme-panel,
.plan-card,
.exkave-plan-card,
.readiness,
.subscription-status,
.currency-switch,
.method,
.notice,
.warning,
.admin-card,
.strapi-panel,
.carousel-admin-panel,
.pricing-admin-panel,
.carousel-slide-editor,
.member-row,
.row,
.draft-editor,
.draft-asset,
.draft-candidates,
.candidate-row,
.proof-card,
.drop,
.runout-tool,
.article-card,
.feature-card,
.vinyl-card,
.news-card,
.popular-card,
.pressing-body,
body:not([data-ex-biblio]) .pressing,
.pressing-filter-bar,
.pressing-filter-field,
.variant-dialog,
.variant-floating-list,
.variant-review,
.validation,
.rule,
.media-proof-cta,
.media-empty,
.barcode-unavailable,
.child-fact,
.master-meta-stat,
.suggest-panel,
.runout-tools,
.runout-help-panel,
.runout-key-zoom,
.variant-card,
.variant-section,
.variant-summary,
.barcode-card,
.valuation-card,
.child-sheet,
.locked-cta,
.pressing-empty,
.detail-empty,
.empty-state {
  color: var(--text) !important;
  border-color: var(--exkave-mobile-line) !important;
  background:
    var(--exkave-mobile-box-grooves),
    var(--exkave-mobile-surface) !important;
  background-blend-mode: screen, screen, normal !important;
  box-shadow: var(--shadow) !important;
  text-shadow: none !important;
}

.hero::before,
.hero::after,
.news-hero::before,
.news-hero::after,
.carousel::before,
.carousel::after,
.section::before,
.section::after,
.member::before,
.member::after,
.news-section::before,
.news-section::after,
.article-card::before,
.article-card::after,
.feature-card::before,
.feature-card::after,
.vinyl-card::before,
.vinyl-card::after,
.news-card::before,
.news-card::after,
.pressing-card::before,
.pressing-card::after,
.search-panel::before,
.search-panel::after,
.slide::before,
.slide::after,
.slide-copy::before,
.slide-copy::after,
.mission-card::before,
.mission-card::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

.carousel,
.news-hero,
.hero,
.section,
.news-section,
.member {
  overflow: hidden !important;
}

.member {
  margin-left: auto !important;
  margin-right: auto !important;
  background:
    var(--exkave-mobile-grooves),
    radial-gradient(90% 72% at 50% -18%, rgba(226,200,137,.18) 0%, transparent 50%),
    linear-gradient(180deg,#171714 0%,#070707 58%,#020202 100%) !important;
}

.slide-bg,
.slide.has-cover .slide-bg {
  background-image:
    linear-gradient(90deg, rgba(5,5,5,.88), rgba(5,5,5,.56) 46%, rgba(5,5,5,.74)),
    var(--slide-image, linear-gradient(145deg,#191916,#050505)) !important;
  filter: saturate(.82) contrast(1.02) brightness(.74) !important;
  opacity: 1 !important;
}

.slide[style*="fond.png"],
[style*="fond.png"] {
  --slide-image: linear-gradient(145deg,#191916,#050505) !important;
  --image: none !important;
}

.slide-copy,
.article-body,
.feature-body,
.vinyl-body,
.news-body,
.pressing-body {
  color: var(--text) !important;
  background:
    var(--exkave-mobile-box-grooves),
    color-mix(in srgb, var(--surface) 86%, transparent) !important;
  background-blend-mode: screen, screen, normal !important;
  border-color: var(--line) !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
}

.news-image,
.article-image,
.feature-image,
.vinyl-image,
.pressing-art,
.master-cover,
.pressing-cover,
.cover-placeholder,
.proof-thumb,
.media-slot,
.carousel-preview {
  border-color: var(--line) !important;
  background:
    linear-gradient(180deg, rgba(5,5,5,.10), rgba(5,5,5,.42)),
    var(--image, none),
    repeating-radial-gradient(circle at 78% 12%, rgba(255,253,247,.12) 0 1px, transparent 1px 10px),
    linear-gradient(160deg, rgba(255,253,247,.07), transparent 48%),
    radial-gradient(70% 70% at 50% 50%, rgba(216,183,101,.16), transparent 60%),
    rgba(19,19,17,.82) !important;
  background-position: center !important;
  background-repeat: no-repeat, no-repeat, repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: cover, cover, auto, auto, auto, auto !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
}

button:not([data-ex-nu]),
.button,
.btn,
.cta,
.action,
.read-link,
.plan-cta,
.member-cta,
.search-submit,
.pressing-filter-submit,
.pay-button,
.locked-cta-btn,
.master-open-button,
.runout-help-button,
.runout-mode-btn,
.symbol-grid button,
.runout-action-grid button,
.field-clear,
.rail-nav,
.alpha-button,
.google-button,
.secondary,
.exkave-back-top {
  color: var(--on-accent) !important;
  border-color: rgba(216,183,101,.42) !important;
  background: var(--grad) !important;
  box-shadow: 0 14px 34px rgba(216,183,101,.18), inset 0 1px 0 rgba(255,253,247,.22) !important;
  text-shadow: none !important;
}

button.secondary,
.button.secondary,
.cta.secondary,
.action:not(.primary),
.google-button.secondary,
.field-clear,
.rail-nav,
.alpha-button:not(.is-active),
.runout-action-grid button,
.symbol-grid button,
.exkave-footer__links a {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background: rgba(255,253,247,.045) !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
}

@media (hover: hover) {
  button:not([data-ex-nu]):hover,
  .button:hover,
  .btn:hover,
  .cta:hover,
  .action:hover,
  .read-link:hover,
  .plan-cta:hover,
  .member-cta:hover,
  .search-submit:hover,
  .pressing-filter-submit:hover,
  .rail-nav:hover,
  .alpha-button:hover:not(:disabled),
  .exkave-footer__links a:hover,
  .exkave-back-top:hover {
    color: var(--on-accent) !important;
    border-color: rgba(216,183,101,.64) !important;
    background: var(--grad) !important;
    filter: brightness(1.05) !important;
    box-shadow: 0 16px 38px rgba(216,183,101,.22), inset 0 1px 0 rgba(255,253,247,.26) !important;
  }
}

input,
textarea,
select,
.search-input,
.panel-filter,
.search-form,
.pressing-filter-field,
.member-ctrl select,
.member-ctrl input,
#memberSearch,
.draft-editor input,
.draft-editor textarea,
.carousel-slide-editor input,
.carousel-slide-editor textarea {
  color: var(--text) !important;
  border-color: var(--line-strong) !important;
  background: color-mix(in srgb, var(--surface) 90%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
  text-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.search-input::placeholder {
  color: var(--quiet) !important;
}

#pressing-filter-form .pressing-filter-field {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  box-shadow: none !important;
}

#pressing-filter-form .pressing-filter-field input,
#pressing-filter-form .pressing-filter-field select {
  border: 0 !important;
  border-bottom: 1px solid rgba(216,183,101,.34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#pressing-filter-form .pressing-filter-field input:focus,
#pressing-filter-form .pressing-filter-field select:focus {
  border-bottom-color: rgba(216,183,101,.78) !important;
  background: rgba(255,253,247,.035) !important;
}

input[type="range"],
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--gold) !important;
}

.kicker,
.eyebrow,
.search-kicker,
.source,
.news-source,
.article-source,
.result-kind,
.suggestion-kind,
.parent-label,
.lineage-label,
.child-sheet-kicker,
.variant-fact span,
.variant-status,
.barcode-card-head span,
.master-meta-stat .mmy-k,
.form-label,
.field-label,
.drop small,
.proof-card small,
.plan-name,
.price-note,
.runout-active,
.candidate-detail span,
.search-reward,
.section-kicker,
.refresh-pill,
.panel-meta,
.stat small,
.pressing-card small {
  color: var(--gold) !important;
  background-color: transparent !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.base-title,
.section-title,
.news-hero h1,
.news-section h2,
.hero h1,
.hero h2,
.member h2,
.product-title,
.slide h1,
.slide h2,
.article-card h3,
.feature-card h3,
.vinyl-card h3,
.news-card strong,
.pressing-card strong,
.master-meta-stat .mmy-v {
  color: var(--text) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  text-shadow: none !important;
}

.chip,
.tag,
.pill,
.band,
.badge,
.catalog-pill,
.price-code-badge,
.identifier-pill,
.format-chip,
.country-pill,
.proof-chip,
.master-badge,
.album-badge,
.status-badge,
.nav-count,
.step-pill,
.avatar,
.step-num,
.search-kicker::before,
.eyebrow::before,
.dot,
.detail-empty .disc::after,
.cover-placeholder span,
.verification-pill .verification-check,
.proof-card.has-file .proof-dot,
.alpha-button.is-active,
.alpha-button:hover:not(:disabled),
.carousel-dots span {
  color: var(--on-accent) !important;
  border-color: rgba(216,183,101,.46) !important;
  background: var(--grad) !important;
  box-shadow: 0 0 22px rgba(216,183,101,.18), inset 0 1px 0 rgba(255,253,247,.24) !important;
  text-shadow: none !important;
}

.carousel-dots span {
  animation: none !important;
  opacity: .44 !important;
}

.carousel-dots span:first-child {
  opacity: 1 !important;
}

.stat,
.stats,
.search-reward,
.search-glass,
.suggestion,
.album-suggestion,
.alpha-index button,
.field-clear {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background:
    var(--exkave-mobile-box-grooves),
    rgba(255,253,247,.045) !important;
  background-blend-mode: screen, normal !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
  text-shadow: none !important;
}

.search-glass,
.stat strong,
.search-reward,
.suggestion:hover,
.album-suggestion:hover {
  color: var(--on-accent) !important;
  border-color: rgba(216,183,101,.46) !important;
  background: var(--grad) !important;
  background-image: var(--grad) !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  box-shadow: 0 0 22px rgba(216,183,101,.18), inset 0 1px 0 rgba(255,253,247,.24) !important;
  text-shadow: none !important;
}

.stat span,
.stats span {
  color: var(--accent-soft) !important;
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

.hero .stats:has(#catalog-count) {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  justify-self: start !important;
  align-self: center !important;
  border: 1px solid rgba(216,183,101,.46) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#f4e6b8 0%,#c59b44 52%,#6f541f 100%) !important;
  background-image: linear-gradient(135deg,#f4e6b8 0%,#c59b44 52%,#6f541f 100%) !important;
  box-shadow:
    0 18px 46px rgba(216,183,101,.16),
    inset 0 1px 0 rgba(255,253,247,.28) !important;
  overflow: hidden !important;
}

.hero .stats:has(#catalog-count) .stat {
  min-height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 10px 24px !important;
  color: #090909 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero .stats:has(#catalog-count) #catalog-count,
.hero .stats:has(#catalog-count) .stat span {
  color: #090909 !important;
  background: none !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  text-shadow: none !important;
}

.hero .stats:has(#catalog-count) #catalog-count {
  font-size: clamp(28px, 4vw, 42px) !important;
  line-height: .88 !important;
  letter-spacing: -.055em !important;
}

.hero .stats:has(#catalog-count) .stat span {
  font-size: clamp(10px, 1.2vw, 13px) !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
}

.suggestions,
.album-suggestions,
.prefill-notice,
.ok,
.state,
.state.ok,
.proofs span,
.readiness span,
.pill-grid span,
.metric span,
.status,
.row .state,
.draft-candidates span,
.carousel-slide-check,
.member-sub-now,
.member-reason {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background: rgba(216,183,101,.08) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.05) !important;
  text-shadow: none !important;
}

.member-sub-now.is-free {
  color: #15130f !important;
  border-color: rgba(255,253,247,.52) !important;
  background: #fffdf7 !important;
  background-image: none !important;
  box-shadow: 0 8px 20px rgba(255,253,247,.12), inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.member-sub-now.is-plus {
  color: #080806 !important;
  border-color: rgba(244,220,141,.78) !important;
  background: #d8b765 !important;
  background-image: linear-gradient(135deg,#f4dc8d,#a77922) !important;
  box-shadow: 0 12px 28px rgba(216,183,101,.2), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

.member-sub-now.is-other {
  color: #f4e7bf !important;
  border-color: rgba(216,183,101,.35) !important;
}

.ok,
.state.ok,
.proofs span.received,
.readiness span.ok {
  color: var(--on-accent) !important;
  border-color: rgba(216,183,101,.46) !important;
  background: var(--grad) !important;
}

.crop-frame,
#cropFrame {
  border-color: rgba(216,183,101,.58) !important;
  box-shadow:
    rgba(0,0,0,.56) 0 0 0 9999px,
    rgba(216,183,101,.65) 0 0 0 1px inset,
    rgba(216,183,101,.26) 0 0 38px !important;
}

.result.active,
.album-rail .result.active,
.variant-card.is-selected,
.candidate-row.is-selected,
.proof-card.active,
.plan-card.is-selected,
.exkave-plan-card.is-selected,
.method.is-selected,
.runout-mode-btn.is-active,
.seg button.on,
.theme-button.is-active,
.exkave-theme-picker__button.is-active,
[aria-selected="true"],
.is-active,
.active,
.on {
  border-color: rgba(216,183,101,.70) !important;
  background:
    linear-gradient(180deg, rgba(216,183,101,.16), rgba(216,183,101,.035)),
    color-mix(in srgb, var(--surface) 86%, transparent) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.30), inset 0 3px 0 var(--gold) !important;
}

.exkave-menu {
  --menu-bg: #050505 !important;
  --menu-text: #fffdf7 !important;
  --menu-muted: #d6d0c2 !important;
  --menu-quiet: #9a9385 !important;
  --menu-line: rgba(255,253,247,.12) !important;
  --menu-violet: #d8b765 !important;
  --menu-pink: #d8b765 !important;
  --menu-amber: #d8b765 !important;
  color: var(--menu-text) !important;
  background: rgba(3,3,3,.96) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border-bottom: 1px solid rgba(255,253,247,.12) !important;
  box-shadow: none !important;
}

.exkave-menu::before,
.exkave-menu::after {
  display: none !important;
}

.exkave-menu__logo {
  filter: drop-shadow(0 0 18px rgba(226,200,137,.18)) !important;
}

.exkave-menu__link,
.exkave-menu__lang-button,
.exkave-menu__theme .exkave-theme-picker__button,
.exkave-menu__submenu,
.exkave-menu__search-shell,
.exkave-menu__dropdown-panel {
  color: rgba(255,253,247,.72) !important;
  border-color: var(--line-strong) !important;
  background: rgba(255,253,247,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,253,247,.06) !important;
}

.exkave-menu__link:hover,
.exkave-menu__link.is-active,
.exkave-menu__item:focus-within .exkave-menu__link,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link,
.exkave-menu__dropdown-toggle[aria-expanded="true"],
.exkave-menu__theme .exkave-theme-picker__button.is-active,
.exkave-menu__lang-button.is-active {
  color: var(--on-accent) !important;
  border-color: transparent !important;
  background: var(--grad) !important;
  box-shadow: 0 14px 34px rgba(216,183,101,.18), inset 0 1px 0 rgba(255,253,247,.28) !important;
}

.exkave-menu__link:hover *,
.exkave-menu__link.is-active *,
.exkave-menu__item:focus-within .exkave-menu__link *,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link *,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link * {
  color: var(--on-accent) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.exkave-menu__item.has-submenu > .exkave-menu__link::after {
  color: currentColor !important;
  background: rgba(255,253,247,.12) !important;
  box-shadow: none !important;
}

.exkave-menu__submenu,
.exkave-menu__dropdown-panel {
  background: rgba(6,6,5,.96) !important;
}

.exkave-menu__submenu a,
.exkave-menu__dropdown-panel a {
  color: var(--menu-muted) !important;
}

.exkave-menu__submenu a:hover,
.exkave-menu__dropdown-panel a:hover {
  color: var(--text) !important;
  background: rgba(216,183,101,.12) !important;
}

.exkave-theme-picker__swatch.is-modern {
  background: radial-gradient(circle at 30% 28%, #f4e6b8, #d8b765 38%, #d8b765 72%, #1d1b15) !important;
}

.exkave-theme-picker__swatch.is-light {
  background: radial-gradient(circle at 34% 24%, #fffdf7, #fffdf7 70%, #d6d0c2) !important;
}

.exkave-footer {
  color: var(--muted) !important;
}

.exkave-footer__inner {
  border-top-color: var(--line) !important;
}

.exkave-footer__links a {
  border-radius: 999px !important;
}

.vinyl-mockup__record,
.popular-record,
.record-disc,
.disc,
.vinyl {
  background:
    radial-gradient(circle at center, #d8b765 0 8%, #070707 9% 18%, transparent 19%),
    repeating-radial-gradient(circle, rgba(255,253,247,.16) 0 1px, transparent 1px 10px),
    radial-gradient(circle at center, #141414 0%, #050505 72%, #000 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(216,183,101,.18), 0 20px 46px rgba(0,0,0,.28) !important;
}

.paper-label,
.label-line {
  color: var(--text) !important;
  border-color: var(--line) !important;
  background: var(--surface-2) !important;
}

html[data-exkave-theme="light"] button,
html[data-exkave-theme="light"] .button,
html[data-exkave-theme="light"] .btn,
html[data-exkave-theme="light"] .cta,
html[data-exkave-theme="light"] .action,
html[data-exkave-theme="light"] .read-link,
html[data-exkave-theme="light"] .plan-cta,
html[data-exkave-theme="light"] .member-cta,
html[data-exkave-theme="light"] .search-submit,
html[data-exkave-theme="light"] .pay-button,
html[data-exkave-theme="light"] .locked-cta-btn,
html[data-theme="light"] button,
html[data-theme="light"] .button,
html[data-theme="light"] .btn,
html[data-theme="light"] .cta,
html[data-theme="light"] .action,
html[data-theme="light"] .read-link,
html[data-theme="light"] .plan-cta,
html[data-theme="light"] .member-cta,
html[data-theme="light"] .search-submit,
html[data-theme="light"] .pay-button,
html[data-theme="light"] .locked-cta-btn {
  color: #fff !important;
  background: var(--grad) !important;
  border-color: rgba(12,12,10,.2) !important;
}

html[data-exkave-theme="light"] button.secondary,
html[data-exkave-theme="light"] .button.secondary,
html[data-exkave-theme="light"] .cta.secondary,
html[data-exkave-theme="light"] .action:not(.primary),
html[data-theme="light"] button.secondary,
html[data-theme="light"] .button.secondary,
html[data-theme="light"] .cta.secondary,
html[data-theme="light"] .action:not(.primary) {
  color: var(--text) !important;
  background: rgba(255,253,247,.86) !important;
}

html[data-exkave-theme="light"] .exkave-menu,
html[data-theme="light"] .exkave-menu {
  color: #fffdf7 !important;
  background: rgba(3,3,3,.96) !important;
  border-bottom-color: rgba(255,253,247,.12) !important;
}

html[data-exkave-theme="light"] .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__lang-button,
html[data-exkave-theme="light"] .exkave-menu__theme .exkave-theme-picker__button,
html[data-theme="light"] .exkave-menu__link,
html[data-theme="light"] .exkave-menu__lang-button,
html[data-theme="light"] .exkave-menu__theme .exkave-theme-picker__button {
  color: rgba(255,253,247,.72) !important;
  border-color: rgba(255,253,247,.24) !important;
  background: rgba(255,253,247,.08) !important;
}

html[data-exkave-theme="light"] .exkave-menu__link:hover,
html[data-exkave-theme="light"] .exkave-menu__link.is-active,
html[data-exkave-theme="light"] .exkave-menu__item:focus-within .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__theme .exkave-theme-picker__button.is-active,
html[data-theme="light"] .exkave-menu__link:hover,
html[data-theme="light"] .exkave-menu__link.is-active,
html[data-theme="light"] .exkave-menu__item:focus-within .exkave-menu__link,
html[data-theme="light"] .exkave-menu__theme .exkave-theme-picker__button.is-active {
  color: #090909 !important;
  background: linear-gradient(135deg,#f4e6b8 0%,#c59b44 52%,#6f541f 100%) !important;
}

/* Compact language + sliding theme switch in the shared menu. */
.exkave-menu__prefs {
  gap: 8px !important;
  align-items: center !important;
}

.exkave-menu__language {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
}

.exkave-menu__lang-button,
html[data-exkave-theme="light"] .exkave-menu__lang-button,
html[data-theme="light"] .exkave-menu__lang-button {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 2px solid #d8b765 !important;
  border-radius: 999px !important;
  background-color: #090909 !important;
  background-clip: padding-box !important;
  background-origin: padding-box !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(244,230,184,.58),
    0 8px 18px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(0,0,0,.36) !important;
  transform: none !important;
}

.exkave-menu__lang-button:hover,
.exkave-menu__lang-button:focus-visible {
  border-color: #f4e6b8 !important;
  box-shadow:
    0 0 0 2px rgba(216,183,101,.28),
    0 10px 22px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(0,0,0,.34) !important;
}

.exkave-menu__theme,
.exkave-menu__theme .exkave-theme-picker,
.exkave-menu__theme.exkave-theme-picker {
  min-width: 64px !important;
}

.exkave-menu__theme .exkave-theme-picker,
.exkave-menu__theme.exkave-theme-picker {
  position: relative !important;
  width: 64px !important;
  height: 32px !important;
  min-height: 32px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  padding: 3px !important;
  border: 1px solid rgba(216,183,101,.34) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.085), rgba(255,253,247,.035)),
    rgba(8,8,7,.88) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  overflow: hidden !important;
}

.exkave-menu__theme .exkave-theme-picker::before,
.exkave-menu__theme.exkave-theme-picker::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 3px !important;
  top: 3px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#f4e6b8 0%,#c59b44 54%,#6f541f 100%) !important;
  box-shadow:
    0 6px 16px rgba(216,183,101,.24),
    inset 0 1px 0 rgba(255,253,247,.48) !important;
  transform: translateX(0) !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}

.exkave-menu__theme .exkave-theme-picker:has(.exkave-theme-picker__button[data-exkave-theme-value="light"].is-active)::before,
.exkave-menu__theme.exkave-theme-picker:has(.exkave-theme-picker__button[data-exkave-theme-value="light"].is-active)::before {
  transform: translateX(32px) !important;
  background: linear-gradient(135deg,#fffdf7 0%,#ddd9cf 58%,#8f8773 100%) !important;
  box-shadow:
    0 6px 16px rgba(255,253,247,.16),
    inset 0 1px 0 rgba(255,253,247,.72) !important;
}

.exkave-menu__theme .exkave-theme-picker__button,
.exkave-menu__theme .exkave-theme-picker__button.is-active,
html[data-exkave-theme="light"] .exkave-menu__theme .exkave-theme-picker__button,
html[data-exkave-theme="light"] .exkave-menu__theme .exkave-theme-picker__button.is-active,
html[data-theme="light"] .exkave-menu__theme .exkave-theme-picker__button,
html[data-theme="light"] .exkave-menu__theme .exkave-theme-picker__button.is-active {
  position: relative !important;
  z-index: 1 !important;
  width: 29px !important;
  min-width: 29px !important;
  height: 26px !important;
  min-height: 26px !important;
  flex: 0 0 29px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.exkave-menu__theme .exkave-theme-picker__swatch,
html[data-exkave-theme="light"] .exkave-menu__theme .exkave-theme-picker__swatch,
html[data-theme="light"] .exkave-menu__theme .exkave-theme-picker__swatch {
  width: 10px !important;
  height: 10px !important;
  border: 1px solid rgba(255,253,247,.36) !important;
  border-radius: 999px !important;
  opacity: .64 !important;
  box-shadow: none !important;
}

.exkave-menu__theme .exkave-theme-picker__button.is-active .exkave-theme-picker__swatch {
  opacity: 1 !important;
  border-color: rgba(5,5,5,.78) !important;
}

.exkave-menu__theme .exkave-theme-picker__swatch.is-modern {
  background: radial-gradient(circle at 50% 50%, #090909 0 38%, rgba(9,9,9,.18) 40% 100%) !important;
}

.exkave-menu__theme .exkave-theme-picker__swatch.is-light {
  background: radial-gradient(circle at 50% 50%, #fff 0 42%, rgba(255,253,247,.22) 44% 100%) !important;
}

/* Final pass: keep the mobile groove texture above older theme rules. */
html[data-exkave-theme] body,
html[data-theme] body,
html:not([data-exkave-theme]) body {
  background: var(--exkave-mobile-grooves), var(--exkave-mobile-bg-grad), var(--bg) !important;
}

html[data-exkave-theme] body::before,
html[data-theme] body::before,
body.exkave-shell-ready::before {
  opacity: .18 !important;
  background: var(--exkave-mobile-grooves) !important;
  background-size: auto !important;
  mix-blend-mode: screen !important;
  mask-image: none !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .12 !important;
  mix-blend-mode: multiply !important;
}

/* La Bibliotheque sort de cette liste pour `.hero` uniquement — meme idiome
   que `body:not([data-ex-biblio]) .pressing` deja present trois arguments plus
   loin. Sans ca, une boite grise se peignait derriere le titre, avec ses
   propres bords, sans rapport avec les marges du caisson.
   ATTENTION AU PIEGE : `:is()` prend la specificite de son argument LE PLUS
   SPECIFIQUE et l'applique a tous. Ne PAS retirer `body:not([data-ex-biblio])
   .pressing` de la liste pour « nettoyer » : la regle retomberait de (0,3,2) a
   (0,2,1) et la carte de Contribution perdrait son fond au profit d'un
   `transparent !important` de `exkave-ui-reprise.css`. Mesure faite. */
html[data-exkave-theme] :is(body:not([data-ex-biblio]) .hero, .carousel, .section, .landing-section, .news-section, .card, .panel, .glass, .surface, .quick-card, .info-card, .discover-card, .path-card, .guide-card, .legal-card, .submit-card, .profile-card, .admin-card, .scan-card, .article-card, .feature-card, .vinyl-card, .news-card, .pressing-body, body:not([data-ex-biblio]) .pressing, .profile-card, .plan-card, .exkave-plan-card),
html[data-theme] :is(body:not([data-ex-biblio]) .hero, .carousel, .section, .landing-section, .news-section, .card, .panel, .glass, .surface, .quick-card, .info-card, .discover-card, .path-card, .guide-card, .legal-card, .submit-card, .profile-card, .admin-card, .scan-card, .article-card, .feature-card, .vinyl-card, .news-card, .pressing-body, body:not([data-ex-biblio]) .pressing, .profile-card, .plan-card, .exkave-plan-card) {
  background:
    var(--exkave-mobile-box-grooves),
    var(--exkave-mobile-surface) !important;
  background-blend-mode: screen, screen, normal !important;
}

html[data-exkave-theme] .member,
html[data-theme] .member {
  background:
    var(--exkave-mobile-grooves),
    radial-gradient(90% 72% at 50% -18%, rgba(226,200,137,.18) 0%, transparent 50%),
    linear-gradient(180deg,#171714 0%,#070707 58%,#020202 100%) !important;
}

html[data-exkave-theme] :is(.slide-copy, .article-body, .feature-body, .vinyl-body, .news-body, .pressing-body, .stat, .stats, .search-reward, .search-glass, .suggestion, .album-suggestion),
html[data-theme] :is(.slide-copy, .article-body, .feature-body, .vinyl-body, .news-body, .pressing-body, .stat, .stats, .search-reward, .search-glass, .suggestion, .album-suggestion) {
  background:
    var(--exkave-mobile-box-grooves),
    color-mix(in srgb, var(--surface) 86%, transparent) !important;
  background-blend-mode: screen, screen, normal !important;
}

html[data-exkave-theme="light"] :is(.hero, .carousel, .section, .landing-section, .news-section, .card, .panel, .glass, .surface, .search-panel, .step-card, .album-panel, .detail, .search-guide, .guide-step, .mission-card, .quick-nav, .term-card, .quick-card, .info-card, .discover-card, .path-card, .guide-card, .legal-card, .submit-card, .profile-card, .admin-card, .scan-card, .article-card, .feature-card, .vinyl-card, .news-card, .pressing-body, .pressing, .pressing-filter-bar, .pressing-filter-field, .profile-card, .subscription-card, .plan-card, .exkave-plan-card, .readiness, .subscription-status, .currency-switch, .method, .notice, .warning, .validation, .rule, .variant-card, .variant-section, .variant-summary, .barcode-card, .valuation-card, .child-sheet, .locked-cta, .pressing-empty, .detail-empty, .empty-state),
html[data-theme="light"] :is(.hero, .carousel, .section, .landing-section, .news-section, .card, .panel, .glass, .surface, .search-panel, .step-card, .album-panel, .detail, .search-guide, .guide-step, .mission-card, .quick-nav, .term-card, .quick-card, .info-card, .discover-card, .path-card, .guide-card, .legal-card, .submit-card, .profile-card, .admin-card, .scan-card, .article-card, .feature-card, .vinyl-card, .news-card, .pressing-body, .pressing, .pressing-filter-bar, .pressing-filter-field, .profile-card, .subscription-card, .plan-card, .exkave-plan-card, .readiness, .subscription-status, .currency-switch, .method, .notice, .warning, .validation, .rule, .variant-card, .variant-section, .variant-summary, .barcode-card, .valuation-card, .child-sheet, .locked-cta, .pressing-empty, .detail-empty, .empty-state) {
  border-color: rgba(167,127,41,.54) !important;
  background:
    var(--exkave-mobile-box-grooves),
    linear-gradient(145deg, rgba(255,253,247,.97), rgba(255,253,247,.76)) !important;
  background-blend-mode: multiply, multiply, normal !important;
  box-shadow:
    0 24px 64px rgba(36,28,10,.12),
    0 0 0 1px rgba(244,230,184,.42),
    inset 0 1px 0 rgba(255,253,247,.96) !important;
}

html[data-exkave-theme="light"] :is(.slide-copy, .article-body, .feature-body, .vinyl-body, .news-body, .pressing-body, .stat, .stats, .search-reward, .search-glass, .suggestion, .album-suggestion, .alpha-index button, .field-clear, input, textarea, select, .search-input, .panel-filter, .search-form),
html[data-theme="light"] :is(.slide-copy, .article-body, .feature-body, .vinyl-body, .news-body, .pressing-body, .stat, .stats, .search-reward, .search-glass, .suggestion, .album-suggestion, .alpha-index button, .field-clear, input, textarea, select, .search-input, .panel-filter, .search-form) {
  border-color: rgba(167,127,41,.42) !important;
  background:
    var(--exkave-mobile-box-grooves),
    rgba(255,253,247,.74) !important;
  background-blend-mode: multiply, multiply, normal !important;
  box-shadow:
    0 10px 28px rgba(36,28,10,.08),
    inset 0 1px 0 rgba(255,253,247,.86) !important;
}

html[data-exkave-theme="light"] :is(.result.active, .album-rail .result.active, .variant-card.is-selected, .candidate-row.is-selected, .proof-card.active, .plan-card.is-selected, .exkave-plan-card.is-selected, .method.is-selected, .runout-mode-btn.is-active, .seg button.on, .theme-button.is-active, .exkave-theme-picker__button.is-active, [aria-selected="true"], .is-active, .active, .on),
html[data-theme="light"] :is(.result.active, .album-rail .result.active, .variant-card.is-selected, .candidate-row.is-selected, .proof-card.active, .plan-card.is-selected, .exkave-plan-card.is-selected, .method.is-selected, .runout-mode-btn.is-active, .seg button.on, .theme-button.is-active, .exkave-theme-picker__button.is-active, [aria-selected="true"], .is-active, .active, .on) {
  border-color: rgba(167,127,41,.72) !important;
  box-shadow:
    0 18px 48px rgba(36,28,10,.12),
    inset 0 3px 0 #a77f29 !important;
}

/* Final theme control: one sliding radio only, no inner color dots. */
.exkave-theme-panel .exkave-theme-picker {
  margin-top: 10px !important;
}

.exkave-theme-picker,
.exkave-menu__theme .exkave-theme-picker,
.exkave-menu__theme.exkave-theme-picker {
  position: relative !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 32px !important;
  min-height: 32px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 !important;
  padding: 3px !important;
  border: 1px solid rgba(216,183,101,.42) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.09), rgba(255,253,247,.035)),
    rgba(8,8,7,.88) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  overflow: hidden !important;
}

.exkave-theme-picker::before,
.exkave-menu__theme .exkave-theme-picker::before,
.exkave-menu__theme.exkave-theme-picker::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 3px !important;
  top: 3px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#f4e6b8 0%,#c59b44 54%,#6f541f 100%) !important;
  box-shadow:
    0 6px 16px rgba(216,183,101,.24),
    inset 0 1px 0 rgba(255,253,247,.48) !important;
  transform: translateX(0) !important;
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}

.exkave-theme-picker:has(.exkave-theme-picker__button[data-exkave-theme-value="light"].is-active)::before,
.exkave-menu__theme .exkave-theme-picker:has(.exkave-theme-picker__button[data-exkave-theme-value="light"].is-active)::before,
.exkave-menu__theme.exkave-theme-picker:has(.exkave-theme-picker__button[data-exkave-theme-value="light"].is-active)::before {
  transform: translateX(32px) !important;
  background: linear-gradient(135deg,#fffdf7 0%,#ddd9cf 58%,#8f8773 100%) !important;
  box-shadow:
    0 6px 16px rgba(255,253,247,.16),
    inset 0 1px 0 rgba(255,253,247,.72) !important;
}

.exkave-theme-picker .exkave-theme-picker__button,
.exkave-theme-picker .exkave-theme-picker__button.is-active,
.exkave-menu__theme .exkave-theme-picker__button,
.exkave-menu__theme .exkave-theme-picker__button.is-active,
html[data-exkave-theme="light"] .exkave-theme-picker .exkave-theme-picker__button,
html[data-exkave-theme="light"] .exkave-theme-picker .exkave-theme-picker__button.is-active,
html[data-theme="light"] .exkave-theme-picker .exkave-theme-picker__button,
html[data-theme="light"] .exkave-theme-picker .exkave-theme-picker__button.is-active {
  position: relative !important;
  z-index: 1 !important;
  width: 29px !important;
  min-width: 29px !important;
  height: 26px !important;
  min-height: 26px !important;
  flex: 0 0 29px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.exkave-theme-picker .exkave-theme-picker__swatch,
.exkave-theme-picker .exkave-theme-picker__swatch.is-modern,
.exkave-theme-picker .exkave-theme-picker__swatch.is-light,
html[data-exkave-theme="light"] .exkave-theme-picker .exkave-theme-picker__swatch,
html[data-theme="light"] .exkave-theme-picker .exkave-theme-picker__swatch {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Final home pressing cards: one rounded box, no lavender labels. */
#popular-pressings-grid .pressing-card {
  border: 1px solid rgba(216,183,101,.42) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    var(--exkave-mobile-box-grooves),
    var(--exkave-mobile-surface) !important;
  background-blend-mode: screen, screen, normal !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  clip-path: inset(0 round 22px) !important;
}

#popular-pressings-grid .pressing-card:hover,
#popular-pressings-grid .pressing-card:focus-visible {
  border-color: rgba(216,183,101,.66) !important;
  border-radius: 22px !important;
  outline: 0 !important;
  box-shadow:
    0 24px 62px rgba(0,0,0,.38),
    0 0 0 1px rgba(244,230,184,.36),
    inset 0 1px 0 rgba(255,253,247,.12) !important;
}

#popular-pressings-grid .pressing-art {
  border-radius: 22px 22px 0 0 !important;
  overflow: hidden !important;
}

#popular-pressings-grid .pressing-body {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#popular-pressings-grid .pressing-card strong,
#popular-pressings-grid .pressing-details,
#popular-pressings-grid .pressing-details dd {
  color: #fffdf7 !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

#popular-pressings-grid .pressing-card small,
#popular-pressings-grid .pressing-details dt {
  color: #e2be5f !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

#popular-pressings-grid .pressing-details div {
  border-bottom-color: rgba(216,183,101,.20) !important;
}

html[data-exkave-theme="light"] #popular-pressings-grid .pressing-card,
html[data-theme="light"] #popular-pressings-grid .pressing-card {
  border-color: rgba(167,127,41,.54) !important;
  background:
    var(--exkave-mobile-box-grooves),
    linear-gradient(145deg, rgba(255,253,247,.97), rgba(255,253,247,.78)) !important;
  background-blend-mode: multiply, multiply, normal !important;
  box-shadow:
    0 24px 64px rgba(36,28,10,.12),
    0 0 0 1px rgba(244,230,184,.42),
    inset 0 1px 0 rgba(255,253,247,.96) !important;
}

html[data-exkave-theme="light"] #popular-pressings-grid .pressing-card strong,
html[data-exkave-theme="light"] #popular-pressings-grid .pressing-details,
html[data-exkave-theme="light"] #popular-pressings-grid .pressing-details dd,
html[data-theme="light"] #popular-pressings-grid .pressing-card strong,
html[data-theme="light"] #popular-pressings-grid .pressing-details,
html[data-theme="light"] #popular-pressings-grid .pressing-details dd {
  color: #11110f !important;
}

html[data-exkave-theme="light"] #popular-pressings-grid .pressing-card small,
html[data-exkave-theme="light"] #popular-pressings-grid .pressing-details dt,
html[data-theme="light"] #popular-pressings-grid .pressing-card small,
html[data-theme="light"] #popular-pressings-grid .pressing-details dt {
  color: #a77f29 !important;
}

html[data-exkave-theme="light"] #popular-pressings-grid .pressing-details div,
html[data-theme="light"] #popular-pressings-grid .pressing-details div {
  border-bottom-color: rgba(167,127,41,.22) !important;
}

/* Final light menu dropdown: readable solid panel over light pages. */
html[data-exkave-theme="light"] .exkave-menu__submenu,
html[data-exkave-theme="light"] .exkave-menu__dropdown-panel,
html[data-theme="light"] .exkave-menu__submenu,
html[data-theme="light"] .exkave-menu__dropdown-panel {
  color: #11110f !important;
  border: 1px solid rgba(167,127,41,.54) !important;
  background:
    var(--exkave-mobile-box-grooves),
    linear-gradient(145deg, rgba(255,253,247,.98), rgba(241,235,218,.94)) !important;
  background-blend-mode: multiply, normal !important;
  box-shadow:
    0 24px 58px rgba(36,28,10,.22),
    0 0 0 1px rgba(244,230,184,.42),
    inset 0 1px 0 rgba(255,253,247,.96) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

html[data-exkave-theme="light"] .exkave-menu__submenu a,
html[data-exkave-theme="light"] .exkave-menu__dropdown-panel a,
html[data-theme="light"] .exkave-menu__submenu a,
html[data-theme="light"] .exkave-menu__dropdown-panel a {
  color: #11110f !important;
  border-color: rgba(167,127,41,.20) !important;
  background: rgba(255,253,247,.46) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

html[data-exkave-theme="light"] .exkave-menu__submenu a::after,
html[data-theme="light"] .exkave-menu__submenu a::after {
  color: #a77f29 !important;
}

html[data-exkave-theme="light"] .exkave-menu__submenu a:hover,
html[data-exkave-theme="light"] .exkave-menu__submenu a:focus-visible,
html[data-exkave-theme="light"] .exkave-menu__dropdown-panel a:hover,
html[data-exkave-theme="light"] .exkave-menu__dropdown-panel a:focus-visible,
html[data-theme="light"] .exkave-menu__submenu a:hover,
html[data-theme="light"] .exkave-menu__submenu a:focus-visible,
html[data-theme="light"] .exkave-menu__dropdown-panel a:hover,
html[data-theme="light"] .exkave-menu__dropdown-panel a:focus-visible {
  color: #090909 !important;
  border-color: rgba(167,127,41,.46) !important;
  background: linear-gradient(135deg,#f4e6b8 0%,#d8b765 48%,#a77f29 100%) !important;
  box-shadow: 0 12px 28px rgba(167,127,41,.18), inset 0 1px 0 rgba(255,253,247,.42) !important;
}

/* Final selected controls: gold outline only, no gold fill. */
button.is-active:not(.exkave-theme-picker__button),
button.active:not(.exkave-theme-picker__button),
button.on:not(.exkave-theme-picker__button),
button[aria-selected="true"]:not(.exkave-theme-picker__button),
[role="button"].is-active:not(.exkave-theme-picker__button),
[role="button"].active:not(.exkave-theme-picker__button),
[role="button"][aria-selected="true"]:not(.exkave-theme-picker__button),
.button.is-active,
.button.active,
.btn.is-active,
.btn.active,
.action.is-active,
.action.active,
.cta.is-active,
.cta.active,
.alpha-button.is-active,
.runout-mode-btn.is-active,
.seg button.on,
.theme-button.is-active,
.result.active,
.album-rail .result.active,
.variant-card.is-selected,
.candidate-row.is-selected,
.proof-card.active,
.plan-card.is-selected,
.exkave-plan-card.is-selected,
.method.is-selected,
[aria-selected="true"]:not(.exkave-theme-picker__button) {
  color: #fffdf7 !important;
  border: 1px solid rgba(216,183,101,.74) !important;
  background: color-mix(in srgb, var(--surface) 84%, transparent) !important;
  background-image: none !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(216,183,101,.26),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

button.is-active:not(.exkave-theme-picker__button) *,
button.active:not(.exkave-theme-picker__button) *,
button.on:not(.exkave-theme-picker__button) *,
[role="button"].is-active:not(.exkave-theme-picker__button) *,
[role="button"].active:not(.exkave-theme-picker__button) *,
.button.is-active *,
.button.active *,
.btn.is-active *,
.btn.active *,
.action.is-active *,
.action.active *,
.cta.is-active *,
.cta.active *,
.alpha-button.is-active *,
.runout-mode-btn.is-active *,
.seg button.on *,
.theme-button.is-active *,
.result.active *,
.album-rail .result.active *,
.variant-card.is-selected *,
.candidate-row.is-selected *,
.proof-card.active *,
.plan-card.is-selected *,
.exkave-plan-card.is-selected *,
.method.is-selected * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] button.is-active:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] button.active:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] button.on:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] button[aria-selected="true"]:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] [role="button"].is-active:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] [role="button"].active:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] [role="button"][aria-selected="true"]:not(.exkave-theme-picker__button),
html[data-exkave-theme="light"] .button.is-active,
html[data-exkave-theme="light"] .button.active,
html[data-exkave-theme="light"] .btn.is-active,
html[data-exkave-theme="light"] .btn.active,
html[data-exkave-theme="light"] .action.is-active,
html[data-exkave-theme="light"] .action.active,
html[data-exkave-theme="light"] .cta.is-active,
html[data-exkave-theme="light"] .cta.active,
html[data-exkave-theme="light"] .alpha-button.is-active,
html[data-exkave-theme="light"] .runout-mode-btn.is-active,
html[data-exkave-theme="light"] .seg button.on,
html[data-exkave-theme="light"] .theme-button.is-active,
html[data-exkave-theme="light"] .result.active,
html[data-exkave-theme="light"] .album-rail .result.active,
html[data-exkave-theme="light"] .variant-card.is-selected,
html[data-exkave-theme="light"] .candidate-row.is-selected,
html[data-exkave-theme="light"] .proof-card.active,
html[data-exkave-theme="light"] .plan-card.is-selected,
html[data-exkave-theme="light"] .exkave-plan-card.is-selected,
html[data-exkave-theme="light"] .method.is-selected,
html[data-exkave-theme="light"] [aria-selected="true"]:not(.exkave-theme-picker__button),
html[data-theme="light"] button.is-active:not(.exkave-theme-picker__button),
html[data-theme="light"] button.active:not(.exkave-theme-picker__button),
html[data-theme="light"] button.on:not(.exkave-theme-picker__button),
html[data-theme="light"] button[aria-selected="true"]:not(.exkave-theme-picker__button),
html[data-theme="light"] [role="button"].is-active:not(.exkave-theme-picker__button),
html[data-theme="light"] [role="button"].active:not(.exkave-theme-picker__button),
html[data-theme="light"] [role="button"][aria-selected="true"]:not(.exkave-theme-picker__button),
html[data-theme="light"] .button.is-active,
html[data-theme="light"] .button.active,
html[data-theme="light"] .btn.is-active,
html[data-theme="light"] .btn.active,
html[data-theme="light"] .action.is-active,
html[data-theme="light"] .action.active,
html[data-theme="light"] .cta.is-active,
html[data-theme="light"] .cta.active,
html[data-theme="light"] .alpha-button.is-active,
html[data-theme="light"] .runout-mode-btn.is-active,
html[data-theme="light"] .seg button.on,
html[data-theme="light"] .theme-button.is-active,
html[data-theme="light"] .result.active,
html[data-theme="light"] .album-rail .result.active,
html[data-theme="light"] .variant-card.is-selected,
html[data-theme="light"] .candidate-row.is-selected,
html[data-theme="light"] .proof-card.active,
html[data-theme="light"] .plan-card.is-selected,
html[data-theme="light"] .exkave-plan-card.is-selected,
html[data-theme="light"] .method.is-selected,
html[data-theme="light"] [aria-selected="true"]:not(.exkave-theme-picker__button) {
  color: #11110f !important;
  border-color: rgba(167,127,41,.72) !important;
  background: rgba(255,253,247,.72) !important;
  background-image: none !important;
  box-shadow:
    0 14px 34px rgba(36,28,10,.10),
    0 0 0 1px rgba(167,127,41,.22),
    inset 0 1px 0 rgba(255,253,247,.86) !important;
}

.exkave-menu__link:hover,
.exkave-menu__link.is-active,
.exkave-menu__item:focus-within > .exkave-menu__link,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link,
.exkave-menu__dropdown-toggle[aria-expanded="true"],
.exkave-menu__lang-button.is-active,
html[data-exkave-theme="light"] .exkave-menu__link:hover,
html[data-exkave-theme="light"] .exkave-menu__link.is-active,
html[data-exkave-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link,
html[data-exkave-theme="light"] .exkave-menu__dropdown-toggle[aria-expanded="true"],
html[data-exkave-theme="light"] .exkave-menu__lang-button.is-active,
html[data-theme="light"] .exkave-menu__link:hover,
html[data-theme="light"] .exkave-menu__link.is-active,
html[data-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link,
html[data-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link,
html[data-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link,
html[data-theme="light"] .exkave-menu__dropdown-toggle[aria-expanded="true"],
html[data-theme="light"] .exkave-menu__lang-button.is-active {
  color: #fffdf7 !important;
  border: 1px solid rgba(216,183,101,.78) !important;
  background: rgba(255,253,247,.08) !important;
  background-image: none !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.26),
    0 0 0 1px rgba(216,183,101,.30),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  -webkit-text-fill-color: currentColor !important;
}

.exkave-menu__link:hover *,
.exkave-menu__link.is-active *,
.exkave-menu__item:focus-within > .exkave-menu__link *,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link *,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link *,
html[data-exkave-theme="light"] .exkave-menu__link:hover *,
html[data-exkave-theme="light"] .exkave-menu__link.is-active *,
html[data-exkave-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link *,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link *,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link *,
html[data-theme="light"] .exkave-menu__link:hover *,
html[data-theme="light"] .exkave-menu__link.is-active *,
html[data-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link *,
html[data-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link *,
html[data-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.exkave-menu__item.has-submenu > .exkave-menu__link::after,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link::after,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link::after {
  color: currentColor !important;
  border: 1px solid rgba(216,183,101,.42) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Specificity lock for light selected states defined earlier in the theme stack. */
html[data-exkave-theme="light"] body :is(button.is-active:not(.exkave-theme-picker__button), button.active:not(.exkave-theme-picker__button), button.on:not(.exkave-theme-picker__button), button[aria-selected="true"]:not(.exkave-theme-picker__button), [role="button"].is-active:not(.exkave-theme-picker__button), [role="button"].active:not(.exkave-theme-picker__button), [role="button"][aria-selected="true"]:not(.exkave-theme-picker__button), .button.is-active, .button.active, .btn.is-active, .btn.active, .action.is-active, .action.active, .cta.is-active, .cta.active, .alpha-button.is-active, .runout-mode-btn.is-active, .seg button.on, .theme-button.is-active, .result.active, .album-rail .result.active, .variant-card.is-selected, .candidate-row.is-selected, .proof-card.active, .plan-card.is-selected, .exkave-plan-card.is-selected, .method.is-selected, [aria-selected="true"]:not(.exkave-theme-picker__button)),
html[data-theme="light"] body :is(button.is-active:not(.exkave-theme-picker__button), button.active:not(.exkave-theme-picker__button), button.on:not(.exkave-theme-picker__button), button[aria-selected="true"]:not(.exkave-theme-picker__button), [role="button"].is-active:not(.exkave-theme-picker__button), [role="button"].active:not(.exkave-theme-picker__button), [role="button"][aria-selected="true"]:not(.exkave-theme-picker__button), .button.is-active, .button.active, .btn.is-active, .btn.active, .action.is-active, .action.active, .cta.is-active, .cta.active, .alpha-button.is-active, .runout-mode-btn.is-active, .seg button.on, .theme-button.is-active, .result.active, .album-rail .result.active, .variant-card.is-selected, .candidate-row.is-selected, .proof-card.active, .plan-card.is-selected, .exkave-plan-card.is-selected, .method.is-selected, [aria-selected="true"]:not(.exkave-theme-picker__button)) {
  color: #11110f !important;
  border: 1px solid rgba(167,127,41,.72) !important;
  background: rgba(255,253,247,.72) !important;
  background-image: none !important;
  box-shadow:
    0 14px 34px rgba(36,28,10,.10),
    0 0 0 1px rgba(167,127,41,.22),
    inset 0 1px 0 rgba(255,253,247,.86) !important;
}

html[data-exkave-theme="light"] body .exkave-menu :is(.exkave-menu__link:hover, .exkave-menu__link.is-active, .exkave-menu__item:focus-within > .exkave-menu__link, .exkave-menu__item.has-submenu:hover > .exkave-menu__link, .exkave-menu__item.has-submenu.is-open > .exkave-menu__link, .exkave-menu__dropdown-toggle[aria-expanded="true"], .exkave-menu__lang-button.is-active),
html[data-theme="light"] body .exkave-menu :is(.exkave-menu__link:hover, .exkave-menu__link.is-active, .exkave-menu__item:focus-within > .exkave-menu__link, .exkave-menu__item.has-submenu:hover > .exkave-menu__link, .exkave-menu__item.has-submenu.is-open > .exkave-menu__link, .exkave-menu__dropdown-toggle[aria-expanded="true"], .exkave-menu__lang-button.is-active) {
  color: #fffdf7 !important;
  border: 1px solid rgba(216,183,101,.78) !important;
  background: rgba(255,253,247,.08) !important;
  background-image: none !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.26),
    0 0 0 1px rgba(216,183,101,.30),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
}

/* Final surface pass: remove decorative groove textures from pages and cards.
   Vinyl record elements keep their own groove drawing. */
:root,
html[data-exkave-theme],
html[data-exkave-theme="modern"],
html[data-theme],
html[data-theme="dark"],
html:not([data-exkave-theme]) {
  --exkave-mobile-grooves: linear-gradient(140deg, transparent 0 100%) !important;
  --exkave-mobile-box-grooves: linear-gradient(145deg, rgba(255,253,247,.055), transparent 56%) !important;
}

html[data-exkave-theme="light"],
html[data-theme="light"] {
  --exkave-mobile-grooves: linear-gradient(140deg, transparent 0 100%) !important;
  --exkave-mobile-box-grooves: linear-gradient(145deg, rgba(167,127,41,.055), transparent 58%) !important;
}

html[data-exkave-theme] body,
html[data-theme] body,
html:not([data-exkave-theme]) body {
  background: var(--exkave-mobile-bg-grad), var(--bg) !important;
}

html[data-exkave-theme] body::before,
html[data-theme] body::before,
body.exkave-shell-ready::before {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}

html[data-exkave-theme] :is(.carousel, .slide, .slide-copy, .news-card, .news-body, .pressing-card, .pressing-body, .plan-card, .exkave-plan-card, .member, .exkave-footer, .exkave-footer__inner),
html[data-theme] :is(.carousel, .slide, .slide-copy, .news-card, .news-body, .pressing-card, .pressing-body, .plan-card, .exkave-plan-card, .member, .exkave-footer, .exkave-footer__inner) {
  background-blend-mode: normal !important;
}

.carousel .slide-copy,
#music-news-grid .news-card,
#music-news-grid .news-body,
#popular-pressings-grid .pressing-card,
#popular-pressings-grid .pressing-body,
.exkave-footer,
.exkave-footer__inner {
  background-image: none !important;
}

#music-news-grid .news-card,
#popular-pressings-grid .pressing-card {
  background: var(--exkave-mobile-surface) !important;
}

#music-news-grid .news-body,
#popular-pressings-grid .pressing-body,
.carousel .slide-copy {
  background: color-mix(in srgb, var(--surface) 86%, transparent) !important;
}

html[data-exkave-theme="light"] #music-news-grid .news-card,
html[data-exkave-theme="light"] #popular-pressings-grid .pressing-card,
html[data-theme="light"] #music-news-grid .news-card,
html[data-theme="light"] #popular-pressings-grid .pressing-card {
  background: linear-gradient(145deg, rgba(255,253,247,.97), rgba(255,253,247,.78)) !important;
}

html[data-exkave-theme="light"] #music-news-grid .news-body,
html[data-exkave-theme="light"] #popular-pressings-grid .pressing-body,
html[data-exkave-theme="light"] .carousel .slide-copy,
html[data-theme="light"] #music-news-grid .news-body,
html[data-theme="light"] #popular-pressings-grid .pressing-body,
html[data-theme="light"] .carousel .slide-copy {
  background: rgba(255,253,247,.74) !important;
}

.news-image,
.article-image,
.feature-image,
.vinyl-image,
.pressing-art,
.master-cover,
.pressing-cover,
.cover-placeholder,
.proof-thumb,
.media-slot,
.carousel-preview {
  background:
    linear-gradient(180deg, rgba(5,5,5,.10), rgba(5,5,5,.42)),
    var(--image, none),
    linear-gradient(160deg, rgba(255,253,247,.07), transparent 48%),
    radial-gradient(70% 70% at 50% 50%, rgba(216,183,101,.16), transparent 60%),
    rgba(19,19,17,.82) !important;
  background-position: center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: cover, cover, auto, auto, auto !important;
}

html[data-exkave-theme="light"] :is(.news-image, .article-image, .feature-image, .vinyl-image, .pressing-art, .master-cover, .pressing-cover, .cover-placeholder, .proof-thumb, .media-slot, .carousel-preview),
html[data-theme="light"] :is(.news-image, .article-image, .feature-image, .vinyl-image, .pressing-art, .master-cover, .pressing-cover, .cover-placeholder, .proof-thumb, .media-slot, .carousel-preview) {
  background:
    linear-gradient(180deg, rgba(255,253,247,.04), rgba(36,28,10,.10)),
    var(--image, none),
    linear-gradient(160deg, rgba(167,127,41,.10), transparent 48%),
    radial-gradient(70% 70% at 50% 50%, rgba(216,183,101,.18), transparent 60%),
    rgba(255,253,247,.78) !important;
  background-position: center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-size: cover, cover, auto, auto, auto !important;
}

/* Landing member band: the mobile skin keeps this section dark even in light mode. */
html[data-exkave-theme] .member,
html[data-theme] .member {
  color: #fffdf7 !important;
}

html[data-exkave-theme] .member h2,
html[data-exkave-theme] .member .kicker,
html[data-exkave-theme] .member p,
html[data-theme] .member h2,
html[data-theme] .member .kicker,
html[data-theme] .member p {
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.42) !important;
}

html[data-exkave-theme] .member h2,
html[data-theme] .member h2 {
  color: #fffdf7 !important;
}

html[data-exkave-theme] .member .kicker,
html[data-theme] .member .kicker {
  color: #f4e6b8 !important;
}

html[data-exkave-theme] .member p,
html[data-theme] .member p {
  color: rgba(255,253,247,.88) !important;
}

html[data-exkave-theme] .member .member-price-note,
html[data-theme] .member .member-price-note {
  color: rgba(255,253,247,.82) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.48) !important;
}

#search-section.step-card::before {
  content: attr(data-step) !important;
  position: absolute !important;
  z-index: 7 !important;
  top: 16px !important;
  left: 18px !important;
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fffdf7 !important;
  background: linear-gradient(135deg, #f4e6b8 0%, #d8b765 48%, #a77f29 100%) !important;
  background-image: linear-gradient(135deg, #f4e6b8 0%, #d8b765 48%, #a77f29 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,253,247,.20),
    0 10px 26px rgba(216,183,101,.34) !important;
  opacity: 1 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  pointer-events: none !important;
}

#search-clear.field-clear {
  color: #11110f !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: rgba(167,127,41,.55) !important;
  background:
    linear-gradient(135deg, rgba(255,253,247,.98), rgba(244,230,184,.84)) !important;
  box-shadow:
    0 10px 24px rgba(36,28,10,.10),
    inset 0 1px 0 rgba(255,253,247,.92) !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#search-clear.field-clear:hover,
#search-clear.field-clear:focus-visible {
  color: #080807 !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: rgba(167,127,41,.72) !important;
  background: var(--grad) !important;
  box-shadow:
    0 14px 30px rgba(167,127,41,.18),
    inset 0 1px 0 rgba(255,253,247,.52) !important;
}

#search-clear.field-clear:disabled {
  color: rgba(17,17,15,.42) !important;
  -webkit-text-fill-color: currentColor !important;
  background:
    linear-gradient(135deg, rgba(255,253,247,.74), rgba(244,230,184,.42)) !important;
  opacity: 1 !important;
}

#search-form .search-glass {
  color: #f4e6b8 !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: rgba(244,230,184,.46) !important;
  background: #050505 !important;
  background-image: none !important;
  box-shadow:
    0 0 0 1px rgba(216,183,101,.18),
    0 0 22px rgba(216,183,101,.18),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
}

#search-form .search-glass::before {
  border-color: currentColor !important;
}

#search-form .search-glass::after {
  background: currentColor !important;
}

html[data-exkave-theme="light"] #search-form .search-glass,
html[data-theme="light"] #search-form .search-glass {
  color: #11110f !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: rgba(167,127,41,.48) !important;
  background: #fffdf7 !important;
  background-image: none !important;
  box-shadow:
    0 0 0 1px rgba(167,127,41,.14),
    0 10px 24px rgba(36,28,10,.08),
    inset 0 1px 0 rgba(255,253,247,.9) !important;
}

#album-suggestions.album-suggestions,
html[data-exkave-theme] #album-suggestions.album-suggestions,
html[data-theme] #album-suggestions.album-suggestions {
  color: #fffdf7 !important;
  border-color: rgba(216,183,101,.48) !important;
  background:
    linear-gradient(145deg, rgba(12,12,10,.995), rgba(20,19,17,.985)) !important;
  background-blend-mode: normal !important;
  box-shadow:
    0 28px 96px rgba(0,0,0,.6),
    0 0 0 1px rgba(255,253,247,.035) inset !important;
}

#album-suggestions .album-suggestion,
html[data-exkave-theme] #album-suggestions .album-suggestion,
html[data-theme] #album-suggestions .album-suggestion {
  color: #fffdf7 !important;
  border-color: rgba(255,253,247,.12) !important;
  background: transparent !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

#album-suggestions .album-suggestion:hover,
#album-suggestions .album-suggestion:focus-visible,
#album-suggestions .album-suggestion[aria-selected="true"],
#album-suggestions .album-suggestion.active,
#album-suggestions .album-suggestion.is-active {
  color: #fffdf7 !important;
  border-color: rgba(216,183,101,.48) !important;
  background:
    linear-gradient(90deg, rgba(216,183,101,.22), rgba(12,12,10,.96)) !important;
  background-image:
    linear-gradient(90deg, rgba(216,183,101,.22), rgba(12,12,10,.96)) !important;
  box-shadow:
    inset 3px 0 0 rgba(244,230,184,.82),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
}

#album-suggestions .album-suggestion strong,
html[data-exkave-theme] #album-suggestions .album-suggestion strong,
html[data-theme] #album-suggestions .album-suggestion strong {
  color: #fffdf7 !important;
  -webkit-text-fill-color: currentColor !important;
}

#album-suggestions .album-suggestion span,
html[data-exkave-theme] #album-suggestions .album-suggestion span,
html[data-theme] #album-suggestions .album-suggestion span {
  color: rgba(255,253,247,.76) !important;
  -webkit-text-fill-color: currentColor !important;
}

#album-suggestions .album-suggestion em,
html[data-exkave-theme] #album-suggestions .album-suggestion em,
html[data-theme] #album-suggestions .album-suggestion em {
  color: #f4e6b8 !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result {
  color: #fffdf7 !important;
  border-color: rgba(255,253,247,.12) !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.04), rgba(255,253,247,.016)) !important;
  background-image:
    linear-gradient(180deg, rgba(255,253,247,.04), rgba(255,253,247,.016)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result h3 {
  color: #fffdf7 !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result .artist,
#results.album-rail .result .album-range {
  color: rgba(255,253,247,.74) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result .result-kind {
  color: rgba(255,253,247,.58) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result .result-arrow {
  color: rgba(255,253,247,.62) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result.active,
#results.album-rail .result.is-search-match,
#results.album-rail .result.is-search-focus {
  color: #fffdf7 !important;
  border-color: rgba(255,253,247,.16) !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.065), rgba(255,253,247,.02)) !important;
  background-image:
    linear-gradient(180deg, rgba(255,253,247,.065), rgba(255,253,247,.02)) !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,253,247,.12) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result.active h3,
#results.album-rail .result.is-search-match h3,
#results.album-rail .result.is-search-focus h3 {
  color: #fffdf7 !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result.active .artist,
#results.album-rail .result.active .album-range,
#results.album-rail .result.is-search-match .artist,
#results.album-rail .result.is-search-match .album-range,
#results.album-rail .result.is-search-focus .artist,
#results.album-rail .result.is-search-focus .album-range {
  color: rgba(255,253,247,.74) !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 400 !important;
}

#results.album-rail .result.active .result-kind,
#results.album-rail .result.is-search-match .result-kind,
#results.album-rail .result.is-search-focus .result-kind {
  color: rgba(255,253,247,.58) !important;
  -webkit-text-fill-color: currentColor !important;
}

#results.album-rail .result.active .result-arrow,
#results.album-rail .result.is-search-match .result-arrow,
#results.album-rail .result.is-search-focus .result-arrow {
  color: rgba(255,253,247,.62) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result,
html[data-theme="light"] #results.album-rail .result {
  color: #11110f !important;
  border-color: rgba(17,17,19,.14) !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.9), rgba(255,253,247,.68)) !important;
  background-image:
    linear-gradient(180deg, rgba(255,253,247,.9), rgba(255,253,247,.68)) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result.active,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus,
html[data-theme="light"] #results.album-rail .result.active,
html[data-theme="light"] #results.album-rail .result.is-search-match,
html[data-theme="light"] #results.album-rail .result.is-search-focus {
  color: #090908 !important;
  border-color: rgba(167,127,41,.58) !important;
  background:
    linear-gradient(180deg, rgba(255,253,247,.96), rgba(230,214,172,.72)) !important;
  background-image:
    linear-gradient(180deg, rgba(255,253,247,.96), rgba(230,214,172,.72)) !important;
  box-shadow:
    0 18px 42px rgba(36,28,10,.14),
    inset 0 0 0 1px rgba(167,127,41,.18) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result h3,
html[data-exkave-theme="light"] #results.album-rail .result.active h3,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match h3,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus h3,
html[data-theme="light"] #results.album-rail .result h3,
html[data-theme="light"] #results.album-rail .result.active h3,
html[data-theme="light"] #results.album-rail .result.is-search-match h3,
html[data-theme="light"] #results.album-rail .result.is-search-focus h3 {
  color: #090908 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result .artist,
html[data-exkave-theme="light"] #results.album-rail .result .album-range,
html[data-exkave-theme="light"] #results.album-rail .result.active .artist,
html[data-exkave-theme="light"] #results.album-rail .result.active .album-range,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match .artist,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match .album-range,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus .artist,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus .album-range,
html[data-theme="light"] #results.album-rail .result .artist,
html[data-theme="light"] #results.album-rail .result .album-range,
html[data-theme="light"] #results.album-rail .result.active .artist,
html[data-theme="light"] #results.album-rail .result.active .album-range,
html[data-theme="light"] #results.album-rail .result.is-search-match .artist,
html[data-theme="light"] #results.album-rail .result.is-search-match .album-range,
html[data-theme="light"] #results.album-rail .result.is-search-focus .artist,
html[data-theme="light"] #results.album-rail .result.is-search-focus .album-range {
  color: #46464c !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result .result-kind,
html[data-exkave-theme="light"] #results.album-rail .result.active .result-kind,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match .result-kind,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus .result-kind,
html[data-theme="light"] #results.album-rail .result .result-kind,
html[data-theme="light"] #results.album-rail .result.active .result-kind,
html[data-theme="light"] #results.album-rail .result.is-search-match .result-kind,
html[data-theme="light"] #results.album-rail .result.is-search-focus .result-kind {
  color: #7b5b1c !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-exkave-theme="light"] #results.album-rail .result .result-arrow,
html[data-exkave-theme="light"] #results.album-rail .result.active .result-arrow,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-match .result-arrow,
html[data-exkave-theme="light"] #results.album-rail .result.is-search-focus .result-arrow,
html[data-theme="light"] #results.album-rail .result .result-arrow,
html[data-theme="light"] #results.album-rail .result.active .result-arrow,
html[data-theme="light"] #results.album-rail .result.is-search-match .result-arrow,
html[data-theme="light"] #results.album-rail .result.is-search-focus .result-arrow {
  color: #3f3f45 !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (hover: hover) {
  #detail .pressing-grid .pressing:hover {
    color: var(--text) !important;
    border-color: var(--exkave-mobile-line) !important;
    background:
      var(--exkave-mobile-box-grooves),
      var(--exkave-mobile-surface) !important;
    background-blend-mode: screen, screen, normal !important;
    filter: none !important;
    box-shadow: var(--shadow) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  #detail .pressing-grid .pressing.selected:hover {
    border-color: rgba(216,183,101,.62) !important;
    background:
      linear-gradient(135deg, rgba(216,183,101,.24), rgba(216,183,101,.055)) !important;
    background-image:
      linear-gradient(135deg, rgba(216,183,101,.24), rgba(216,183,101,.055)) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.24) !important;
  }
}

html[data-exkave-theme] body.news-page,
html[data-theme] body.news-page,
html:not([data-exkave-theme]) body.news-page {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(216,183,101,.2) 0, rgba(216,183,101,.2) 1px, transparent 1px, transparent 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(216,183,101,.12) 0, rgba(216,183,101,.12) 1px, transparent 1px, transparent 19px),
    radial-gradient(ellipse 70rem 38rem at 82% 0%, rgba(216,183,101,.18), transparent 60%),
    radial-gradient(circle at 50% 0%, rgba(216,183,101,.22), transparent 32rem),
    linear-gradient(180deg, rgba(12,12,10,.4), rgba(12,12,10,.86) 64%, #050505 100%),
    var(--bg) !important;
}

html[data-exkave-theme] body.news-page::before,
html[data-theme] body.news-page::before,
body.news-page.exkave-shell-ready::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .34 !important;
  background:
    repeating-radial-gradient(circle at 50% 6%, rgba(255,253,247,.13) 0 1px, transparent 1px 15px),
    linear-gradient(180deg, rgba(0,0,0,.48), transparent 80%) !important;
  background-size: min(1300px, 140vw) min(1300px, 140vw), auto !important;
  background-position: center -220px, center top !important;
  background-repeat: no-repeat !important;
  mix-blend-mode: screen !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.86), transparent 86%) !important;
}

html[data-exkave-theme] body.news-page :is(.news-hero, .news-section),
html[data-theme] body.news-page :is(.news-hero, .news-section) {
  background:
    linear-gradient(145deg, rgba(12,12,10,.84), rgba(12,12,10,.78)),
    repeating-radial-gradient(circle at 18% 10%, rgba(255,253,247,.11) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 82% 0%, rgba(216,183,101,.16), transparent 36%) !important;
  background-blend-mode: normal, screen, normal !important;
}

html[data-exkave-theme="light"] body.news-page,
html[data-theme="light"] body.news-page {
  background:
    linear-gradient(180deg, rgba(255,253,247,.7), rgba(255,253,247,.92)),
    #fffdf7 !important;
}

html[data-exkave-theme="light"] body.news-page::before,
html[data-theme="light"] body.news-page::before {
  opacity: .16 !important;
  background:
    repeating-radial-gradient(circle at 50% 6%, rgba(12,12,10,.18) 0 1px, transparent 1px 15px),
    linear-gradient(180deg, rgba(255,253,247,.28), transparent 80%) !important;
  mix-blend-mode: multiply !important;
}

html[data-exkave-theme="light"] body.news-page :is(.news-hero, .news-section),
html[data-theme="light"] body.news-page :is(.news-hero, .news-section) {
  background:
    linear-gradient(145deg, rgba(255,253,247,.9), rgba(244,239,226,.84)),
    repeating-radial-gradient(circle at 18% 10%, rgba(13,13,13,.1) 0 1px, transparent 1px 18px),
    radial-gradient(circle at 82% 0%, rgba(139,106,36,.16), transparent 36%) !important;
  background-blend-mode: normal, multiply, normal !important;
}

/* V17.71S - shared Actu groove background across the whole site. */
html[data-exkave-theme] body,
html[data-theme] body,
html:not([data-exkave-theme]) body {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(216,183,101,.2) 0, rgba(216,183,101,.2) 1px, transparent 1px, transparent 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(216,183,101,.12) 0, rgba(216,183,101,.12) 1px, transparent 1px, transparent 19px),
    radial-gradient(ellipse 70rem 38rem at 82% 0%, rgba(216,183,101,.18), transparent 60%),
    radial-gradient(circle at 50% 0%, rgba(216,183,101,.22), transparent 32rem),
    linear-gradient(180deg, rgba(12,12,10,.4), rgba(12,12,10,.86) 64%, #050505 100%),
    var(--bg) !important;
}

html[data-exkave-theme] body::before,
html[data-theme] body::before,
body.exkave-shell-ready::before {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .34 !important;
  background:
    repeating-radial-gradient(circle at 50% 6%, rgba(216,183,101,.16) 0, rgba(216,183,101,.16) 1px, transparent 1px, transparent 15px),
    linear-gradient(180deg, rgba(0,0,0,.48), transparent 80%) !important;
  background-size: min(1300px, 140vw) min(1300px, 140vw), auto !important;
  background-position: center -220px, center top !important;
  background-repeat: no-repeat !important;
  mix-blend-mode: screen !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.86), transparent 86%) !important;
}

html[data-exkave-theme="light"] body,
html[data-theme="light"] body {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(157,118,39,.24) 0, rgba(157,118,39,.24) 1px, transparent 1px, transparent 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(157,118,39,.14) 0, rgba(157,118,39,.14) 1px, transparent 1px, transparent 19px),
    radial-gradient(ellipse 62rem 34rem at 82% 2%, rgba(216,183,101,.19), transparent 60%),
    linear-gradient(180deg, rgba(255,253,247,.7), rgba(255,253,247,.92)),
    url("/assets/fond-clair.png") center top / cover fixed,
    #fffdf7 !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .16 !important;
  background:
    repeating-radial-gradient(circle at 50% 6%, rgba(157,118,39,.22) 0, rgba(157,118,39,.22) 1px, transparent 1px, transparent 15px),
    linear-gradient(180deg, rgba(255,253,247,.28), transparent 80%) !important;
  mix-blend-mode: multiply !important;
}

/* V17.71T - landing keeps only the carousel, not an extra hero shell. */
body.landing-page main.page {
  background: transparent !important;
}

/* V17.71V - light mobile/tablet pages keep the golden groove backdrop. */
html[data-exkave-theme="light"] body,
html[data-theme="light"] body {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(157, 118, 39, .14) 0 1px, transparent 1px 19px),
    radial-gradient(62rem 34rem at 82% 2%, rgba(216, 183, 101, .19), transparent 60%),
    linear-gradient(180deg, rgba(255,253,247,.84), rgba(255,253,247,.93) 46%, rgba(255,253,247,.985) 100%),
    url("/assets/fond-clair.png") center top / cover fixed,
    #fffdf7 !important;
}

html[data-exkave-theme="light"] body::before,
html[data-theme="light"] body::before {
  opacity: .28 !important;
  background:
    repeating-radial-gradient(circle at 78% 10%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 13px),
    repeating-linear-gradient(-8deg, rgba(157, 118, 39, .055) 0 1px, transparent 1px 18px) !important;
  background-size: auto, 96px 96px !important;
  background-position: center top, center top !important;
  background-repeat: repeat, repeat !important;
  mix-blend-mode: multiply !important;
  mask-image: none !important;
}

html[data-exkave-theme="light"] .page-background,
html[data-theme="light"] .page-background {
  background:
    repeating-radial-gradient(circle at 88% -8%, rgba(157, 118, 39, .24) 0 1px, transparent 1px 15px),
    repeating-radial-gradient(circle at 2% 96%, rgba(157, 118, 39, .14) 0 1px, transparent 1px 19px),
    radial-gradient(62rem 34rem at 82% 2%, rgba(216, 183, 101, .19), transparent 60%),
    linear-gradient(180deg, rgba(255,253,247,.84), rgba(255,253,247,.93) 46%, rgba(255,253,247,.985) 100%),
    url("/assets/fond-clair.png") center top / cover no-repeat,
    #fffdf7 !important;
}

body.landing-page main.page > .hero {
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.landing-page main.page > .hero::before,
body.landing-page main.page > .hero::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

.record-demo .callout,
html[data-exkave-theme] .record-demo .callout,
html[data-theme] .record-demo .callout {
  z-index: 3 !important;
  color: #fffdf7 !important;
  border-color: rgba(216,183,101,.48) !important;
  background:
    linear-gradient(145deg, rgba(8,8,7,.96), rgba(18,18,16,.92)) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.record-demo .callout strong,
html[data-exkave-theme] .record-demo .callout strong,
html[data-theme] .record-demo .callout strong {
  color: #f4e6b8 !important;
  -webkit-text-fill-color: currentColor !important;
}

.record-demo .callout span,
html[data-exkave-theme] .record-demo .callout span,
html[data-theme] .record-demo .callout span {
  color: rgba(255,253,247,.86) !important;
  -webkit-text-fill-color: currentColor !important;
}

.paper-label.is-photo,
html[data-exkave-theme] .paper-label.is-photo,
html[data-theme] .paper-label.is-photo,
html[data-exkave-theme="light"] .paper-label.is-photo,
html[data-theme="light"] .paper-label.is-photo {
  width: min(440px, 100%) !important;
  max-width: 100% !important;
  padding: 0 !important;
  justify-self: center !important;
  overflow: hidden !important;
  color: #fffdf7 !important;
  border-color: rgba(216,183,101,.48) !important;
  background: #11110f !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,253,247,.12) !important;
}

.paper-label.is-photo .paper-label-image,
html[data-exkave-theme] .paper-label.is-photo .paper-label-image,
html[data-theme] .paper-label.is-photo .paper-label-image {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

.paper-label.is-photo::after,
html[data-exkave-theme] .paper-label.is-photo::after,
html[data-theme] .paper-label.is-photo::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,253,247,.22),
    inset 0 -34px 70px rgba(0,0,0,.2) !important;
}

.paper-label.is-photo .label-line,
html[data-exkave-theme] .paper-label.is-photo .label-line,
html[data-theme] .paper-label.is-photo .label-line,
html[data-exkave-theme="light"] .paper-label.is-photo .label-line,
html[data-theme="light"] .paper-label.is-photo .label-line {
  z-index: 3 !important;
  color: #fffdf7 !important;
  border-color: rgba(244,230,184,.58) !important;
  background: rgba(8,8,7,.72) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

#variant-backdrop.variant-backdrop,
html[data-exkave-theme] #variant-backdrop.variant-backdrop,
html[data-theme] #variant-backdrop.variant-backdrop,
html[data-exkave-theme="light"] #variant-backdrop.variant-backdrop,
html[data-theme="light"] #variant-backdrop.variant-backdrop {
  color: transparent !important;
  border: 0 !important;
  background: rgba(3,3,3,.76) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: transparent !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

.exkave-menu__language[role="radiogroup"],
html[data-exkave-theme] .exkave-menu__language[role="radiogroup"],
html[data-theme] .exkave-menu__language[role="radiogroup"] {
  width: 76px !important;
  height: 32px !important;
  display: inline-grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 2px !important;
  align-items: center !important;
  justify-content: stretch !important;
  padding: 2px !important;
  border: 1px solid rgba(216,183,101,.34) !important;
  border-radius: 999px !important;
  background: rgba(8,8,7,.72) !important;
  background-image: none !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,253,247,.08) !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button,
html[data-exkave-theme] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button,
html[data-theme] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button {
  width: auto !important;
  min-width: 0 !important;
  height: 26px !important;
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: rgba(255,253,247,.72) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .02em !important;
  overflow: hidden !important;
  transform: none !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-flag {
  display: none !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  border-radius: 50% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow:
    0 0 0 1px rgba(255,253,247,.76),
    0 4px 10px rgba(0,0,0,.22) !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-fr .exkave-menu__lang-flag {
  background-image: url("/brand/flags/lang-fr.svg") !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-en .exkave-menu__lang-flag {
  background-image: url("/brand/flags/lang-en.svg") !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active,
html[data-exkave-theme] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active,
html[data-theme] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active {
  color: #080807 !important;
  background: linear-gradient(135deg, #f4e6b8, #d8b765) !important;
  background-image: linear-gradient(135deg, #f4e6b8, #d8b765) !important;
  box-shadow:
    0 6px 16px rgba(216,183,101,.18),
    inset 0 1px 0 rgba(255,253,247,.45) !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active .exkave-menu__lang-flag {
  display: block !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active .exkave-menu__lang-code {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button:hover,
.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button:focus-visible {
  outline: 0 !important;
  color: #fffdf7 !important;
  background: rgba(255,253,247,.08) !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(216,183,101,.34) !important;
}

.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active:hover,
.exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active:focus-visible {
  color: #080807 !important;
  background: linear-gradient(135deg, #fff0bd, #d8b765) !important;
  background-image: linear-gradient(135deg, #fff0bd, #d8b765) !important;
}

html[data-exkave-theme="light"] .exkave-menu__language[role="radiogroup"],
html[data-theme="light"] .exkave-menu__language[role="radiogroup"] {
  border-color: rgba(167,127,41,.42) !important;
  background: rgba(255,253,247,.68) !important;
  box-shadow:
    0 10px 24px rgba(36,28,10,.10),
    inset 0 1px 0 rgba(255,253,247,.86) !important;
}

html[data-exkave-theme="light"] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button,
html[data-theme="light"] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button {
  color: #57545d !important;
}

html[data-exkave-theme="light"] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active,
html[data-theme="light"] .exkave-menu__language[role="radiogroup"] .exkave-menu__lang-button.is-active {
  color: #11110f !important;
  background: linear-gradient(135deg, #fffdf7, #f4e6b8) !important;
  background-image: linear-gradient(135deg, #fffdf7, #f4e6b8) !important;
}

/* V17.71U - menu pictos stay gold on hover/focus while labels remain readable. */
.exkave-menu__link:is(:hover, :focus-visible, .is-active) .exkave-menu__icon,
.exkave-menu__item:focus-within > .exkave-menu__link .exkave-menu__icon,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link .exkave-menu__icon,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link .exkave-menu__icon,
html[data-exkave-theme="light"] .exkave-menu__link:is(:hover, :focus-visible, .is-active) .exkave-menu__icon,
html[data-exkave-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link .exkave-menu__icon,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link .exkave-menu__icon,
html[data-exkave-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link .exkave-menu__icon,
html[data-theme="light"] .exkave-menu__link:is(:hover, :focus-visible, .is-active) .exkave-menu__icon,
html[data-theme="light"] .exkave-menu__item:focus-within > .exkave-menu__link .exkave-menu__icon,
html[data-theme="light"] .exkave-menu__item.has-submenu:hover > .exkave-menu__link .exkave-menu__icon,
html[data-theme="light"] .exkave-menu__item.has-submenu.is-open > .exkave-menu__link .exkave-menu__icon {
  color: #d8b765 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  -webkit-text-fill-color: #d8b765 !important;
  text-shadow: 0 0 10px rgba(216,183,101,.36) !important;
}

.exkave-menu__item.has-submenu > .exkave-menu__link:is(:hover, :focus-visible, .is-active)::after,
.exkave-menu__item.has-submenu:hover > .exkave-menu__link::after,
.exkave-menu__item.has-submenu.is-open > .exkave-menu__link::after {
  color: #d8b765 !important;
  -webkit-text-fill-color: #d8b765 !important;
}

/* Invariant global : la peau chargée en dernier ne réintroduit aucun fond. */
:root {
  --exkave-mobile-grooves: none !important;
  --exkave-mobile-box-grooves: none !important;
}

html,
body,
html[data-exkave-theme="modern"] body,
html[data-exkave-theme="light"] body,
html[data-theme="dark"] body,
html[data-theme="light"] body,
html:not([data-exkave-theme]) body,
html[data-exkave-theme] body[class],
html[data-theme] body[class],
html:not([data-exkave-theme]):not([data-theme]) body[class] {
  background: #050505 !important;
  background-image: none !important;
}

body::before,
body::after,
body.exkave-shell-ready::before,
body.exkave-shell-ready::after,
html[data-exkave-theme="light"] body::before,
html[data-exkave-theme="light"] body::after,
html[data-theme="light"] body::before,
html[data-theme="light"] body::after,
html[data-exkave-theme] body[class]::before,
html[data-exkave-theme] body[class]::after,
html[data-theme] body[class]::before,
html[data-theme] body[class]::after,
html:not([data-exkave-theme]):not([data-theme]) body[class]::before,
html:not([data-exkave-theme]):not([data-theme]) body[class]::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
}

.grain-layer,
.exkave-depth-far,
.exkave-depth-near,
.page-background,
.page-background::before,
.page-background::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  mask: none !important;
  -webkit-mask: none !important;
}