/* MIR Logistic — black & gold theme */
:root {
  --_color-accent---900: #6b5420;
  --_color-accent---500: #c9a227;
  --_color-accent---400: #d4af37;
  --_color-accent---opacity-800: #8b691480;
  --_color-accent---opacity-900: #6b542080;

  --_color-grey---900: #070707;
  --_color-grey---800: #f3e9c8;
  --_color-grey---700: #cfc3a1;
  --_color-grey---600: #a89878;
  --_color-grey---500: #5c5343;
  --_color-grey---400: #3a3428;
  --_color-grey---300: #2a251c;
  --_color-grey---200: #1c1914;
  --_color-grey---100: #14120e;
  --_color-grey---opacity-500: #a8987866;

  --_color-white---fill: #16140f;
  --text-color-white: #f3e9c8;
  --_color-white---opacity-70: #fffaf0b3;
  --_color-white---opacity-60: #fffaf099;
  --_color-white---opacity-30: #fffaf04d;
  --_color-white---opacity-10: #fffaf01a;
  --_color-white---opacity-1: #fffaf003;

  --bg-color-white: #14120e;
  --bg-color-gray: #1c1914;
  --bg-color-medium_grey: #2a251c;
  --bg-color-dark_green: #0a0907;
  --bg-color-dark_green-opacity: #6b54208c;
  --bg-color-green: #d4af37;
  --bg-color-green-opacity: #d4af3740;

  --text-color-primary: #f3e9c8;
  --text-color-green: #d4af37;
  --text-color-soft_green: #e8d48b;
  --text-color-white: #fffaf0;
  --text-color-grey: #a89878;
  --text-color-medium_grey: #8a7d63;

  --border-color-white: #3a3428;
  --border-color-dark_green: #6b5420;
  --border-color-green: #d4af37;
  --border-color-gray: #3a3428;
  --border-color-medium_grey: #5c5343;
  --border-color-dark_grey: #3a3428;

  --_shadow---color: #00000066;
}

html,
body {
  background: #0a0907 !important;
  color: var(--_color-grey---800);
}

body {
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(212, 175, 55, 0.14), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 20%, rgba(107, 84, 32, 0.18), transparent 50%),
    linear-gradient(180deg, #0a0907 0%, #12100c 40%, #0a0907 100%);
  background-attachment: fixed;
}

/* Hardcoded white cards → dark gold surfaces */
.jd3-ex-card,
.jd3-ex-tile,
.jd3-ex-contacts-card,
.jd3-ex-dd-toggle,
.jd3-ex-dd-menu,
.jd3-order-type-card,
.jd3-order-receipt-option,
.jd3-overlay .jd-bg-white,
.jd-bg-white,
.jd3-wrapper.jd-bg-white {
  background: #16140f !important;
  color: var(--_color-grey---800);
  border-color: var(--_color-grey---400);
}

.jd3-ex-actions .jd3-border {
  background: transparent !important;
  color: var(--_color-accent---400) !important;
  border-color: var(--_color-accent---400) !important;
}

.jd3-ex-swap {
  color: #0a0907 !important;
  box-shadow: 0 6px 16px rgba(212, 175, 55, 0.35) !important;
}

.jd3-order-type-tab.is-active {
  color: #0a0907 !important;
  box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35) !important;
}

.jd3-button,
.jd3-button.w-button,
a.jd3-button {
  background-color: var(--_color-accent---400) !important;
  color: #0a0907 !important;
  border-color: var(--_color-accent---400) !important;
}

.jd3-button.jd3-border,
.jd3-border.jd3-button {
  background-color: transparent !important;
  color: var(--_color-accent---400) !important;
  border: 1px solid var(--_color-accent---400) !important;
}

.jd3-nav-wrapper,
.jd3-nav {
  background: linear-gradient(180deg, #0a0907 0%, #12100c 100%) !important;
}

.jd3-logo {
  display: block;
  width: auto;
  height: 52px;
  max-width: 160px;
  object-fit: contain;
}

.jd3-logo--catalog {
  height: 48px;
  max-width: 140px;
}

.jd3-logo--thanks {
  height: 88px;
  max-width: 200px;
  margin: 0 auto;
}

.jd3-logo--engage {
  height: 44px;
  max-width: 120px;
}

.jd3-brand.w-nav-brand {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.jd3-thanks-brand {
  display: flex;
  justify-content: center;
  margin-bottom: 0.75rem;
}

.jd3-engage-badge {
  display: inline-flex !important;
  align-items: center;
  padding: 0.2rem !important;
  background: transparent !important;
  border-radius: 0.5rem !important;
}

.jd3-engage-badge .jd3-logo {
  height: 44px;
}

.jd3-catalog-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  .jd3-logo {
    height: 42px;
    max-width: 120px;
  }
  .jd3-logo--catalog {
    height: 40px;
    max-width: 110px;
  }
}


.jd3-footer,
footer {
  background: #070605 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.2);
}

.jd3-overlay {
  background: rgba(0, 0, 0, 0.72) !important;
}

.jd3-overlay.jd3-order-form .jd3-fix-top {
  background: #16140f !important;
  border-bottom-color: var(--_color-grey---400) !important;
}

.jd3-modal-close-btn {
  background: var(--_color-grey---200) !important;
}

input,
textarea,
select,
.w-input,
.w-select {
  background-color: #1c1914 !important;
  color: var(--_color-grey---800) !important;
  border-color: var(--_color-grey---400) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--_color-grey---600) !important;
}

.jd3-ex-row {
  background: #1c1914 !important;
}

.jd3-ex-row-accent {
  border-color: rgba(212, 175, 55, 0.4) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}

