/* VERSION: 041726-1 */

/**
 * Custom CSS Overrides
 * Add site-specific CSS customizations here
 * This file loads AFTER main.css and will override any conflicting styles
 * Do NOT edit main.css - add your custom styles here instead
 */

/* Example: Override button padding */
/*
.btn {
    padding: 15px 30px;
}
*/

/* Example: Custom header height */
/*
.main-header {
    height: 80px;
}
*/

/* Add your custom styles below this line */

@media (min-width: 1025px) {
    #logo-img {
        width: 246px;
        height: auto;
    }
}

.hero::after {
    background: linear-gradient(90deg,
                rgba(0, 0, 0, 0.85) 0%,
                rgba(0, 0, 0, 0.85) 30%,
                rgba(0, 0, 0, 0.0) 100%);
}

.header-nav,
.scroll-nav,
.tablet-header,
.mobile-header {
    border-bottom-color: var(--brand-color);
}

.trust-item {
    background: transparent;
    border-radius: 3px;
    color: #d4d4d4;
    border: 2px solid rgba(192, 192, 192, 0.5);
    letter-spacing: 0.6px;
    box-shadow: none;
    text-shadow: none;
}

.license-info {
    background: transparent;
    border-radius: 3px;
    color: var(--brand-color);
    border: 2px solid var(--brand-color);
    letter-spacing: 0.6px;
    box-shadow: none;
    text-shadow: none;
}

.btn {
    border-radius: 3px;
}

/* Ghost style secondary buttons */
.btn-secondary,
a.btn-secondary {
    background: transparent;
    border: 2px solid var(--brand-color);
    color: var(--brand-color);
}

.btn-secondary:hover,
a.btn-secondary:hover {
    background: var(--brand-color);
    color: var(--light-bg);
}

/* Ensure phone CTA button stays white */
.cta-phone-btn {
    color: white!important;
    border: 2px solid white!important;
}

/* Ensure back-to-top button retains link-blue background */
.back-to-top-btn {
    background-color: var(--link-blue);
    color: white;
    border: none;
}

.back-to-top-btn:hover {
    background-color: var(--link-blue-dark);
}