/* ===================================================================================

* Theme Name: EdCare Child
* Theme URI: https://wp.rrdevs.net/edcare/
* Author: RRDevs
* Author URI: https://themeforest.net/user/rrdevs
* Description: EdCare - Education & Online Course WordPress Theme
* Version: 1.0.6
* Tested up to: 6.7
* Requires PHP: 7.4
* Template: edcare
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* member pro from css styling */

/* Turn the whole list into a flex layout */
form#pms_register-form ul {
    display: flex;
	
    
}



/* Make PMS form flex container */
#pms_register-form.pms-form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* Left section (all fields except membership/payment) */
#pms_register-form .pms-account-section-wrapper {
  flex: 0 0 65%;
  max-width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Each input field styling */
.pms-account-section-wrapper li.pms-field {
  flex: 0 0 48%;
  list-style: none;
}

.pms-account-section-wrapper li.pms-pass1-field,
.pms-account-section-wrapper li.pms-pass2-field,
.pms-account-section-wrapper li.pms-user-login-field,
.pms-account-section-wrapper li.pms-user-email-field {
  flex: 0 0 100%;
}

/* Right section: Membership plan and payment */
.pms-field-subscriptions {
  flex: 0 0 30%;
  max-width: 30%;
  list-style: none;
  background: #f9f9f9;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-sizing: border-box;
}

/* Input fields */
.pms-field input[type="text"],
.pms-field input[type="password"],
.pms-field input[type="email"] {
  width: 100%;
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-top: 5px;
  box-sizing: border-box;
}

/* Membership plan text styling */
.pms-subscription-plan-name {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

.pms-subscription-plan-price {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #333;
}

.pms-subscription-plan-description {
  font-size: 13px;
  color: #777;
}

/* Payment section spacing */
#pms-paygates-wrapper {
  margin-top: 20px;
}

#pms-paygates-wrapper h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

/* Radio buttons for pay method */
.pms-paygate-name {
  margin-left: 8px;
}

/* Submit button style */
.pms-form-submit {
  margin-top: 30px;
  padding: 12px 20px;
  width: 100%;
  background-color: #0073aa;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.pms-form-submit:hover {
  background-color: #005f8d;
}

li.pms-field.pms-field-subscriptions {
    margin-left: 20px;
}

@media (max-width: 768px) {
  #pms_register-form.pms-form {
    flex-direction: column;
  }

  #pms_register-form .pms-account-section-wrapper,
  .pms-field-subscriptions {
    flex: 0 0 100%;
    max-width: 100%;
  }
}