.jd3-ex-dd-item:hover,
.jd3-ex-dd-item.is-active {
  background: rgba(212, 175, 55, 0.12) !important;
}

.jd3-order-receipt-option:has(input:checked) {
  border-color: var(--_color-accent---400) !important;
  background: rgba(212, 175, 55, 0.1) !important;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.2) !important;
}

.jd3-ex-minimum,
.jd3-ex-minimum-pill {
  background: rgba(212, 175, 55, 0.14) !important;
  color: var(--_color-accent---400) !important;
}

.jd3-ex-contact-btn:hover {
  box-shadow: 0 10px 28px rgba(212, 175, 55, 0.2) !important;
  border-color: var(--_color-accent---400) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}

.jd3-ex-contact-mail {
  color: var(--_color-accent---400) !important;
  border-color: rgba(212, 175, 55, 0.28) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}

.jd3-order-type-card:hover {
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.18) !important;
}

/* Webflow blue leftovers */
.w-checkbox-input--inputType-custom.w--redirected-checked,
.w-form-formradioinput--inputType-custom.w--redirected-checked {
  background-color: var(--_color-accent---400) !important;
  border-color: var(--_color-accent---400) !important;
}

.jd3-text-color-accent-500,
.jd3-text-color-accent-400 {
  color: var(--_color-accent---400) !important;
}

.jd3-bg-accent-400,
.jd3-bg-accent-500,
.jd3-bg-accent-900 {
  background-color: var(--_color-accent---400) !important;
  color: #0a0907 !important;
}

.jd3-bg-opacity-800 {
  background-color: rgba(10, 9, 7, 0.92) !important;
}

/* Soft gold highlight on section panels */
.jd3-wrapper.jd3-bg-grey-100,
.jd3-bg-grey-100 {
  background-color: var(--_color-grey---100) !important;
  border: 1px solid rgba(212, 175, 55, 0.08);
}

.jd3-bg-grey-200 {
  background-color: var(--_color-grey---200) !important;
}

.jd3-bg-grey-400 {
  background-color: var(--_color-grey---300) !important;
}

.jd3-text-color-grey-800 {
  color: var(--_color-grey---800) !important;
}

.jd3-text-color-white {
  color: #f3e9c8 !important;
}

.jd3-text-color-accent-500,
.jd3-text-color-accent-400,
.jd3-p.jd3-text-color-accent-500 {
  color: #e8c547 !important;
}

/* Text on gold pills/tabs must stay dark for contrast */
.jd3-wrapper.jd3-bg-accent-400,
.jd3-wrapper.jd3-bg-accent-500,
.jd3-bg-accent-400,
.jd3-bg-accent-500,
.fs-cmsfilter_active,
.jd3-wrapper.jd3-height-xs.jd3-width-md.jd3-bg-grey-100.jd3-rd-2xs.jd3-width-fill.jd3-tabs-styles.w--current {
  color: #0a0907 !important;
}

.jd3-wrapper.jd3-bg-accent-400 *,
.jd3-wrapper.jd3-bg-accent-500 *,
.fs-cmsfilter_active * {
  color: inherit;
}

/* Kill leftover pure white panels */
.jd3-wrapper.jd-bg-white,
.jd-bg-white,
.jd3-white-sm,
.bg-white,
.bg-white-jd3-0,
.jd3-ex-card,
.jd3-ex-tile,
.jd3-ex-contacts-card,
.jd3-ex-dd-toggle,
.jd3-ex-dd-menu,
.jd3-order-type-card,
.jd3-order-receipt-option,
.jd3-overlay .jd-bg-white,
.jd3-overlay .jd3-wrapper.jd-bg-white,
.jd3-catalog-page .jd3-catalog-card,
.w-form-done,
.w-form-fail {
  background: #16140f !important;
  background-color: #16140f !important;
  color: #f3e9c8 !important;
}

.jd3-brand.w-nav-brand {
  display: flex;
  align-items: center;
}

.jd3-catalog-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}


.jd3-faq-wrap,
.jd3-faq-title,
.jd3-faq-drop {
  color: var(--_color-grey---800);
}

/* Mobile bottom bar */
.jd3-mobile-nav,
[class*="jd3-mobile"] {
  background: #0a0907 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.22);
}

/* Accent buttons: dark text on gold */
.jd3-bg-accent-400 .jd3-p,
.jd3-bg-accent-500 .jd3-p,
.jd3-wrapper.jd3-bg-accent-400,
.jd3-wrapper.jd3-bg-accent-500 {
  color: #0a0907 !important;
}

.jd3-nav-menu a,
.jd3-nav-item {
  color: #f3e9c8 !important;
}

.jd3-nav-menu a:hover,
.jd3-nav-item:hover {
  color: #d4af37 !important;
}

/* Force any remaining white surfaces dark so gold/cream text stays readable */
body .jd3-wrapper.jd-bg-white,
body .jd3-bg-white,
body [class*="bg-white"],
body .w-slider-nav-invert > div,
.jd3-overlay > .jd3-wrapper {
  background-color: #16140f !important;
}

body .jd3-button,
body a.jd3-button.w-button {
  background-color: #d4af37 !important;
  color: #0a0907 !important;
  border-color: #d4af37 !important;
}

body .jd3-button.jd3-border,
body a.jd3-button.jd3-border {
  background-color: transparent !important;
  color: #e8c547 !important;
  border: 1px solid #d4af37 !important;
}

/* Accent labels stay bright gold on dark panels only */
body .jd3-text-color-accent-500,
body .jd3-text-color-accent-400,
body .jd3-ex-rate,
body .jd3-ex-label-accent {
  color: #e8c547 !important;
}