/* COINLOMBARD Black & Gold Theme */

/* Color Variables */
:root {
    --gold-primary: #FFD700;
    --gold-secondary: #FFA500;
    --gold-dark: #B8860B;
    --black-primary: #000000;
    --black-secondary: #0a0a0a;
    --black-tertiary: #1a1a1a;
    --text-gold: #FFD700;
    --text-white: #ffffff;
    --text-gray: #cccccc;
}

/* Global Styles */
body {
    background-color: var(--black-primary) !important;
    color: var(--text-white) !important;
}

.main-wrapper {
    background-color: var(--black-primary) !important;
}

/* Header */
.header {
    background-color: var(--black-secondary) !important;
    border-bottom: 2px solid var(--gold-primary) !important;
}

.header_logo {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 10px 0 !important;
}

.header_logo a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    gap: 15px !important;
    flex-direction: row !important;
}

.header_logo img {
    display: block !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.header-logo-main {
    max-height: 70px !important;
    height: 70px !important;
    width: auto !important;
    min-width: 60px !important;
    max-width: 120px !important;
}

.header-logo-text {
    max-height: 60px !important;
    height: 60px !important;
    width: auto !important;
    min-width: 120px !important;
    max-width: 250px !important;
}

/* Buttons */
.btn {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--black-primary) !important;
    border: 2px solid var(--gold-primary) !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* All button text black - FORCE BLACK COLOR */
/* EXCEPT header button which should be yellow by default */
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *,
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) span,
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) a,
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) p,
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) div,
.btn:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) .icon-right,
.btn-arr,
.btn-arr *,
.btn-arr span,
.btn-arr a,
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *,
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) span,
.btn-bord_txt:not(.header_btn .btn-bord_txt):not(.header .btn-bord_txt):not(.header_mob .btn-bord_txt),
.btn-black,
.btn-black *,
.btn-addaddr,
.btn-addaddr *,
a.btn:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord),
a.btn:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) *,
a.btn:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) span,
a.btn-arr,
a.btn-arr *,
a.btn-arr span,
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord),
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) *,
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) span,
a.btn-bord_txt:not(.header_btn a.btn-bord_txt):not(.header a.btn-bord_txt):not(.header_mob a.btn-bord_txt),
a.btn-black,
a.btn-black *,
a.btn-addaddr,
a.btn-addaddr * {
    color: var(--black-primary) !important;
    fill: var(--black-primary) !important;
    -webkit-text-fill-color: var(--black-primary) !important;
}

/* Specific button text selectors - OVERRIDE ALL */
/* EXCEPT header button which should be yellow by default */
.btn:not(.btn-load):not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn-arr:not(.btn-load),
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn-black,
.btn-addaddr {
    color: var(--black-primary) !important;
    -webkit-text-fill-color: var(--black-primary) !important;
    text-fill-color: var(--black-primary) !important;
}

.btn:not(.btn-load):not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *:not(.btn_loader):not(.icon-right),
.btn-arr:not(.btn-load) *:not(.btn_loader):not(.icon-right),
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *:not(.icon-right),
.btn-black *:not(.icon-right),
.btn-addaddr *:not(.icon-right) {
    color: var(--black-primary) !important;
    -webkit-text-fill-color: var(--black-primary) !important;
    text-fill-color: var(--black-primary) !important;
}

/* Override btn-bord_txt gradient text */
/* EXCEPT header button which should be yellow by default */
.btn-bord_txt:not(.header_btn .btn-bord_txt):not(.header .btn-bord_txt):not(.header_mob .btn-bord_txt),
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) .btn-bord_txt,
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) .btn-bord_txt {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: var(--black-primary) !important;
    text-fill-color: var(--black-primary) !important;
    color: var(--black-primary) !important;
}

/* Override btn-black white text */
.btn-black,
a.btn-black {
    color: var(--black-primary) !important;
    -webkit-text-fill-color: var(--black-primary) !important;
    text-fill-color: var(--black-primary) !important;
}

