/* || Info lines */
/* ===== Delivery lines ===== */
#delivery_line{
	background-color:rgba(53, 88, 41, 1) !important;
	padding:10px 40px 10px 40px;
	color:var(--master-color-white);
	.delivery-line-content{
		overflow-x: overlay;
    white-space: nowrap;
    mask-image: linear-gradient(to right, black calc(100% - 50px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black calc(100% - 50px), transparent 100%);
    padding-right:50px;
		.delivery-line-main-text{
			font-weight:600;
			font-size:12px;
			@media screen and (max-width: 575px){
				font-size:10px;
			}
		}
		.delivery-name{
			font-size:12px;
			font-weight:600;
			@media screen and (max-width: 575px){
				font-size:10px;
			}
		}
		.delivery-time-status{
			.delivery-status-icon{
				display:flex;
				&::before{
					content: '';
			    display: block;
			    position: relative;
			    width: 15px;
			    height: 15px;
			    box-sizing: border-box;
			    margin-left: 0;
			    margin-top: 0;
			    border-radius: 100%;
			    animation: 2.25s cubic-bezier(.200, .60, .360, 1) infinite status-icon-around;
				}
				&::after{
					content: '';
		    display: block;
		    position: relative;
		    border-radius:100%;
			  left: -11px;
			  top: 4px;
			  width: 7px;
			  height: 7px;
			  box-shadow: 0 0 8px rgba(0, 0, 0, .3);
			  animation: 2.25s cubic-bezier(.450, .05, .510, .955) -.4s infinite status-icon-dot;
				}
			}
			.actual-status-success{
				&::before{
					background-color: #12bd13 !important;
				}
				&::after{
					background-color: #00f900 !important;
				}
			}
			.actual-status-warning{
				&::before{
					background-color: #ff9800 !important;
				}
				&::after{
					background-color: #ffc107 !important;
				}
			}
			.actual-status-error {
		    &::before {
		        background-color: #d32f2f !important; /* Temně červená */
		    }
		    &::after {
		        background-color: #f44336 !important; /* Světlejší červená */
		    }
			}
			.delivery-status-time{
				font-size:12px;
				font-weight:500;
				@media screen and (max-width: 575px){
					font-size:10px;
				}
			}
		}
	}
	.delivery-line-close{
		cursor:pointer;
		svg{
			fill:#ffffff
		}
	}
	@media screen and (max-width: 767px){
		padding:10px;
	}
}