/**
 * Naples Abodes Login Register Styles
 *
 * @package Naplesabodes_LR
 * @since 1.0.0
 */

/* Form Wrapper */
.naplesabodes-lr-form-wrapper {
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
}

/* Form */
.naplesabodes-lr-form {
	background: #3E7C17;
	padding: 30px;
	color: #ffffff;
}

.naplesabodes-lr-form a, 
.naplesabodes-lr-form a:hover{
	color: #ffffff;
}

/* Field Group */
.naplesabodes-lr-field-group {
	margin-bottom: 20px;
}

.naplesabodes-lr-field-group label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: #ffffff;
	font-size: 14px;
}

.naplesabodes-lr-checkbox-wrapper label {
    display: inline-block;
}

.naplesabodes-lr-field-group .required {
	color: #ffffff;
	margin-left: 3px;
}

/* Input Fields */
.naplesabodes-lr-input {
	width: 100%;
	padding: 12px;
	border: 1px solid #ffffff;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
}

.naplesabodes-lr-input:focus {
	outline: none;
}

.naplesabodes-lr-input.naplesabodes-lr-readonly {
	background-color: #f5f5f5;
	cursor: not-allowed;
}

.naplesabodes-lr-input.naplesabodes-lr-otp-input {
	text-align: center;
	font-size: 24px;
}

/* Error Messages */
.naplesabodes-lr-error {
	display: block;
	color: #ffffff;
	font-size: 12px;
	margin-top: 5px;
}

/* Hidden State */
.naplesabodes-lr-hidden {
	display: none !important;
}

/* Message Box */
.naplesabodes-lr-message {
	padding: 8px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 14px;
	display: none;
}

.naplesabodes-lr-message.naplesabodes-lr-success {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
	display: block;
	text-align: center;
}

.naplesabodes-lr-message.naplesabodes-lr-error {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
	display: block;
}

#naplesabodes-lr-terms-group {
  margin-top: 20px;
  margin-bottom: 0;
}

.naplesabodes-lr-terms-text {
	font-size: 14px;
	text-align: center;
}

.naplesabodes-lr-terms-text p {
    margin: 0;
}

/* Submit Button */
.naplesabodes-lr-button {
	width: 100%;
	padding: 14px;
	background-color: #fff;
	color: #3E7C17;
	border: none;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease;
	border: 2px solid #fff;
  }

.naplesabodes-lr-button:focus {
	outline: none;
}

.naplesabodes-lr-button:hover:not(:disabled) {
	background-color: #3E7C17;
  	color: #fff;
	border: 2px solid #ffffff !important;
}

naplesabodes-lr-button:disabled {
	background-color: #fff;
	cursor: not-allowed;
	color: #ddd;
  }

/* OTP Timer */
.naplesabodes-lr-otp-timer {
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
}

/* OTP Resend Link */
.naplesabodes-lr-otp-resend {
	text-align: center;
	margin-top: 15px;
}

.naplesabodes-lr-otp-resend a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

.naplesabodes-lr-otp-resend a:hover {
	text-decoration: underline;
}

.naplesabodes-lr-otp-resend a:disabled {
	color: #ccc;
	cursor: not-allowed;
	text-decoration: none;
}

/* Phone Input Styling */
.iti.iti--inline-dropdown,
.intl-tel-input {
	width: 100%;
}

.intl-tel-input .selected-flag {
	padding: 12px;
}

.intl-tel-input input {
	padding-left: 60px !important;
}

.iti__country-name {
	color: #999;
 }

.iti--inline-dropdown .iti__country-list {
	padding: 0 !important;
}

/* Logged In Message */
.naplesabodes-lr-logged-in-message {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 30px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.naplesabodes-lr-logged-in-text {
	font-size: 16px;
	color: #333;
	margin-bottom: 15px;
	line-height: 1.6;
}

.naplesabodes-lr-account-link {
	color: #3E7C17;
	text-decoration: none;
	font-weight: 600;
	margin-left: 5px;
	transition: color 0.3s ease;
}

.naplesabodes-lr-account-link:hover {
	color: #2d5a11;
	text-decoration: underline;
}

.naplesabodes-lr-redirect-notice {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}

.naplesabodes-lr-redirect-notice #naplesabodes-lr-countdown {
	font-weight: 600;
	color: #3E7C17;
}

/* Profile Form - Inverse Styling (White Background, Green Labels/Borders) */
.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-form {
	background: #ffffff;
	color: #333333;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-form a,
.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-form a:hover {
	color: #3E7C17;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-field-group label {
	color: #3E7C17;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-field-group .required {
	color: #3E7C17;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-input {
	border: 1px solid #3E7C17;
	color: #333333;
	background-color: #ffffff;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-input:focus {
	border-color: #2d5a11;
	outline: none;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-error {
	color: #dc3232;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-button {
	background-color: #3E7C17;
	color: #ffffff;
	border: 2px solid #3E7C17;
}

.naplesabodes-lr-profile-form-wrapper .naplesabodes-lr-button:hover:not(:disabled) {
	background-color: #2d5a11;
	border-color: #2d5a11;
	color: #ffffff;
}

/* Radius Class */
.naplesabodes-lr-form-wrapper.naplesabodes-lr-radius .naplesabodes-lr-form {
	border-radius: 6px;
}

/* Border Classes */
.naplesabodes-lr-form-wrapper.naplesabodes-lr-border-white .naplesabodes-lr-form {
	border: 2px solid #ffffff;
}

.naplesabodes-lr-form-wrapper.naplesabodes-lr-border-green .naplesabodes-lr-form {
	border: 2px solid #3E7C17;
}

#naplesabodes-lr-delete-button {
	background: #fff;
	color: #b81f1f;
	border: 2px solid #b81f1f;
}

#naplesabodes-lr-delete-button:hover:not(:disabled) {
	background: #b81f1f;
	color: #fff;
}

#naplesabodes-lr-delete-button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.naplesabodes-lr-delete-wrapper .naplesabodes-lr-checkbox-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 15px;
}

.naplesabodes-lr-delete-wrapper .naplesabodes-lr-checkbox-wrapper input[type="checkbox"] {
	margin-top: 3px;
	flex-shrink: 0;
	cursor: pointer;
}

.naplesabodes-lr-delete-wrapper .naplesabodes-lr-checkbox-wrapper span {
	font-size: 14px;
	line-height: 1.5;
	color: #b81f1f;
  }

/* Responsive Design */
@media (max-width: 600px) {
	.naplesabodes-lr-form-wrapper {
		padding: 10px;
	}

	.naplesabodes-lr-form {
		padding: 20px;
	}

	.naplesabodes-lr-input.naplesabodes-lr-otp-input {
		font-size: 20px;
	}
}