/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Wrapper */
.smpg-methods-cont {
    margin-top: 15px;
}

/* Align label + input like WC checkout fields */
.smpg-methods-cont p {
    margin: 0 0 15px;
    display: flex;
    flex-direction: column;
}

/* Labels */
.smpg-methods-cont p label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
}

/* Inputs + Selects */
.smpg-methods-cont input,
.smpg-methods-cont select {
    width: 100% ;
    max-width: 400px !important; /* matches WC checkout */
    padding: 10px 12px !important;
    font-size: 14px;
    line-height: 1.4 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-sizing: border-box;
}

/* Focus styles */
.smpg-methods-cont input:focus,
.smpg-methods-cont select:focus {
    border-color: #2271b1; /* WC blue */
    box-shadow: 0 0 0 1px #2271b1;
    outline: none;
}


/*.smpg_pix_account, .smpg_payer_id_type, .smpg_payer_id {*/
/*    padding: 10px;*/
/*    width: 60%;*/
/*    float: right;*/
/*}*/
/*.smpg_payer_id_type{*/
/*    width: 66.5%;*/
/*}*/
/*.smpg-methods-cont p {*/
/*    width: 50%;*/
/*}*/
/*.smpg-methods-cont p label {*/
/*    line-height: 3;*/
/*    font-size: 12px !important;*/
/*}*/