// LOGIN
// Remove default MemberPress margin/padding for slider fit
.mepr-login-form {
    margin: 0 auto !important;
    padding: 20px !important;
    max-width: 100%;
}

/* Style the input fields to be sleek */
.mepr-login-form input[type="text"], 
.mepr-login-form input[type="password"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: rgba(255,255,255,0.9);
}

/* Style the button to match a modern slider */
.mepr-login-form input[type="submit"] {
    width: 100%;
    padding: 12px;
    background-color: #0073aa; /* Change to your brand color */
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

/* Hide the "Remember Me" if it clutters the slide */
.mepr-login-remember {
    display: block;
    margin-bottom: 10px;
    color: #fff; /* Ensure text is visible on dark slides */
}






// PRODUCT
// Stack boxes horizontally and remove theme margins 
.mp_price_table {
    display: flex !important;
    gap: 15px;
    justify-content: center;
}

.mp_price_box {
    flex: 1;
    min-width: 200px;
    background: #fff;
    padding: 20px !important;
    border-radius: 8px;
    text-align: center;
}

/* Style the 'Select' button to match your slider buttons */
.mp_price_box .mepr-price-box-button a {
    background-color: #ff4500 !important; /* Your brand color */
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
}




// REGISTER
/* Make form fields full-width within the layer */
.mepr-signup-form input[type="text"], 
.mepr-signup-form input[type="email"],
.mepr-signup-form select {
    width: 100% !important;
    margin-bottom: 10px !important;
    padding: 8px !important;
}

/* Hide bulky "Legal" or "Instructions" text if space is tight */
.mepr-signup-form .mepr-instructions {
    display: none;
}




// ACCOUNT
/* Style the navigation tabs as a clean horizontal bar */
#mepr-account-nav {
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

#mepr-account-nav a {
    padding: 10px 15px;
    display: inline-block;
    color: #333;
    text-decoration: none;
}

#mepr-account-nav a.mepr-active-nav-tab {
    border-bottom: 3px solid #0073aa; /* Active highlight */
    font-weight: bold;
}

/* Slim down account tables for smaller slider widths */
.mepr-account-table td {
    padding: 5px !important;
    font-size: 14px;
}