.webko-gls-shops {
    display: none;
    border: solid 1px var(--gls-grey);
    padding: 10px;
    border-radius: 4px;
}

.woocommerce ul#shipping_method li>input[type="hidden"]+label+.webko-gls-shops,
.woocommerce ul#shipping_method li>input:checked+label+.webko-gls-shops {
    display: block;
}

.webko-gls-shops input {
    display: none;
}

.woocommerce ul#shipping_method li .webko-gls-shop {
    background-color: var(--gls-white);
    border-radius: 4px;
    border: solid 1px var(--gls-grey);
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    transition: .1s all;
}

.woocommerce ul#shipping_method li .webko-gls-shop:hover {
    background: var(--gls-grey-light);
}

.woocommerce ul#shipping_method li input:checked+.webko-gls-shop {
    background-color: var(--gls-grey-light);
    border: solid 1px var(--gls-blue);
}

.woocommerce ul#shipping_method li input:checked+.webko-gls-shop .webko-gls-shop-name {
    color: var(--gls-black);
}

.webko-gls-shops .webko-gls-shops-headline {
    font-size: 16px;
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: bold;
    line-height: 1.3;
}

.webko-gls-shop-name {
    font-weight: bold;
}

.webko-gls-shop:before {
    content: '';
    border: 1px solid var(--gls-grey);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: var(--gls-white);
}

input:checked+.webko-gls-shop:before {
    background: url(../images/checked.svg) no-repeat center;
    background-size: 10px;
    background-color: var(--gls-blue);
    border-color: var(--gls-grey);
    box-shadow: inset 0px 0px 0px 2px var(--gls-white);
}

.woocommerce ul#shipping_method li .webko-gls-shop:nth-of-type(n+6) {
    display: none;
}

.woocommerce ul#shipping_method li .webko-gls-shops.toggled .webko-gls-shop {
    display: flex;
}

.webko-gls-shops.toggled .webko-gls-shops-show-more,
.webko-gls-shops:not(.toggled) .webko-gls-shops-show-fewer {
    display: none;
}

button.webko-gls-toggle-shops.webko-gls-shops-show-more,
button.webko-gls-toggle-shops.webko-gls-shops-show-fewer {
    border-radius: 4px;
    line-height: 1.3;
    outline: none;
}

@media (max-width:800px) {

    button.webko-gls-toggle-shops.webko-gls-shops-show-more,
    button.webko-gls-toggle-shops.webko-gls-shops-show-fewer {
        width: 100%;
    }
}