body.elementor-page-428:not(.elementor-motion-effects-element-type-background), body.elementor-page-428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://staging.peakfitnesspros.com/wp-content/uploads/2026/03/sleds-1.jpg");background-position:-58px -800px;background-repeat:no-repeat;background-size:cover;}@media(min-width:1025px){body.elementor-page-428:not(.elementor-motion-effects-element-type-background), body.elementor-page-428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){body.elementor-page-428:not(.elementor-motion-effects-element-type-background), body.elementor-page-428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){body.elementor-page-428:not(.elementor-motion-effects-element-type-background), body.elementor-page-428 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS *//* --- BuddyBoss Form Container (Superlist Style) --- */
#buddypress #signup_form {
    background-color: #1a1a1a; /* Dark card background */
    padding: 40px;
    border-radius: 12px;
    max-width: 500px; /* Keeps the form from getting too wide */
    margin: 0 auto;
    border: 1px solid #333; /* Subtle border */
    color: #ffffff !important; /* Forces general paragraph and span text to be white */
}

/* --- Headings & Descriptions --- */
#buddypress #signup_form h1,
#buddypress #signup_form h2,
#buddypress #signup_form h3,
#buddypress #signup_form h4,
#buddypress #signup_form p,
#buddypress #signup_form span {
    color: #ffffff !important; /* Prevents theme from making form headings dark */
}

/* --- Labels --- */
#buddypress #signup_form label {
    color: #ffffff !important; /* Changed to pure white and forced priority */
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

/* --- Input Fields (Dark & Sleek) --- */
/* Added textarea and select so bio fields and dropdowns match */
#buddypress #signup_form input[type="text"],
#buddypress #signup_form input[type="email"],
#buddypress #signup_form input[type="password"],
#buddypress #signup_form input[type="tel"],
#buddypress #signup_form textarea,
#buddypress #signup_form select {
    background-color: #2a2a2a !important; /* Dark input background */
    color: #ffffff !important; /* Typed text color */
    border: 1px solid #333 !important;
    border-radius: 8px;
    padding: 14px 16px;
    width: 100%;
    font-size: 15px;
    transition: all 0.3s ease;
    box-sizing: border-box;
    margin-bottom: 20px; /* Spacing between fields */
}

/* --- Placeholder Text (The gray text BEFORE you type) --- */
#buddypress #signup_form input::placeholder,
#buddypress #signup_form textarea::placeholder {
    color: #bbbbbb !important; /* Light gray so it shows up on dark backgrounds */
    opacity: 1; /* Fixes a transparency bug in Firefox */
}

/* --- Input Focus State (Cyan Accent) --- */
#buddypress #signup_form input[type="text"]:focus,
#buddypress #signup_form input[type="email"]:focus,
#buddypress #signup_form input[type="password"]:focus,
#buddypress #signup_form input[type="tel"]:focus,
#buddypress #signup_form textarea:focus,
#buddypress #signup_form select:focus {
    border-color: #00ffff !important; /* Your Peak Fitness Cyan */
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 255, 255, 0.2);
}

/* --- Two-Column Layout for First & Last Name --- */
.field_first-name, 
.field_last-name {
    display: inline-block;
    width: 48%;
}
.field_last-name {
    float: right;
}

/* --- Radio Buttons & Checkboxes --- */
#buddypress #signup_form .radio label,
#buddypress #signup_form .checkbox label {
    display: inline-block;
    margin-right: 15px;
    font-weight: normal;
    color: #ffffff !important; /* Changed to white */
}

/* --- Submit Button (Cyan, Full Width) --- */
#buddypress #signup_form input[type="submit"] {
    background-color: #00ffff !important; /* Cyan accent */
    color: #000000 !important; /* Dark text for contrast */
    border: none;
    border-radius: 8px;
    padding: 16px;
    width: 100%; /* Full width like Superlist */
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    margin-top: 10px;
}

#buddypress #signup_form input[type="submit"]:hover {
    background-color: #00cccc !important; /* Slightly darker cyan on hover */
    transform: translateY(-1px);
}

/* Terms and Conditions text */
#buddypress #signup_form .legal-acceptance-label {
    font-size: 13px;
    color: #dddddd !important; /* Made lighter so it's readable */
}
#buddypress #signup_form .legal-acceptance-label a {
    color: #000000 !important;
    text-decoration: none;
}

/* Center the BuddyBoss login/register page */
.buddypress-wrap .register,
.buddypress-wrap .login {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

/* The bubble/card container */
.buddypress-wrap form#signup-form,
.buddypress-wrap form#loginform {
 background: linear-gradient(135deg, #e06aa3 0%, #7a5aa6 50%, #2f4fa8 100%);
    padding: 40px;
    border-radius: 18px;
    max-width: 450px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.06);
}

/* Title styling */
.buddypress-wrap h2,
.buddypress-wrap h1 {
    text-align: center;
    margin-bottom: 25px;
}

/* Make buttons full width */
.buddypress-wrap button,
.buddypress-wrap input[type="submit"] {
    width: 100%;
    border-radius: 8px;
}

/* BuddyBoss Registration Form Text */
#register-page,
#register-page * {
  color: #000 !important;
}

/* Make BuddyBoss registration radio buttons inline */
#buddypress form#signup-form .register-section input[type="radio"] {
    display: inline-block;      /* keep radio buttons inline */
    margin-right: 8px;          /* space between button and label */
}

/* Make BuddyBoss registration radio buttons inline */
#buddypress form#signup-form .register-section input[type="radio"] {
    display: inline-block;      /* keep radio buttons inline */
    margin-right: 8px;          /* space between button and label */
}

/* Inline radio buttons for BuddyBoss registration, neatly aligned */
#buddypress form#signup-form .register-section label {
    display: flex;               /* use flex to align button + label */
    align-items: center;         /* vertical align with the text */
    margin-right: 20px;          /* space between options */
    margin-bottom: 10px;         /* space between rows if multiple */
    cursor: pointer;             /* makes whole label clickable */
}

/* Make BuddyBoss registration radio buttons inline */
#buddypress form#signup-form .register-section input[type="radio"] {
    display: inline-block;      /* keep radio buttons inline */
    margin-right: 8px;          /* space between button and label */
}

#buddypress form#signup-form .register-section label {
    display: inline-block;      /* keep labels inline */
    margin-right: 40px;         /* space between options *//* End custom CSS */