/* AltraxOTT: shiny golden theme (site-wide). Turns the flat yellow into a rich metallic gold. */
:root {
    --altrax-gold-1: #fff3c4;   /* highlight */
    --altrax-gold-2: #f6d365;   /* light gold */
    --altrax-gold-3: #e6b800;   /* core gold */
    --altrax-gold-4: #bf953f;   /* deep gold */
    --altrax-gold-5: #8a6d1d;   /* shadow gold */
    --altrax-gold: #e6b800;
    --altrax-gold-gradient: linear-gradient(135deg, #fbf5b7 0%, #f6d365 18%, #e6b800 42%, #bf953f 68%, #fcf6ba 100%);
    --altrax-gold-gradient-hover: linear-gradient(135deg, #fff6c9 0%, #ffdf7e 20%, #f2c200 45%, #d4a640 70%, #fff6c9 100%);
}

/* Re-map the theme yellow/gold tokens to the rich gold */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-yellow: var(--altrax-gold-3);
    --bs-warning: var(--altrax-gold-3);
    --bs-primary: var(--altrax-gold-3);
    --bs-primary-rgb: 230, 184, 0;
    --bs-link-color: var(--altrax-gold-3);
    --bs-link-hover-color: var(--altrax-gold-2);
}

/* Text / accents that were yellow -> shiny gold with metallic sheen */
.text-primary,
.text-warning,
.text-gold,
a.text-primary,
.rating i,
.star-rating i,
.fa-star,
.badge-gold {
    color: var(--altrax-gold-3) !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

/* Headings/prices that use gold get a metallic gradient text */
.altrax-gold-text,
.price .amount,
.plan-price .amount {
    background: var(--altrax-gold-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--altrax-gold-3);
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .3));
}

/* Primary/gold buttons -> shiny metallic gold */
.btn-primary,
.btn-warning,
.btn-gold,
button.btn-primary,
.btn.btn-primary {
    background: var(--altrax-gold-gradient) !important;
    border: 1px solid var(--altrax-gold-4) !important;
    color: #1a1300 !important;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(191, 149, 63, .35), inset 0 1px 0 rgba(255, 255, 255, .55);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    transition: filter .2s ease, box-shadow .2s ease, transform .05s ease;
}

.btn-primary:hover,
.btn-warning:hover,
.btn-gold:hover,
button.btn-primary:hover,
.btn.btn-primary:hover {
    background: var(--altrax-gold-gradient-hover) !important;
    border-color: var(--altrax-gold-3) !important;
    color: #1a1300 !important;
    box-shadow: 0 4px 14px rgba(230, 184, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .7);
}

.btn-primary:active,
.btn.btn-primary:active {
    transform: translateY(1px);
}

/* Outline gold */
.btn-outline-primary,
.btn-outline-warning {
    color: var(--altrax-gold-3) !important;
    border-color: var(--altrax-gold-4) !important;
}
.btn-outline-primary:hover,
.btn-outline-warning:hover {
    background: var(--altrax-gold-gradient) !important;
    color: #1a1300 !important;
    border-color: var(--altrax-gold-3) !important;
}

/* Badges / chips that were yellow */
.badge.bg-primary,
.badge.bg-warning,
.badge-primary {
    background: var(--altrax-gold-gradient) !important;
    color: #1a1300 !important;
    border: 1px solid var(--altrax-gold-4);
}

/* Active nav / tabs / underlines */
.nav-link.active,
.nav-pills .nav-link.active,
.active > .nav-link {
    color: var(--altrax-gold-3) !important;
}

/* Borders / dividers that used the accent */
.border-primary,
.border-warning {
    border-color: var(--altrax-gold-4) !important;
}

/* Backgrounds using the accent */
.bg-primary,
.bg-warning {
    background: var(--altrax-gold-gradient) !important;
    color: #1a1300 !important;
}

/* Form controls focus ring in gold */
.form-control:focus,
.form-select:focus {
    border-color: var(--altrax-gold-3);
    box-shadow: 0 0 0 .2rem rgba(230, 184, 0, .25);
}

/* Range/progress accents */
.progress-bar {
    background: var(--altrax-gold-gradient) !important;
}