.elementor-2844 .elementor-element.elementor-element-4e1b6518{--display:flex;}@media(max-width:1024px){.elementor-2844 .elementor-element.elementor-element-4e1b6518{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for container, class: .elementor-element-4e1b6518 *//*
 * Glassy WordPress Registration Form CSS
 *
 * This CSS provides a sleek, semi-transparent "glassy" effect
 * to your WordPress registration form elements.
 *
 * How to use:
 * 1. Go to your WordPress Dashboard.
 * 2. Navigate to Appearance > Customize > Additional CSS.
 * 3. Copy and paste this entire code into the Additional CSS box.
 * 4. Publish your changes.
 *
 * Adjust colors and values as needed to match your theme.
 */

/* Target the main form container (you might need to adjust this .elementor-2844 .elementor-element.elementor-element-4e1b6518 based on your theme/plugin) */
/* Common .elementor-2844 .elementor-element.elementor-element-4e1b6518s for WordPress forms include .wp-block-forms, .gform_wrapper, .um-form, .register */
/* If this doesn't work, inspect your form using browser developer tools to find the correct parent .elementor-2844 .elementor-element.elementor-element-4e1b6518. */
.wp-block-forms,
form.register,
.gform_wrapper,
.um-form,
#registerform, /* Default WordPress registration form ID */
.woocommerce-form-register {
    background: rgba(255, 255, 255, 0.1); /* Very subtle white background */
    backdrop-filter: blur(10px); /* Frosted glass effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari support */
    border-radius: 15px; /* Rounded corners for the form container */
    padding: 30px; /* Internal spacing */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); /* Soft shadow */
    border: 1px solid rgba(255, 255, 255, 0.18); /* Subtle border */
    max-width: 500px; /* Max width for better presentation */
    margin: 40px auto; /* Center the form on the page with some top/bottom margin */
    font-family: 'Inter', sans-serif; /* Using Inter font, ensure it's loaded by your theme */
}

/* Style for labels */
.wp-block-forms label,
form.register label,
.gform_wrapper label,
.um-form label,
#registerform label,
.woocommerce-form-register label {
    color: #333; /* Darker text for readability */
    font-weight: 600;
    margin-bottom: 8px;
    display: block; /* Ensure labels are on their own line */
}

/* Style for all input fields and text areas */
.wp-block-forms input[type="text"],
.wp-block-forms input[type="email"],
.wp-block-forms input[type="password"],
.wp-block-forms input[type="tel"],
.wp-block-forms textarea,
form.register input[type="text"],
form.register input[type="email"],
form.register input[type="password"],
form.register textarea,
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.um-form input[type="text"],
.um-form input[type="email"],
.um-form input[type="password"],
.um-form textarea,
#registerform input[type="text"],
#registerform input[type="email"],
#registerform input[type="password"],
.woocommerce-form-register input[type="email"],
.woocommerce-form-register input[type="password"] {
    width: 100%; /* Full width */
    padding: 12px 15px; /* Comfortable padding */
    margin-bottom: 15px; /* Space below fields */
    background: rgba(255, 255, 255, 0.2); /* Semi-transparent white background */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Subtle light border */
    border-radius: 8px; /* Slightly rounded corners */
    color: #333; /* Text color */
    font-size: 16px;
    outline: none; /* Remove default outline */
    transition: all 0.3s ease; /* Smooth transition for focus */
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05); /* Very subtle inner shadow */
}

/* Style for input fields and text areas on focus */
.wp-block-forms input[type="text"]:focus,
.wp-block-forms input[type="email"]:focus,
.wp-block-forms input[type="password"]:focus,
.wp-block-forms input[type="tel"]:focus,
.wp-block-forms textarea:focus,
form.register input[type="text"]:focus,
form.register input[type="email"]:focus,
form.register input[type="password"]:focus,
form.register textarea:focus,
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.um-form input[type="text"]:focus,
.um-form input[type="email"]:focus,
.um-form input[type="password"]:focus,
.um-form textarea:focus,
#registerform input[type="text"]:focus,
#registerform input[type="email"]:focus,
#registerform input[type="password"]:focus,
.woocommerce-form-register input[type="email"]:focus,
.woocommerce-form-register input[type="password"]:focus {
    background: rgba(255, 255, 255, 0.3); /* Slightly less transparent on focus */
    border-color: rgba(255, 255, 255, 0.6); /* More visible border on focus */
    box-shadow: 0 0 0 3px rgba(100, 150, 255, 0.3); /* Soft blue glow on focus */
}

