@use "helpers";

#frmFrete {
    padding: 48px 0 80px;
    legend {
        display: none;
    }
    label {
        display: block;
        clear: both;
        color: helpers.$textoDark;
        font-family: helpers.$fontRegular;
        font-weight: normal;
        margin: 8px 0;
        padding: 0 0 0 50px;
        position: relative;
        strong {
            color: helpers.$dark;
        }
    }

    input[type="radio"] {
        left: 16px;
        position: absolute;
        top: 10px;
    }

    #btAlterarFrete-label {
        clear: both;
    }

    input[type="submit"] {
        display: inline-block;
        outline: 0px;
        padding: 7px 15px;
        background-color: helpers.$highlight;
        border: none;
        border-radius: 5px;
        color: helpers.$textoLight;
        background-color: helpers.$highlight;
        @include helpers.transicao(0.4s ease-in-out);
        
        &:hover,&:focus{
            background-color: helpers.$success;
        }
    }
 
    p {
        padding-left: 60px;
    }

    /*icones de frete*/
    i {
        background-size: 47px 47px;
        background-repeat: no-repeat;
        content: "";
        display: inline-block;
        float: left;
        height: 60px;
        margin-right: 20px;
        width: 60px;

        &.frete1001 {
            background-image: url('../img/frete/combinar.png');
        }
        &.frete1002 {
            background-image: url('../img/frete/pac.png');

            &.cd40010, &.cd40096 {
                background-image: url('../img/frete/sedex.png');
            }
            &.cd41106, &.cd41068 {
                background-image: url('../img/frete/pac.png');
            }
        }
        &.frete1003 {
            background-image: url('../img/frete/distancia-dirigida.png');
        }
        &.frete1004 {
            background-image: url('../img/frete/combinar.png');
        }
        &.frete1005 {
            background-image: url('../img/frete/faixa-preco-uf.png');
        }
        &.frete1006 {
            background-image: url('../img/frete/combinar.png');
        }
        &.frete1007 {
            background-image: url('../img/frete/combinar.png');
        }

        &.gratis {
            background-image: url('../img/frete/gratis.png');
        }
    }
}