/* Direct text nodes in buttons */
.btn:not(.btn-load)::before,
.btn:not(.btn-load)::after,
.btn-arr:not(.btn-load)::before,
.btn-arr:not(.btn-load)::after {
    color: var(--black-primary) !important;
}

/* Force all text content in buttons to be black */
/* EXCEPT header button which should be yellow by default */
.btn:not(.btn-load):not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn-arr:not(.btn-load),
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord),
.btn-black,
.btn-addaddr,
a.btn:not(.btn-load):not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord),
a.btn-arr:not(.btn-load),
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord),
a.btn-black,
a.btn-addaddr {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-fill-color: #000000 !important;
}

.btn:not(.btn-load):not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *,
.btn-arr:not(.btn-load) *,
.btn-bord:not(.header_btn .btn-bord):not(.header .btn-bord):not(.header_mob .btn-bord) *,
.btn-black *,
.btn-addaddr *,
a.btn:not(.btn-load):not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) *,
a.btn-arr:not(.btn-load) *,
a.btn-bord:not(.header_btn a.btn-bord):not(.header a.btn-bord):not(.header_mob a.btn-bord) *,
a.btn-black *,
a.btn-addaddr * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-fill-color: #000000 !important;
}

.btn .icon-right,
.btn-arr .icon-right {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 1px !important;
}

.btn .icon-right::before,
.btn-arr .icon-right::before {
    color: var(--black-primary) !important;
    border-color: var(--black-primary) !important;
}

.btn:hover {
    background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-primary) 100%) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    transform: translateY(-2px) !important;
}

.btn-bord {
    background: transparent !important;
    border: 2px solid var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.btn-bord:hover {
    background: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

/* Sections */
.section {
    background-color: var(--black-primary) !important;
}

.section.bg-light {
    background-color: var(--black-secondary) !important;
}

.section_title h2 {
    color: var(--gold-primary) !important;
}

.section_cats_item {
    background-color: var(--black-tertiary) !important;
    color: var(--gold-primary) !important;
    border: 1px solid var(--gold-primary) !important;
}

/* Welcome Section */
.section-welcome {
    background: linear-gradient(180deg, var(--black-primary) 0%, var(--black-secondary) 100%) !important;
    position: relative;
    overflow: hidden;
}

.welcome h1 {
    color: var(--gold-primary) !important;
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

.welcome_txt p {
    color: var(--text-gray) !important;
}

/* Bitcoin Icon - Gold */
.bitcoin-gold {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 10 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.bitcoin-gold svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.8));
    animation: goldGlow 3s ease-in-out infinite;
    opacity: 1 !important;
    visibility: visible !important;
}

.bitcoin-gold svg circle {
    fill: url(#goldGradient) !important;
    filter: url(#glow) !important;
}

.bitcoin-gold svg text {
    fill: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

@keyframes goldGlow {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.8));
    }
    50% {
        filter: drop-shadow(0 0 30px rgba(255, 215, 0, 1));
    }
}

.welcome_img {
    position: relative;
    z-index: 10 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Coins Section */
.coins_item {
    background-color: var(--black-tertiary) !important;
    border: 2px solid var(--gold-primary) !important;
    transition: all 0.3s ease !important;
}

.coins_item:hover {
    border-color: var(--gold-secondary) !important;
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.4) !important;
    transform: translateY(-5px) !important;
}

.coins_item_title {
    color: var(--gold-primary) !important;
}

/* Cards and Items */
.piqs_item,
.about_item,
.anon_item,
.why_item {
    background-color: var(--black-tertiary) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.piqs_item:hover,
.about_item:hover,
.anon_item:hover,
.why_item:hover {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.3) !important;
}

.piqs_item_title,
.about_item_title,
.anon_item_title,
.why_item_title {
    color: var(--gold-primary) !important;
}

.piqs_item_txt,
.about_item_txt,
.anon_item_txt,
.why_item_txt {
    color: var(--text-gray) !important;
}

/* Accordion */
.acc_item {
    background-color: var(--black-tertiary) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
}

.acc_item.open {
    border-color: var(--gold-primary) !important;
}

.acc_item_num {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--black-primary) !important;
}

