/* esconde métodos individuais */
#shipping_method input[value^="local_pickup:"],
#shipping_method label[for^="shipping_method_"][for*="local_pickup"] {display:none!important}

/* modal */
.ms-pickup-modal {
	position:fixed;
	inset:0;
	z-index:9999;
	font-family:inherit;
}

.ms-pickup-overlay {
	position:absolute;
	inset:0;
	background:#0008;
}

.ms-pickup-box {
	position: relative;
    margin: 5% auto;
    padding: 30px;
    background: #fff;
    max-width: 650px;
    border-radius: 20px;
    box-shadow: 0 8px 20px #0003;
} 

.ms-pickup-box .ms-pickup-title .dashicons {
	vertical-align:middle;
	margin-right:4px;
	color:#764ea0;
}

.ms-pickup-box .ms-pickup-title {
	color:#764ea0;
}
			   
.ms-pickup-list {
	list-style: none;
    margin: 20px 0;
    padding: 0;
    display: grid;
    gap: 5px;
    max-height: 55vh;
    overflow-y: scroll;
}

.ms-card {
	display: flex;
    align-items: center;
    gap: 5px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 40px;
    cursor: pointer;
    transition: all .2s;
}
		 
.ms-card:hover {
	box-shadow:0 2px 8px #0002;
	border-color:#8ac24a;
	color:#764ea0;
}

.ms-card input{
	appearance:none;
	width:18px;
	height:18px;
	border:2px solid #8ac24a;
	border-radius:50%;
	position:relative;
}
	
.ms-card input:checked{
	background:#8ac24a;
	}

.ms-card .title {
	flex:1;
	line-height: 1.4;
	font-size:13px;
}

.ms-pickup-close {
    padding: 6px 35px;
    border-radius: 20px;
}

.ms-pickup-box {
	position: relative;
}

.ms-pickup-close-icon {
	position: absolute;
	top: 23px;
	right: 8px;
	border: none;
	background: transparent;
	font-size: 35px;
	line-height: 1;
	cursor: pointer;
}

.ms-pickup-close-icon:hover {
	color: #c00;
}

.ms-badge-free {
    display:inline-block;
    background:#c8f3c1;
    color:#176b2a;
    font-weight:500 !important;
    font-size:.75rem;
    line-height:1;
    padding:4px 7px;
    border-radius:6px;
    margin-left:4px;
}

.ms-badge-discount {
    display:inline-block;
    background:#f7eeff;
    color:#764ea0;
    font-weight:500 !important;
    font-size:.75rem;
    line-height:1;
    padding:4px 7px;
    border-radius:6px;
    margin-left:4px;	
}

ul#shipping_method li label:before {
	left: 10px;
    top: 30%;
}

ul#shipping_method li {
	border: 1px solid #ddd;
    padding: 13px 13px 13px 35px;
    border-radius: 10px;
    margin-bottom: 10px;
}


@media screen and (max-width: 512px) {
	
	.ms-pickup-box {
	    margin: 5%;
		padding: 20px;
	}
	
	.ms-pickup-box h3 {
		font-size: 17px;
	}
	
	.ms-card .title {
		font-size: 12px;
	}
	
	.ms-card {
		padding: 10px;
	}
	
}