/* Basic Tab Styling */
.mpm-tabs {
    display: flex;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}
.tab-link {
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    cursor: pointer;
    text-align: center;
    border-bottom: none;
    margin-right: 2px;
}
.tab-link.active {
    background-color: #fff;
    font-weight: bold;
    /* Ensure the active tab overlays the bottom border */
    margin-bottom: -1px; 
}
.tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
}
.tab-content.active {
    display: block;
}

/* --- NEW: Hide default WC Password Reset Link --- */
.mpm-auth-container .woocommerce-LostPassword {
    display: none;
}

/* --- NEW: Style the wrapper for our custom reset form --- */
.mpm-password-reset-wrapper {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
}


/* Two-Column Layout for Forms */
.mpm-form-row-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 2%; /* Creates space between columns */
}
.mpm-form-column {
    flex: 1;
    min-width: 250px; /* Prevents columns from getting too narrow */
}

/* Centered Layout for Phone/Password */
.mpm-form-row-centered {
    margin-left: auto;
    margin-right: auto;
}

/* Phone field layout */
.phone-fields {
    margin-top: 15px;
}
.phone-fields select {
    display: inline-block;
    margin-right: 2%;
}
.phone-fields input[type="tel"] {
    display: inline-block;
}

/* Messaging */
.mpm-form-messages .error {
    color: #a94442;
    background-color: #f2dede;
    padding: 10px;
    border: 1px solid #ebccd1;
    margin-bottom: 15px;
}
.mpm-form-messages .success {
    color: #3c763d;
    background-color: #dff0d8;
    padding: 10px;
    border: 1px solid #d6e9c6;
     margin-bottom: 15px;
}

/* Password Toggle */
.password-wrapper {
    position: relative;
}
.password-toggle {
    cursor: pointer;
    position: relative;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    color: #007cba;
    user-select: none;
}

/* Readonly address fields (Immutable) */
input[readonly] {
    background-color: #eee;
    color: #555;
}

.otp-timer {
    font-size: 0.9em;
    color: #333;
}

.otp-section {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}

/* Service PIN Shortcode Styling */
.mpm-service-pin {
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    font-size: 1.1em;
}

input,
select{ 
    width: 100%;
    padding: 8px;
    box-sizing: border-box; /* Ensures padding doesn't affect width */
    height: 40px; /* Set a fixed height for alignment */
    border: 1px solid #ddd;
    border-radius: 4px;
	background-color: #fff;
	color: #5d6532;
}

select[name=phone_code]{
  width: auto; 
}

input[type=password],
#reg_password_private,
#reg_password_confirm_private{
  width: auto;
}

input[type=tel]{
  width: auto !important;
}

input[type=password]{
  width: auto;
}

input[type=checkbox],
input[type=radio] {
	height: 16px;
	width: 16px;
	margin-right: 4px;
}
label{
  font-size: 1.2rem;
}