.acc_item_title {
    color: var(--gold-primary) !important;
}

.acc_item_txt {
    color: var(--text-gray) !important;
}

/* Footer */
.footer {
    background-color: var(--black-secondary) !important;
    border-top: 2px solid var(--gold-primary) !important;
}

.footer_logo {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 20px !important;
}

.footer_logo a {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-direction: row !important;
}

.footer-logo-main {
    max-height: 180px !important;
    height: 180px !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: 300px !important;
    object-fit: contain !important;
}

.footer-logo-text {
    max-height: 80px !important;
    height: 80px !important;
    width: auto !important;
    min-width: 150px !important;
    max-width: 300px !important;
    object-fit: contain !important;
}

.footer_cols_right {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.footer_image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.footer-right-image {
    max-height: 300px !important;
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.footer h2,
.footer h4,
.footer h5 {
    color: var(--gold-primary) !important;
}

.footer a {
    color: var(--text-gray) !important;
    transition: color 0.3s ease !important;
}

.footer a:hover {
    color: var(--gold-primary) !important;
}

/* Form Elements */
.form-control {
    background-color: var(--black-tertiary) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    color: var(--text-white) !important;
}

.form-control:focus {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.3) !important;
}

/* Links */
a {
    color: var(--gold-primary) !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: var(--gold-secondary) !important;
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--gold-primary) !important;
}

/* Remove all white colors - replace with black or gold */
.steps_item_title,
.order_title,
.form_label,
label {
    color: var(--gold-primary) !important;
}

.steps_item:not(.active) .steps_item_title {
    color: var(--gold-primary) !important;
}

/* Input text - gold instead of white */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
    color: var(--gold-primary) !important;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color: rgba(255, 215, 0, 0.5) !important;
}

/* Warning box - gold instead of white */
.warning {
    background-color: rgba(255, 215, 0, 0.1) !important;
    border-color: var(--gold-primary) !important;
    color: var(--gold-primary) !important;
}

.warning_txt,
.warning_txt b {
    color: var(--gold-primary) !important;
}

/* Range values - gold text */
.range_val_time,
.range_val_pers,
.js-delay,
.js-percentage {
    color: var(--gold-primary) !important;
}

/* Form rows */
.form_row {
    background-color: var(--black-tertiary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
}

.form_row.active {
    background-color: rgba(255, 215, 0, 0.1) !important;
    border-color: var(--gold-primary) !important;
}

/* Remove white from all elements */
*[style*="color: white"],
*[style*="color: #fff"],
*[style*="color: #FFF"],
*[style*="color: rgb(255, 255, 255)"] {
    color: var(--gold-primary) !important;
}

*[style*="background: white"],
*[style*="background: #fff"],
*[style*="background: #FFF"],
*[style*="background: rgb(255, 255, 255)"] {
    background: var(--black-secondary) !important;
}

/* Background Images Overlay */
.bg-img {
    opacity: 0.3 !important;
    filter: brightness(0.5) sepia(1) hue-rotate(0deg) saturate(0.5) !important;
}

/* Corn decoration - remove blue lines */
.corn {
    color: var(--gold-primary) !important;
}

.corn-top,
.corn-bot {
    display: none !important;
    border: none !important;
}

/* Social Icons */
.soc_item {
    color: var(--gold-primary) !important;
    border: 1px solid var(--gold-primary) !important;
}

.soc_item:hover {
    background-color: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

/* Logo Slider */
.logos_slider_img {
    filter: brightness(0.8) !important;
}

/* Offer Section */
.section-offer {
    background: linear-gradient(135deg, var(--black-primary) 0%, var(--black-secondary) 100%) !important;
}

.offer h2 span {
    color: var(--gold-primary) !important;
}

.section-welcome .wrapper {
    position: relative;
    z-index: 2;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--black-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--gold-primary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--gold-secondary);
}

/* Operation Details Page - Blue to Gold/Black */
body.web .section-order,
body.web .order,
body.web .order_head,
body.web .order_cont {
    /* Force remove blue backgrounds */
}

.steps_item.active {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    color: var(--black-primary) !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5) !important;
}

