select {
    &.return-status {
        color:white;
        &:has(option[value="pending"][selected]) {
            background-color:#f56500;border-color:#f56500;
        }
        &:has(option[value="approved"][selected]) {
            background-color:#46b450;border-color:#46b450;
        }
        &:has(option[value="rejected"][selected]) {
            background-color:#dc3232;border-color:#dc3232;
        }
        &:hover {
            color:white;
        }
    }
}

body.page-template-page-retours {
    & header {
		justify-content:center;position:relative;
	}
	& .header_right, & .langContainer, & .btnMenu, & .footerAdress, & .blogLink, & .mentionsContainer, & footer {
		display:none;
	}
	& section {
		padding:0 5vw 0 5vw;
	}
	& #employee-header, & #validation-interface {
		background:#f8f9fa;padding:15px;margin:2rem 0;border-radius:5px;text-align:center;
	}
	& .status-icon {
		& i {
			font-size:3rem;display:block;aspect-ratio:1;width:5rem;height:5rem;margin:0 auto;display:flex;align-items:center;justify-content:center;
			color:#fff;border-radius:50%;background:#56dbcb;
		}
	}
	& .return-details {
		margin:3rem 0;
	}
	& .validation-actions, & .tab-buttons {
		display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem;align-items:center;justify-content:center;flex-wrap:wrap;
		& button, & label {
			font-size:.8rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;
			& i {
				font-size:2rem;margin-bottom:.25rem;
			}
			&.rejected {
				background:#f44336;color:#fff;
			}
			&.active {
				background:#006158;
			}
		}
		& #reject-button {
			display:none;
			& + .refusal-reason {
				display:none;
			}
			&:checked {
				& + .refusal-reason {
					display:block;width:100%;margin-top:1rem;
				}
			}
		}
		& .refusal-reason {
			text-align:center;
			& textarea {
				width:100%;height:8rem;padding:1rem;border-radius:2rem;border:1px solid #ccc;font-size:1rem;resize:none;margin:1rem 0;font-family:"DIN Pro", sans-serif;
			}
			& button {
				margin-inline:auto;
			}
		}
	}
	& .tab-buttons {
		width:fit-content;margin-inline:auto;background:#58dbcb;border-radius:3rem;padding:.5rem;position:relative;z-index:1;
		& i {
			pointer-events:none;
		}
	}
	& .tab-content {
		margin-top:-4rem;z-index:0;position:relative;
		& > div {
			aspect-ratio:1;background:#f8f9fa;border-radius:3rem;padding:0;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;
		}
		 & p {
			max-width:80%;text-align:center;margin-top:1rem;font-size:.9rem;line-height:1.2;margin-inline:auto;
		 }
	}
	& #spinner {
		display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;
		& i {
			position:absolute;top:calc(50% - 3rem);font-size:6rem;left:calc(50% - 3rem);color:#56dbcb;
		}
	}
	& #qr-reader {
		width:100%;margin:20px auto;border-radius:3rem;overflow:hidden;
	}
}