/* 
Theme Name: Tema Lansinoh
Theme URI: https://lansinoh.com.br
Description: Tema desenvolvido exclusivamente para Lansinoh Brasil, baseado no tema Hello Elementor.
Author: Frederico de Castro
Author URI: https://www.fredericodecastro.com.br
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
*/

/* Add your custom styles here */

html {
    --cor-oficial-muted: rgba(101, 78, 163, 0.1);
    --cor-oficial: #654ea3;
}

a {
    color: var(--cor-oficial);
}

[type=button],
[type=submit],
button {
    border-color: var(--cor-oficial);
    color: var(--cor-oficial);
}

[type=button]:focus,
[type=button]:hover,
[type=submit]:focus,
[type=submit]:hover,
button:focus,
button:hover {
    background-color: var(--cor-oficial);
    color: #fff;
}

.elementor-products-grid ul.products.elementor-grid li.product .onsale {
    background-color: var(--e-global-color-primary);
    width: auto;
    height: auto;
    padding: 6px;
    border-radius: 16px;
    min-height: unset;
    line-height: normal;
    min-width: unset;
}

.woocommerce span.onsale {
    background-color: var(--e-global-color-primary);
    width: auto;
    height: auto;
    padding: 6px;
    border-radius: 16px;
    min-height: unset;
    line-height: normal;
    min-width: unset;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--cor-oficial);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: var(--cor-oficial);
}

.woocommerce-MyAccount-navigation {}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    border-radius: 16px;
    background-color: white;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link {
    background-color: var(--cor-oficial-muted);
    padding: 0;
    margin-bottom: 5px;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a {
    color: inherit;
    display: block;
    padding: 5px 10px;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link:hover {
    background-color: var(--cor-oficial);
    color: white;
}

.woocommerce-MyAccount-navigation ul .woocommerce-MyAccount-navigation-link a {}