PrestaShop - Atributy radio jako tlačítka - problém s checked

.attribute_list input[type="radio"]{ display: none; }

.attribute_list li{
    border: 1px solid;
    border-radius: 3px;
    display: inline-block !important;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
   
  }

.attribute_list label{
    background: white;
    color: blue;
    cursor: pointer;
    display: block;
    font-size: 10px;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;
    width: 100%;
margin-bottom:0px;
  }

.attribute_list label:hover{
      background-color: blue;
      color: white;
    }
.attribute_list input:checked + .attribute_list label{
    background-color: blue !important;
    color: white;
  }

.attribute_list input:checked + .attribute_list label{
    background-color: blue !important;
    color: white;
  }

#attributes .attribute_list div.radio span.checked:before {
content: '\f00c';
    font-family: "FontAwesome";
    position: absolute;
    display: table-row;
    font-size: 13px;
    top: -13px;
    left: -12px;
    color: #f50381
}

<input id="rad1" type="radio" name="rad"><label for="rad1">Radio 1</label>
<input id="rad2" type="radio" name="rad"><label for="rad2">Radio 2</label>

input[type="radio"]:checked+label { font-weight: bold; }