/*
Theme Name:  HotCoffee Child
Theme URI:   https://graopremiumc.com.br
Description: Child theme do HotCoffee, customizações e ajustes.
Author:      Impacta Media
Author URI:  https://impactamedia.com.br
Template:    hot-coffee
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotcoffee-child
Tags:        child-theme, customizações
*/

/* =======================================================
   Aqui você pode colocar todos os seus estilos customizados
   ======================================================= */

/* Exemplo: estilos para WAPF Steps */
.product_tag-steps div.quantity, 
.product_tag-steps .button[name=add-to-cart] {
    display:none;
}

.product_tag-steps .wapf-wrapper {
    border-radius: 4px;
    border: 1px solid #ededed;
    padding: 15px 20px;
    margin-bottom:20px;
}

.product_tag-steps .wapf-field-group .step {
    display:none;
}

.product_tag-steps .wapf-field-group .step:first-child {
    display:flex;
}

.product_tag-steps .wapf_step_buttons {
    margin-bottom:20px;
    overflow:hidden;
}

.product_tag-steps .wapf_btn_next {
    float:right !important;
}

.product_tag-steps .wapf-progress {
    position:relative;
    max-width:450px;
    width:100%;
    margin: 0 auto;
}

.product_tag-steps .wapf-progress:before, 
.product_tag-steps .wapf-progress-bar {
    content:'';
    position:absolute;
    height:3px;
    width:100%;
    background:#ededed;
    top:14px;
    left:0;
}

.product_tag-steps .wapf-progress-steps {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    display: flex;
    justify-content: space-between;
}

.product_tag-steps .wapf-progress-steps div {
    position:relative;
}

.product_tag-steps .wapf-progress-steps div:before {
    content: counter(step);
    counter-increment: step;
    width: 30px;
    height:30px;
    font-size:10px;
    line-height:30px;
    border-radius:50%;
    text-align:center;
    display: block;
    background: #ededed;
}

.product_tag-steps .wapf-progress-steps div.active:before {
    background:#f0632b;
    color:white;
}

.product_tag-steps .wapf-progress-bar {
    background:#f0632b;
    width:0%;
}