.steps_item.active .steps_item_icon {
    background-color: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

.steps_item.active .steps_item_icon span {
    color: var(--black-primary) !important;
}

.steps_item {
    background-color: var(--black-secondary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
    color: var(--text-gray) !important;
}

.steps_item_icon {
    background-color: var(--black-tertiary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
}

.steps_item_icon span {
    color: var(--text-gray) !important;
}

/* Range values and form elements */
.range_val {
    background-color: var(--black-tertiary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
    color: var(--gold-primary) !important;
}

.range_val_time,
.range_val_pers {
    color: var(--gold-primary) !important;
}

.form_row.range_fl.active {
    border-color: var(--gold-primary) !important;
    background-color: rgba(255, 215, 0, 0.05) !important;
}

.form_row.range_fl {
    border-color: rgba(255, 215, 0, 0.3) !important;
    background-color: var(--black-tertiary) !important;
}

/* Slider/Progress bars */
.noUi-connect {
    background: linear-gradient(90deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
}

.noUi-handle {
    background: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5) !important;
}

.noUi-handle:before,
.noUi-handle:after {
    background-color: var(--black-primary) !important;
}

.noUi-target {
    background-color: var(--black-tertiary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
}

/* Any blue colors */
[style*="blue"],
[style*="#00"],
[style*="rgb(0"],
[style*="rgb(68"],
[style*="rgb(100"] {
    background-color: var(--gold-primary) !important;
    color: var(--black-primary) !important;
}

/* Icons with blue color */
.icon-settings,
.icon-gear,
.icon-checked {
    color: var(--gold-primary) !important;
}

.steps_item.active .icon-settings,
.steps_item.active .icon-gear {
    color: var(--black-primary) !important;
}

/* Warning/Attention boxes */
.warning {
    background-color: rgba(255, 215, 0, 0.1) !important;
    border-color: var(--gold-primary) !important;
    color: var(--text-white) !important;
}

.warning_icon {
    color: var(--gold-primary) !important;
}

/* Buttons with blue */
.btn-primary,
.btn-blue,
[class*="btn"][class*="blue"] {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
    color: var(--black-primary) !important;
    border-color: var(--gold-primary) !important;
}

/* Cards and containers */
.order,
.order_head,
.order_cont {
    background-color: var(--black-secondary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
}

/* Form labels */
.form_label {
    color: var(--gold-primary) !important;
}

/* Help icons */
.help,
.icon-help_outline {
    color: var(--gold-primary) !important;
}

/* Links */
.link-remove {
    color: var(--gold-primary) !important;
}

.link-remove:hover {
    color: var(--gold-secondary) !important;
}

/* Additional blue color replacements */
* {
    --blue-color: var(--gold-primary) !important;
    --primary-color: var(--gold-primary) !important;
    --accent-color: var(--gold-primary) !important;
}

/* SVG icons with blue fill */
svg[fill*="#00"],
svg[fill*="blue"],
.icon-settings svg,
.icon-gear svg {
    fill: var(--gold-primary) !important;
}

.steps_item.active svg {
    fill: var(--black-primary) !important;
}

/* Background colors that might be blue */
[style*="background.*blue"],
[style*="background.*#00"],
[style*="background.*rgb(0"],
[style*="background.*rgb(68"] {
    background-color: var(--gold-primary) !important;
}

/* Text colors that might be blue */
[style*="color.*blue"],
[style*="color.*#00"],
[style*="color.*rgb(0"],
[style*="color.*rgb(68"] {
    color: var(--gold-primary) !important;
}

/* Progress indicators */
.progress-bar,
.progress-indicator,
[class*="progress"] {
    background: linear-gradient(90deg, var(--gold-primary) 0%, var(--gold-dark) 100%) !important;
}

/* Make icons visible and gold - REMOVE ALL FILTERS */
.icon-settings,
.icon-gear,
.icon-gavel,
.icon-monetization,
.icon-scatter_plot,
.icon-grading,
.icon-checked,
.icon-error_outline,
.icon-help_outline,
.icon-delete,
[class*="icon"] {
    color: var(--gold-primary) !important;
    fill: var(--gold-primary) !important;
    stroke: var(--gold-primary) !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Active step icons - black on gold background */
.steps_item.active .icon-settings,
.steps_item.active .icon-gear,
.steps_item.active .icon-gavel,
.steps_item.active .icon-monetization,
.steps_item.active .icon-scatter_plot,
.steps_item.active .icon-grading,
.steps_item.active .icon-checked,
.steps_item.active [class*="icon"] {
    color: var(--black-primary) !important;
    fill: var(--black-primary) !important;
    stroke: var(--black-primary) !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Steps item icon container */
.steps_item_icon {
    background-color: var(--black-tertiary) !important;
    border-color: rgba(255, 215, 0, 0.3) !important;
}

.steps_item.active .steps_item_icon {
    background-color: var(--gold-primary) !important;
    border-color: var(--gold-dark) !important;
}

/* SVG icons */
.steps_item_icon svg,
.steps_item_icon svg path,
.steps_item_icon svg circle,
.steps_item_icon svg rect {
    fill: var(--gold-primary) !important;
    stroke: var(--gold-primary) !important;
}

.steps_item.active .steps_item_icon svg,
.steps_item.active .steps_item_icon svg path,
.steps_item.active .steps_item_icon svg circle,
.steps_item.active .steps_item_icon svg rect {
    fill: var(--black-primary) !important;
    stroke: var(--black-primary) !important;
}

/* Active states */
.active,
[class*="active"] {
    border-color: var(--gold-primary) !important;
}

.active [class*="icon"],
.active svg {
    color: var(--gold-primary) !important;
    fill: var(--gold-primary) !important;
}

/* HEADER BUTTON - YELLOW TEXT, BLACK ON HOVER */
/* Default state - YELLOW TEXT */
.header_btn .btn-bord,
.header .btn-bord,
.header_mob .btn-bord,
.header_btn a.btn-bord,
.header a.btn-bord,
.header_mob a.btn-bord {
    background: transparent !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
}

.header_btn .btn-bord,
.header .btn-bord,
.header_mob .btn-bord,
.header_btn a.btn-bord,
.header a.btn-bord,
.header_mob a.btn-bord,
.header_btn .btn-bord *,
.header .btn-bord *,
.header_mob .btn-bord *,
.header_btn a.btn-bord *,
.header a.btn-bord *,
.header_mob a.btn-bord *,
.header_btn .btn-bord span,
.header .btn-bord span,
.header_mob .btn-bord span,
.header_btn a.btn-bord span,
.header a.btn-bord span,
.header_mob a.btn-bord span,
.header_btn .btn-bord_txt,
.header .btn-bord_txt,
.header_mob .btn-bord_txt,
.header_btn .btn-bord .btn-bord_txt,
.header .btn-bord .btn-bord_txt,
.header_mob .btn-bord .btn-bord_txt,
.header_btn a.btn-bord .btn-bord_txt,
.header a.btn-bord .btn-bord_txt,
.header_mob a.btn-bord .btn-bord_txt,
.header_btn a.btn-bord span.btn-bord_txt,
.header a.btn-bord span.btn-bord_txt,
.header_mob a.btn-bord span.btn-bord_txt {
    color: #FFD700 !important;
    -webkit-text-fill-color: #FFD700 !important;
    text-fill-color: #FFD700 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

/* Hover state - BLACK TEXT on YELLOW BACKGROUND */
.header_btn .btn-bord:hover,
.header .btn-bord:hover,
.header_mob .btn-bord:hover,
.header_btn a.btn-bord:hover,
.header a.btn-bord:hover,
.header_mob a.btn-bord:hover {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000000 !important;
}

.header_btn .btn-bord:hover,
.header .btn-bord:hover,
.header_mob .btn-bord:hover,
.header_btn a.btn-bord:hover,
.header a.btn-bord:hover,
.header_mob a.btn-bord:hover,
.header_btn .btn-bord:hover *,
.header .btn-bord:hover *,
.header_mob .btn-bord:hover *,
.header_btn a.btn-bord:hover *,
.header a.btn-bord:hover *,
.header_mob a.btn-bord:hover *,
.header_btn .btn-bord:hover span,
.header .btn-bord:hover span,
.header_mob .btn-bord:hover span,
.header_btn a.btn-bord:hover span,
.header a.btn-bord:hover span,
.header_mob a.btn-bord:hover span,
.header_btn .btn-bord:hover .btn-bord_txt,
.header .btn-bord:hover .btn-bord_txt,
.header_mob .btn-bord:hover .btn-bord_txt,
.header_btn a.btn-bord:hover .btn-bord_txt,
.header a.btn-bord:hover .btn-bord_txt,
.header_mob a.btn-bord:hover .btn-bord_txt,
.header_btn a.btn-bord:hover span.btn-bord_txt,
.header a.btn-bord:hover span.btn-bord_txt,
.header_mob a.btn-bord:hover span.btn-bord_txt {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-fill-color: #000000 !important;
}

/* Error message styling - RED and VISIBLE - Hide when empty */
.create--order--form--output.text-danger:empty,
.text-danger:empty,
#order--accept--terms--submit--output:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
}

/* Error message styling - RED and VISIBLE when has content */
.create--order--form--output.text-danger:not(:empty),
.text-danger:not(:empty),
#order--accept--terms--submit--output:not(:empty) {
    color: #FF0000 !important;
    background-color: rgba(255, 0, 0, 0.1) !important;
    padding: 10px 15px !important;
    border: 1px solid #FF0000 !important;
    border-radius: 4px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 15px 0 10px 0 !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
}

/* Continue button - Move up more */
.order_nav .js-get-order-details,
.order_nav .btn.btn-arr.js-get-order-details {
    margin-top: -20px !important;
    margin-bottom: 10px !important;
}

/* Error messages under input fields - RED color only */
.form_inp + *,
.form-control + *,
.js-btc-address + *,
input.js-btc-address ~ *,
.form_row .error,
.form_inp .error,
label.error,
.form-control.error + *,
.form-control.error ~ *,
.form_row *:not(input):not(button):not(a):not(.range_val):not(.range_val_time):not(.range_val_pers):not(.link-remove) {
    color: #FF0000 !important;
    margin-top: 10px !important;
    padding-top: 5px !important;
}

/* Disabled button styling */
.btn.disabled,
.btn:disabled,
a.btn.disabled,
a.btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #666666 !important;
    border-color: #666666 !important;
}

/* Fix QR code and positioning on done.html page */
.transfer_link {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    margin: 5px 0 20px !important;
}

/* Move the entire section with Remaining Time and transfer_link higher */
.order_cont > div[data-key] {
    margin-top: -10px !important;
}

/* Remove white background from QR code */
.transfer_link_qr {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin-right: 18px !important;
    width: 150px !important;
    min-width: 150px !important;
    height: 150px !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    align-self: flex-start !important;
}

.transfer_link_qr.xl {
    width: 150px !important;
    min-width: 150px !important;
    height: 150px !important;
    padding: 0 !important;
    margin: 0 18px 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Make QR code canvas/content visible without white background */
.transfer_link_qr canvas,
.transfer_link_qr img {
    display: block !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Fix positioning of texts - move them higher and align properly */
.transfer_link .form_row {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
}

.transfer_link .form_label {
    text-align: left !important;
    display: block !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
}

.transfer_link .form_row {
    margin-top: -25px !important;
    position: relative !important;
    z-index: 10 !important;
}

.transfer_link .form_group {
    width: 100% !important;
    margin: -30px 0 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Remove white backgrounds from warning boxes on done.html */
.warning.info-warning {
    background: var(--black-secondary) !important;
    background-color: var(--black-secondary) !important;
    border: 1px solid var(--gold-primary) !important;
    color: var(--text-white) !important;
}

.warning.info-warning .warning_icon {
    color: var(--gold-primary) !important;
}

.warning.info-warning .warning_txt {
    color: var(--text-white) !important;
}

.warning.info-warning .warning_txt b {
    color: var(--text-gold) !important;
}

/* Remove white from loader on done.html */
.loader {
    background: transparent !important;
    background-color: transparent !important;
}

.loader_img {
    background: transparent !important;
    background-color: transparent !important;
}

.loader_txt {
    color: var(--text-gold) !important;
}

/* Ensure QR code has no white background */
.transfer_link_qr canvas {
    background: transparent !important;
    background-color: transparent !important;
}

/* Fix positioning of Order Status Link, My UniCode, Order ID sections */
.send_cols {
    margin: 5px 0 4px !important;
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
}

.form_cols {
    margin: -10px 0 0 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    position: relative !important;
    z-index: 10 !important;
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
}

.form_cols_item {
    width: 33.33% !important;
    padding: 0 20px !important;
    margin-bottom: 0 !important;
    margin-top: -5px !important;
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
}

.form_cols_item .form_label {
    margin-bottom: 3px !important;
    padding: 0 !important;
}

.form_cols_item .form_row {
    margin: -50px 0 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

.form_cols_item .form_group {
    margin: -55px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Remove white background from input fields - make them black */
.form_cols_item .form-control {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    color: var(--text-white) !important;
    padding: 8px 12px !important;
    margin: 0 !important;
}

.form_cols_item .form-control:focus {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
    border-color: var(--gold-primary) !important;
}

/* Also for transfer_link input field */
.transfer_link .form-control {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
    color: var(--text-white) !important;
}

.transfer_link .form-control:focus {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
    border-color: var(--gold-primary) !important;
}

.order_cont {
    background: var(--black-primary) !important;
    background-color: var(--black-primary) !important;
    background-image: none !important;
}

/* Remove any white backgrounds from order section */
.order {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
}

.section-order {
    background-color: var(--black-primary) !important;
    background: var(--black-primary) !important;
}

/* ============================================
   HEADER BUTTON - YELLOW TEXT BY DEFAULT, BLACK ON HOVER
   MUST BE AT THE END TO OVERRIDE ALL STYLES
   ============================================ */

/* Default state - YELLOW TEXT - Maximum specificity */
.header .header_btn .btn-bord,
.header .header_mob .btn-bord,
.header .header_btn a.btn-bord,
.header .header_mob a.btn-bord,
.header_btn .btn-bord,
.header .btn-bord,
.header_mob .btn-bord,
.header_btn a.btn-bord,
.header a.btn-bord,
.header_mob a.btn-bord {
    background: transparent !important;
    border: 2px solid #FFD700 !important;
    color: #FFD700 !important;
}

.header .header_btn .btn-bord,
.header .header_mob .btn-bord,
.header .header_btn a.btn-bord,
.header .header_mob a.btn-bord,
.header_btn .btn-bord,
.header .btn-bord,
.header_mob .btn-bord,
.header_btn a.btn-bord,
.header a.btn-bord,
.header_mob a.btn-bord,
.header .header_btn .btn-bord *,
.header .header_mob .btn-bord *,
.header .header_btn a.btn-bord *,
.header .header_mob a.btn-bord *,
.header_btn .btn-bord *,
.header .btn-bord *,
.header_mob .btn-bord *,
.header_btn a.btn-bord *,
.header a.btn-bord *,
.header_mob a.btn-bord *,
.header .header_btn .btn-bord span,
.header .header_mob .btn-bord span,
.header .header_btn a.btn-bord span,
.header .header_mob a.btn-bord span,
.header_btn .btn-bord span,
.header .btn-bord span,
.header_mob .btn-bord span,
.header_btn a.btn-bord span,
.header a.btn-bord span,
.header_mob a.btn-bord span,
.header .header_btn .btn-bord_txt,
.header .header_mob .btn-bord_txt,
.header .header_btn a.btn-bord .btn-bord_txt,
.header .header_mob a.btn-bord .btn-bord_txt,
.header_btn .btn-bord_txt,
.header .btn-bord_txt,
.header_mob .btn-bord_txt,
.header_btn a.btn-bord .btn-bord_txt,
.header a.btn-bord .btn-bord_txt,
.header_mob a.btn-bord .btn-bord_txt,
.header .header_btn .btn-bord .btn-bord_txt,
.header .header_mob .btn-bord .btn-bord_txt,
.header .header_btn a.btn-bord .btn-bord_txt,
.header .header_mob a.btn-bord .btn-bord_txt,
.header_btn .btn-bord .btn-bord_txt,
.header .btn-bord .btn-bord_txt,
.header_mob .btn-bord .btn-bord_txt,
.header_btn a.btn-bord .btn-bord_txt,
.header a.btn-bord .btn-bord_txt,
.header_mob a.btn-bord .btn-bord_txt {
    color: #FFD700 !important;
    -webkit-text-fill-color: #FFD700 !important;
    text-fill-color: #FFD700 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
}

/* Hover state - BLACK TEXT on YELLOW BACKGROUND */
.header .header_btn .btn-bord:hover,
.header .header_mob .btn-bord:hover,
.header .header_btn a.btn-bord:hover,
.header .header_mob a.btn-bord:hover,
.header_btn .btn-bord:hover,
.header .btn-bord:hover,
.header_mob .btn-bord:hover,
.header_btn a.btn-bord:hover,
.header a.btn-bord:hover,
.header_mob a.btn-bord:hover {
    background: #FFD700 !important;
    border-color: #FFD700 !important;
    color: #000000 !important;
}

.header .header_btn .btn-bord:hover,
.header .header_mob .btn-bord:hover,
.header .header_btn a.btn-bord:hover,
.header .header_mob a.btn-bord:hover,
.header_btn .btn-bord:hover,
.header .btn-bord:hover,
.header_mob .btn-bord:hover,
.header_btn a.btn-bord:hover,
.header a.btn-bord:hover,
.header_mob a.btn-bord:hover,
.header .header_btn .btn-bord:hover *,
.header .header_mob .btn-bord:hover *,
.header .header_btn a.btn-bord:hover *,
.header .header_mob a.btn-bord:hover *,
.header_btn .btn-bord:hover *,
.header .btn-bord:hover *,
.header_mob .btn-bord:hover *,
.header_btn a.btn-bord:hover *,
.header a.btn-bord:hover *,
.header_mob a.btn-bord:hover *,
.header .header_btn .btn-bord:hover span,
.header .header_mob .btn-bord:hover span,
.header .header_btn a.btn-bord:hover span,
.header .header_mob a.btn-bord:hover span,
.header_btn .btn-bord:hover span,
.header .btn-bord:hover span,
.header_mob .btn-bord:hover span,
.header_btn a.btn-bord:hover span,
.header a.btn-bord:hover span,
.header_mob a.btn-bord:hover span,
.header .header_btn .btn-bord:hover .btn-bord_txt,
.header .header_mob .btn-bord:hover .btn-bord_txt,
.header .header_btn a.btn-bord:hover .btn-bord_txt,
.header .header_mob a.btn-bord:hover .btn-bord_txt,
.header_btn .btn-bord:hover .btn-bord_txt,
.header .btn-bord:hover .btn-bord_txt,
.header_mob .btn-bord:hover .btn-bord_txt,
.header_btn a.btn-bord:hover .btn-bord_txt,
.header a.btn-bord:hover .btn-bord_txt,
.header_mob a.btn-bord:hover .btn-bord_txt {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-fill-color: #000000 !important;
}