/* 
 * Custom Styles for Affirm Funding Widget Buttons
 * Target: MATCH SITE THEME 
 * Gold: #C99B40 (Generalized Gold)
 * Dark Blue: #162347 
 */

/* Force override by targeting body or parent ID if possible */
body .nav.tab-pricing {
    border-color: #C99B40 !important;
    /* Gold Border for Main Container */
}

/* Specificity Bump: Active Button Background & Border */
body .nav-item.nav-pricing.active {
    background-color: #C99B40 !important;
    border-color: #C99B40 !important;
}

/* Specificity Bump: Active Link Text */
body .nav-item.nav-pricing.active .nav-link {
    color: #162347 !important;
    /* Dark Blue Text on Gold Background */
    background-color: transparent !important;
    /* Remove any Bootstrap/Theme grey background */
}

/* Specificity Bump: Inactive Link Text */
body .nav-item.nav-pricing .nav-link {
    color: #C99B40 !important;
    /* Gold Text on White/Transparent Background */
}

/* Hover Effects */
body .nav-item.nav-pricing:hover {
    background-color: rgba(201, 155, 64, 0.1) !important;
}

body .nav-item.nav-pricing:hover .nav-link {
    color: #162347 !important;
}

/* FIX: Remove unwanted grey background from external styles (.x .nav > li > a:hover) */
body .x .nav>li>a:hover,
body .x .nav>li>a:focus,
body .nav-item.nav-pricing .nav-link:hover,
body .nav-item.nav-pricing .nav-link:focus {
    background-color: transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
}