/**
 * WooCommerce Integration Styles for Referral Tracker
 * 
 * @package ReferralTracker
 * @since 1.0.3
 */

/* Dashicon for referral menu item using multiple selector approaches */
.woocommerce-MyAccount-navigation-link--referral a:before,
.woocommerce-MyAccount-navigation li a[href*="referral"]:before,
.woocommerce-MyAccount-navigation li[class*="referral"] a:before,
nav.woocommerce-MyAccount-navigation li a[href*="referral"]:before {
    content: "\E0A1" !important;
    font-family: "ETModules", "ET-Modules", ETModules !important;
    margin-right: 0.5em !important;
    font-size: 17px !important;
    color: #515151 !important;
    display: inline-block !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Ensure referral content is centered */
.woocommerce-MyAccount-content.referral-tracker-content {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    float: none !important;
    clear: both;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}