.shipit24-shipping-options {
margin-bottom: 20px;
}
.shipit24-shipping-select,
#shipit24_locker_select {
width: 100%;
padding: 10px;
margin-bottom: 10px;
}
.locker-search-container {
margin-top: 10px;
position: relative;
}
.shipit24-locker-search-input {
width: 100%;
padding: 0 12px;
height: 40px;
border: 1px solid #ddd;
border-radius: 4px !important;
box-sizing: border-box;
margin: 0 !important;
}
.shipit24-lockers-list {
display: none;
border: 1px solid #ccc;
border-radius: 4px;
max-height: 300px;
overflow-y: auto;
background: #fff;
position: absolute;
top: 44px;
left: 0;
width: 100%;
z-index: 10;
}
.shipit24-no-lockers {
text-align: center;
padding: 32px 0;
font-size: 14px;
}
.shipit24-lockers-list::after {
content: '';
width: 32px;
height: 32px;
border: 6px solid #dddddd;
border-top: 6px solid #222222;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto;
z-index: 1;
pointer-events: none;
position: absolute;
top: calc(50% - 16px);
left: calc(50% - 16px);
opacity: 0;
transition: 300ms ease-in-out;
transition-property: opacity;
}
.shipit24-lockers-container.is-loading .shipit24-lockers-list::after {
opacity: 1;
}
.shipit24-lockers-container.is-loading .shipit24-locker {
opacity: 0.3;
pointer-events: none;
}
.shipit24-selected-locker {
padding-top: 4px;
}
.shipit24-selected-locker,
.shipit24-lockers-container {
font-size: 16px;
line-height: 1.5;
text-align: left;
text-indent: 0;
}
.shipit24-locker {
font-size: 16px;
line-height: 1.5;
padding: 10px;
border-bottom: 1px solid #eee;
cursor: pointer;
text-align: left;
}
.shipit24-locker p,
.shipit24-lockers-container p {
margin: 0;
}
.shipit24-locker:hover {
background: #f9f9f9;
}
.shipit24-locker__price,
.shipit24-selected-locker__price {
font-weight: 700;
font-size: 16px;
color: #000;
}
.shipit24-selected-locker__name,
.shipit24-locker__name {
margin-top: 4px;
font-size: 14px;
max-width: 139px;
}
.shipit24-lockers-container {
position: relative;
padding-bottom: 8px;
display: none;
}
.wc-block-components-shipping-rates-control__package
+ .shipit24-lockers-container {
margin-top: 8px;
}
.shipit24-selected-locker__title,
.shipit24-locker__title {
text-align: left;
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 18px;
margin: 0;
}
.shipit24-selected-locker__inner {
padding: 10px;
border-radius: 4px;
border: 1px solid #417f64;
background-color: #f2f9f4;
position: relative;
}
.shipit24-locker__meta,
.shipit24-selected-locker__meta {
margin-top: 8px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.shipit24-locker__address,
.shipit24-selected-locker__address {
margin-top: 4px;
font-size: 12px;
}
.shipit24-selected-locker__distance,
.shipit24-locker__distance {
opacity: 0.6;
font-size: 14px;
}
.shipit24-remove-locker {
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
cursor: pointer;
}
.shipit24-remove-locker:hover {
opacity: 0.6;
}
@media (min-width: 960px) {
.woocommerce-checkout form.checkout {
grid-template-columns: 2fr 2fr;
grid-column-gap: 30px;
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.woocommerce label[for^='shipping_method_'] {
min-width: 225px;
display: block;
}
.woocommerce
input[name^='shipping_method']:checked
~ .shipit24-lockers-container,
.shipit24-lockers-container.is-open {
display: block;
}