/* ELRC TRADING - Custom Brand Styles */
/* Brand Colors: Deep Navy Blue (#0a1628), Royal Blue (#1a3a6b), Gold (#c9a84c), Light Gold (#e8d5a0) */

:root {
    --elrc-navy: #0a1628;
    --elrc-blue: #1a3a6b;
    --elrc-blue-light: #264d8a;
    --elrc-gold: #c9a84c;
    --elrc-gold-light: #e8d5a0;
    --elrc-white: #ffffff;
    --elrc-gray: #f5f5f5;
    --elrc-text: #333333;
}

/* Primary button override */
.btn--primary,
.bg--primary {
    background: var(--elrc-blue) !important;
}
.btn--primary:hover {
    background: var(--elrc-blue-light) !important;
}
.btn--primary-1 {
    background: var(--elrc-gold) !important;
    color: var(--elrc-navy) !important;
}
.btn--primary-1:hover {
    background: var(--elrc-gold-light) !important;
    color: var(--elrc-navy) !important;
}

/* Gold accent button */
.btn--gold {
    background: var(--elrc-gold);
    color: var(--elrc-navy);
    border-radius: 4px;
    font-weight: 600;
}
.btn--gold:hover {
    background: var(--elrc-gold-light);
    color: var(--elrc-navy);
}

/* Navy background sections */
.bg--elrc-navy {
    background-color: var(--elrc-navy) !important;
}
.bg--elrc-blue {
    background-color: var(--elrc-blue) !important;
}
.bg--elrc-gold {
    background-color: var(--elrc-gold) !important;
}

/* Text colors */
.color--elrc-gold {
    color: var(--elrc-gold) !important;
}
.color--elrc-navy {
    color: var(--elrc-navy) !important;
}
.color--elrc-blue {
    color: var(--elrc-blue) !important;
}

/* Navigation bar styling */
.bar-1.bg--elrc-navy,
.bar-2.bg--elrc-navy {
    background-color: var(--elrc-navy) !important;
}

/* Hero section gradient overlay */
.elrc-hero-overlay {
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.92) 0%, rgba(26, 58, 107, 0.85) 100%);
}

/* Feature cards */
.feature.boxed.elrc-card {
    border-top: 3px solid var(--elrc-gold);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}
.feature.boxed.elrc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
/* Equal-height card columns */
.row-eq-height > [class*="col-"] {
    display: flex;
    flex-direction: column;
}
.row-eq-height > [class*="col-"] > .feature {
    flex: 1;
}

/* Footer override */
footer.bg--elrc-navy {
    background-color: var(--elrc-navy) !important;
}
footer .color--elrc-gold {
    color: var(--elrc-gold) !important;
}

/* Section divider with gold accent */
.elrc-divider {
    width: 60px;
    height: 3px;
    background: var(--elrc-gold);
    margin: 1em auto;
    display: block;
}

/* AUSTRAC badge styling */
.elrc-badge {
    display: inline-block;
    border: 2px solid var(--elrc-gold);
    border-radius: 8px;
    padding: 1.5em 2em;
    background: rgba(201, 168, 76, 0.05);
    text-align: center;
}
.elrc-badge h5 {
    color: var(--elrc-gold);
    margin-bottom: 0.5em;
}

/* Process steps */
.elrc-step {
    position: relative;
    padding-left: 60px;
    margin-bottom: 2em;
}
.elrc-step-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--elrc-gold);
    color: var(--elrc-navy);
    font-weight: 700;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Compliance info boxes */
.elrc-info-box {
    background: var(--elrc-gray);
    border-left: 4px solid var(--elrc-gold);
    padding: 1.5em;
    margin-bottom: 1em;
}

/* Legal document styling */
.legal-content h4 {
    color: var(--elrc-navy);
    margin-top: 2em;
    margin-bottom: 0.5em;
}
.legal-content p {
    color: #555;
    line-height: 1.8;
}

/* Logo text fallback */
.elrc-logo-text {
    font-size: 1.4em;
    font-weight: 700;
    color: var(--elrc-white);
    letter-spacing: 2px;
    text-decoration: none;
}
.elrc-logo-text span {
    color: var(--elrc-gold);
}
.elrc-logo-text:hover {
    color: var(--elrc-white);
    text-decoration: none;
}

/* Dark nav bar logo */
.bar .elrc-logo-text {
    font-size: 1.2em;
}
.bar .elrc-logo-dark {
    color: var(--elrc-navy);
}
.bar .elrc-logo-dark span {
    color: var(--elrc-gold);
}

/* Responsive fixes */
@media (max-width: 767px) {
    .elrc-step {
        padding-left: 50px;
    }
    .elrc-step-number {
        width: 36px;
        height: 36px;
        font-size: 1em;
    }
}