/* Placeholder text style */
.wp-block-forms input::placeholder,
form.register input::placeholder,
.gform_wrapper input::placeholder,
.um-form input::placeholder,
#registerform input::placeholder,
.woocommerce-form-register input::placeholder,
.wp-block-forms textarea::placeholder,
form.register textarea::placeholder,
.gform_wrapper textarea::placeholder,
.um-form textarea::placeholder {
    color: rgba(51, 51, 51, 0.6); /* Lighter placeholder text */
}

/* Style for the submit button */
.wp-block-forms input[type="submit"],
.wp-block-forms button[type="submit"],
form.register button[type="submit"],
.gform_wrapper .gform_button,
.um-form input[type="submit"],
#registerform input[type="submit"],
.woocommerce-form-register button[type="submit"] {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, rgba(100, 150, 255, 0.8), rgba(0, 70, 200, 0.8)); /* Gradient background */
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Soft shadow for button */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Hover and active states for the submit button */
.wp-block-forms input[type="submit"]:hover,
.wp-block-forms button[type="submit"]:hover,
form.register button[type="submit"]:hover,
.gform_wrapper .gform_button:hover,
.um-form input[type="submit"]:hover,
#registerform input[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:hover {
    background: linear-gradient(135deg, rgba(0, 70, 200, 0.9), rgba(100, 150, 255, 0.9)); /* Inverted gradient on hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px); /* Slight lift effect */
}

.wp-block-forms input[type="submit"]:active,
.wp-block-forms button[type="submit"]:active,
form.register button[type="submit"]:active,
.gform_wrapper .gform_button:active,
.um-form input[type="submit"]:active,
#registerform input[type="submit"]:active,
.woocommerce-form-register button[type="submit"]:active {
    transform: translateY(0); /* Press down effect */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Error messages/validation styling (adjust .elementor-2844 .elementor-element.elementor-element-4e1b6518s as needed) */
.gform_validation_errors,
.woocommerce-error,
.um-field-error {
    background: rgba(255, 0, 0, 0.1);
    color: #a00;
    border: 1px solid rgba(255, 0, 0, 0.3);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Success messages (adjust .elementor-2844 .elementor-element.elementor-element-4e1b6518s as needed) */
.gform_confirmation_message,
.woocommerce-message {
    background: rgba(0, 255, 0, 0.1);
    color: #080;
    border: 1px solid rgba(0, 255, 0, 0.3);
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Ultimate Member Account Page Specific Styles for Layout Issue */
/* These rules aim to separate the navigation and content area */
.um-account {
    display: flex; /* Use flexbox for horizontal layout */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
    gap: 30px; /* Space between navigation and content */
    max-width: 1000px; /* Adjust max width for the entire account page */
    margin: 40px auto; /* Center the whole account section */
    padding: 20px; /* Padding for the overall account container */
    background: rgba(255, 255, 255, 0.1); /* Match glassy background */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.um-account-nav {
    flex: 0 0 200px; /* Fixed width for the navigation sidebar */
    /* Add specific styles for the navigation links if needed */
    padding: 20px 0; /* Vertical padding for the nav */
}

.um-account-main {
    flex: 1; /* Take remaining space */
    min-width: 300px; /* Ensure content doesn't shrink too much */
    padding: 20px; /* Padding for the main content area */
    background: rgba(255, 255, 255, 0.2); /* Slightly more opaque background for content */
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .um-account {
        flex-direction: column; /* Stack navigation and content vertically */
        gap: 20px;
        padding: 15px;
    }

    .um-account-nav {
        flex: auto; /* Allow nav to take full width */
        width: 100%; /* Full width for nav */
        padding: 0; /* Remove horizontal padding */
        text-align: center; /* Center nav items if desired */
    }

    .um-account-nav ul {
        display: flex; /* Make nav items inline */
        flex-wrap: wrap;
        justify-content: center;
        list-style: none; /* Remove bullet points */
        padding: 0;
        margin: 0;
    }

    .um-account-nav li {
        margin: 5px 10px; /* Spacing between inline nav items */
    }

    .um-account-main {
        padding: 15px; /* Reduce padding for content area */
        min-width: unset; /* Remove min-width constraint */
    }

    .wp-block-forms,
    form.register,
    .gform_wrapper,
    .um-form,
    #registerform,
    .woocommerce-form-register {
        padding: 20px; /* Reduce padding on small screens */
        margin: 20px; /* Adjust margin */
    }

    .wp-block-forms input[type="submit"],
    .wp-block-forms button[type="submit"],
    form.register button[type="submit"],
    .gform_wrapper .gform_button,
    .um-form input[type="submit"],
    #registerform input[type="submit"],
    .woocommerce-form-register button[type="submit"] {
        font-size: 16px; /* Smaller font for button */
        padding: 12px 15px;
    }
}/* End custom CSS */