/* Default positioning */
.select2-selection {
    position: relative;
}

/* Icon style */
.wr-validation-icon {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none;
}

/* Red error border */
.wr-error {
    border: 1px solid #ff2d55 !important;
}

/* Green success border */
/* .wr-success {
    border: 2px solid #28a745 !important;
} */

/* Icon colors */
.wr-error-icon {
    color: #ff2d55;
}

.wr-success-icon {
    color: #28a745;
}
/* Red + Green Border */
.wr-error {
    border: 1px solid #e74c3c !important;
}
/* .wr-success {
    border: 2px solid #2ecc71 !important;
} */

/* Icons */
.wr-validation-icon {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
}
.wr-error-icon { color: #e74c3c; }
.wr-success-icon { color: #2ecc71; }

/* Keep Select2 clean */
.select2-selection {
    position: relative;
}
.wr-employer-select {
    position: relative;
}


.input-error {
    border: 1px solid #e74c3c !important;
    border-radius: 6px !important;
}
.error-text {
    color: #e74c3c;
    font-size: 13px;
    margin-top: 4px;
}

.wr-employer-select{
	border-radius:10px 10px;
}

/* .loader, .loading, .spinner, .ajax-loader {
  display: none !important;
  visibility: hidden !important;
} */


.wr-error {
    border: 1px solid #ff0000 !important;
}

.wr-valid {
    border: 1px solid #28a745 !important;
}

/* Password strength panel */
.password-panel {
    margin-top: 8px;
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.password-panel ul {
    padding-left: 18px;
}

.password-panel li.valid {
    color: green;
}
.password-panel li.invalid {
    color: red;
}

.wr-select:before, .wr-calendar:before{
	top: 15px;
}
	

/* Hide the 3rd wizard tab: Media/Attachments */
/* .wr-dashboard-tabs li:nth-child(3) {
    display: none !important;
} */

/* hide step 3 and step 4 tabs */
/* .task-step-3,
.task-step-4 {
    display: none !important;
}
 */


.field-error {
    border: 1px solid red !important;
	transition:0.5s all ease;
}
.error{
	color:red !important;
	transition:0.5s all ease;
}

input.error, textarea.error, select.error {
    border: 1px solid red !important;
}
.select2-container--default .select2-selection--single.error {
    border: 1px solid red !important;
}
/* Red border for Select2 (all dropdowns) */
.select2-container--default .select2-selection--single.error {
    border: 1px solid red !important;
}
.wr-employer-select.error{
	border: 1px solid red !important;
}

.wr-employer-select > span{
	color: #676767;
}
/* .task-step-3.wr-addservice-step.wr-addservice-step-3{
	display:none;
} */
/* .wr-postservicev2 .wr-addservice-steps li{
	width:50%;
} */

li.custom-add-offer{
	width: 50% !important;
}


/* Red border for invalid inputs */
.error-field {
    border: 1px solid red !important;
	transition:1s all ease;
}

/* Green border for valid inputs (optional) */
.valid-field {
    border: 1px solid #4CAF50 !important;
	transition:1s all ease;
}

/* Error message styling */
label.error{
    color: red;
    font-size: 13px;
    margin-top: 5px;
    display: block !important;
    transition: 0.5s all ease;
    width: 100%;
    height: 15px;
}

/* Input and select error styling */
input.error, select.error, textarea.error {
    border-color: red;
}

/* Adjust select2 dropdown when error occurs */
.select2-container--error .select2-selection {
    border-color: red;
}

.wp-editor-container textarea.wp-editor-area{
	clear: both !important;
	border: 1px solid #eee;
    border-radius: 10px !important;
    overflow: hidden !important;
}
/* .wr-themeform .wp-editor-wrap .wp-editor-container{
 border: none !important;	
} */

label#plans\[basic\]\[delivery_time\]-error{
	position: absolute;
    bottom: -14px;
	left:0;
}
label#featured_package-error{
	 bottom: -37px;
}
/* label#featured_package-error{
	bottom:-40px;
	left:0;
} */

/* .wr-select .select2-container--default .select2-selection--multiple, .wr-calendar .select2-container--default .select2-selection--multiple, .wr-select .select2-container--default.select2-container--focus .select2-selection--multiple, .wr-calendar .select2-container--default.select2-container--focus .select2-selection--multiple{
	    min-height: 49px !important;
} */


/* Highlight gallery uploader clearly */
#workreap-upload-attachment.error-border {
    border: 1px solid red !important;
}

/* Highlight video input wrapper */
.wr-videolink.error-border {
    border: 1px solid red !important;
    padding: 10px;
    border-radius: 10px;
}
.wr-videolink.error-border{
	border: 1px solid red !important;
    padding: 10px;
    border-radius: 10px;
}

span.select2-selection.select2-selection--multiple {
    height: 50px !important;
}

.wr-themeform .wp-editor-wrap .wp-editor-container{
	border:none !important;
}
span.select2-selection.select2-selection--multiple.error{
	border: 1px solid red !important;
}