/*
Theme Name:   Loja Yupoo
Author:       Evolker Tecnologia
Author URI:   https://evolker.com.br/
Version:      1.1.0
Template:     storefront
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');

:root {
    --verde-claro: #3CC785;
    --verde: #1EA967;
    --verde-escuro: #088A4C;
    --cinza: #EAECEA;
    --branco: #FFF;
    --preto: #333333;
}

/*
|================================================================================================================|
|    Estilos genéricos - Botão
|================================================================================================================|
*/
.botao, .botao--verde, .botao--branco, #place_order, .checkout-button, .button.alt {
    padding: .5em 1em !important;
    border-radius: 8px !important;

    font-family: 'Poppins' !important;
    font-weight: 700 !important;

    transition: all .2s ease !important;
}

.botao--branco {
    color: var(--verde);
    background-color: var(--branco);
}

.botao--verde, #place_order, .checkout-button, .button.alt {
    color: var(--branco);
    background-color: var(--verde);
}

/*
|================================================================================================================|
|    DÚVIDAS FREQUENTES
|================================================================================================================|
*/

article input:checked ~ div {
    display: block;
    opacity: 1;
}

article input:checked {
    color: var(--verde);
}

article input:checked ~ label {
    color: var(--verde);
}

a:focus {
    outline: none;
    border: none;
}

/*
|================================================================================================================|
|  Personalização Página de Checkout 
|================================================================================================================|
*/

#page {
  font-family: 'Poppins';
}

.site-footer {
  padding: .5rem;
}