.elementor-945790 .elementor-element.elementor-element-00683db{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-945790 .elementor-element.elementor-element-00683db:not(.elementor-motion-effects-element-type-background), .elementor-945790 .elementor-element.elementor-element-00683db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-f077b5f *//*
 * Styling for the Custom Affiliate Dashboard - FINAL VERSION
 * - Heading: Black, Bold, Large
 * - Font: Ansata Mark Pro
 * - Font Size: Slightly bigger
 * - Footer Total: Custom alignment
 */

/* Main container - SETS THE FONT FOR THE ENTIRE DASHBOARD */
.custom-affiliate-dashboard {
    font-family: "Ansata Mark Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #212529; 
    border: 1px solid #dee2e6; 
    padding: 25px;
    border-radius: 15px;
    background: #ffffff; 
}

/* HEADING STYLES */
.custom-affiliate-dashboard h1 {
    font-family: "Ansata Mark Pro" !important;
    margin-top: 0;
    border-bottom: 2px solid #333; 
    padding-bottom: 25px !important;
    font-size: 24px; 
    font-weight: bold; 
    text-align: center;
}

/* Main table styles */
.custom-affiliate-dashboard table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5em;
    font-size: 15px; 
}

/* Table header styles */
.custom-affiliate-dashboard thead th {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    padding: 14px 15px; 
    text-align: center; 
    font-weight: 600; 
    color: #495057; 
}

/* Table body cell styles */
.custom-affiliate-dashboard tbody td {
    padding: 15px;
    border-bottom: 1px solid #dee2e6;
    text-align: center; 
}

.custom-affiliate-dashboard tbody tr:hover {
    background-color: #e9ecef; 
}

/* Commission column styles */
.custom-affiliate-dashboard .commission-column {
    font-weight: 600;
    color: #198754; /* Accent Green */
    font-size: 16px; 
}

/* FOOTER STYLES - Final Alignment */
.custom-affiliate-dashboard tfoot .total-label {
    text-align: right; /* This stays on the right */
    font-weight: bold;
    font-size: 18px; 
    padding: 15px;
    padding-right: 10px; 
    border-top: 2px solid #dee2e6;
}

.custom-affiliate-dashboard tfoot .total-commission {
    text-align: center; /* CHANGED to center */
    font-weight: bold;
    font-size: 20px; 
    padding: 15px;
    border-top: 2px solid #dee2e6;
    color: #198754; /* Accent Green */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a08658a *//* ===== FULL PAGE CENTERING ===== */
.wcusage-login-form-cols {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70vh;
}

/* ===== LOGIN BOX ===== */
.wcusage-login-form-col,
.wcu-form-section {
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.08);
}

/* ===== TITLE ===== */
.wcusage-login-form-title {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}

/* ===== INPUT FIELDS ===== */
.woocommerce-form-login input.input-text {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    font-size: 14px;
}

/* ===== BUTTON ===== */
.woocommerce-form-login__submit {
    width: 100%;
    background: #000;
    color: #fff;
    padding: 12px;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s;
}

.woocommerce-form-login__submit:hover {
    background: #333;
}

/* ===== REMEMBER ME ===== */
.woocommerce-form-login__rememberme {
    font-size: 13px;
}

/* ===== LOST PASSWORD ===== */
.lost_password {
    text-align: center;
    margin-top: 12px;
}

/* ===== REMOVE CLUTTER ===== */
.wcu-user-coupon-title,
.wcu-user-coupon-linebreak {
    display: none !important;
}

/* ===== BACKGROUND (optional premium look) ===== */
body {
    background: linear-gradient(135deg, #f5f7fa, #e4e7ec);
}/* End custom CSS */