/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* h1.entry-title {
    display: none;
} */

.page-header {
    display: none;
}

.custom-stock-display {
    margin-top: 10px;
}

.semaforo {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    width: 80px;
    height: 30px;
    background: #f5f4f4;
    border-radius: 15px;
    padding: 2px;
    border: 2px solid #ccc;
    margin-left: 10px;
}

.luz {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #bbb;
    /* Color apagado */
}

.luz.activo {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.rojo.activo {
    background: red;
}

.naranja.activo {
    background: orange;
}

.verde.activo {
    background: green;
}


li.wc-block-components-product-details__fecha-estimada-de-entrega {
    font-size: larger;
}

li.wc-block-components-product-details__almac-n {
    font-size: larger;
}

.leyenda-stock {
    display: inline-block;
    color: #c00;
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Prata';
    padding-left: 5%;
    padding-bottom: 5%;
}


/* Inici - Arnau */
h1.entry-title {
    margin-top: 20px;
}

.woocommerce-checkout .wc-block-components-product-badge,
.woocommerce-cart .wc-block-components-product-badge {
    display: none !important;
}

.woocommerce-checkout span[type="button"],
.woocommerce-checkout button,
.woocommerce-checkout .wc-block-components-button,
.woocommerce-cart span[type="button"],
.woocommerce-cart button,
.woocommerce-cart .wc-block-components-button {
    background-color: var(--e-global-color-accent);
    color: white;
    border: 0;
    border-radius: 0;
    text-decoration: none;
}

.woocommerce-checkout span[type="button"]:hover,
.woocommerce-checkout button:hover,
.woocommerce-checkout .wc-block-components-button:hover,
.woocommerce-cart span[type="button"]:hover,
.woocommerce-cart button:hover,
.woocommerce-cart .wc-block-components-button:hover {
    background-color: var(--e-global-color-b22573b);
}

.wp-block-woocommerce-cart {
    margin-inline: 0;
}

.wc-block-cart-items__row {
    font-size: 16px;
}

.woocommerce-checkout .wc-block-components-order-summary-item,
.woocommerce-checkout .wc-block-components-product-name {
    font-size: 16px !important;
}

.wc-block-cart-item__product .wc-block-components-product-metadata,
.woocommerce-checkout .wc-block-components-product-metadata {
    font-size: 12px !important;
}

.wc-block-cart-item__product .wc-block-cart-item__quantity {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.wc-block-cart-item__product .wc-block-components-quantity-selector {
    border: 1px solid;
    margin: 0 !important;
}

.wc-block-cart-item__product .wc-block-cart-item__remove-link {
    font-size: 16px !important;
}

.wc-block-components-quantity-selector button {
    font-size: 18px !important;
    font-weight: normal !important;
}

.wc-block-components-quantity-selector button:hover {
    color: white;
    background-color: var(--e-global-color-accent);
}

.wc-block-components-order-summary-item__quantity {
    line-height: 1.4 !important;
}

.woocommerce-account .page-content {
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul {
    padding-left: 20px;
}

.woocommerce-info {
    border-color: var(--e-global-color-accent);
}

.woocommerce-info::before {
    color: var(--e-global-color-accent);
}

.woocommerce-info a.woocommerce-Button,
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content a.button,
.woocommerce-form-register button,
.woocommerce-form-login button,
.woocommerce-ResetPassword button {
    background-color: var(--e-global-color-accent) !important;
    color: white !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
}

.woocommerce-info a.woocommerce-Button:hover,
.woocommerce-MyAccount-content button:hover,
.woocommerce-MyAccount-content a.button:hover {
    background-color: var(--e-global-color-b22573b) !important;
}

.woocommerce-MyAccount-content .woocommerce-address-fields button,
.woocommerce-EditAccountForm button {
    margin-top: 15px !important;
}

.woocommerce-account .woocommerce-orders-table a.woocommerce-button {
    margin-right: 10px;
}

.woocommerce-message {
    border-color: var(--e-global-color-accent);
}

.woocommerce-message::before {
    border-color: var(--e-global-color-accent);
}

.woocommerce-checkout button.button {
    background-color: var(--e-global-color-accent) !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-navigation ul {
    padding-left: 0;
}

li.woocommerce-MyAccount-navigation-link {
    list-style-type: none;
    border: 1px solid #69727d;
    margin-bottom: 10px !important;
}

li.woocommerce-MyAccount-navigation-link a {
    background-color: transparent !important;
}

li.woocommerce-MyAccount-navigation-link.is-active a,
li.woocommerce-MyAccount-navigation-link a:hover {
    color: var(--e-global-color-accent) !important;
}

li.woocommerce-MyAccount-navigation-link a:before {
    font-family: "FontAwesome";
    margin-right: 5px;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f51c";
}

.woocommerce-MyAccount-navigation-link--wallet a:before {
    content: "\f555";
}

.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f468";
}

.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f041";
}

.woocommerce-MyAccount-navigation-link--registro-destinatarios a:before {
    content: "\f2b9";
}

.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f2d2";
}

.woocommerce-MyAccount-navigation-link--store-credit a:before {
    content: "\f555";
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f2f5";
}

.woocommerce-MyAccount-content-wrapper a {
    color: #c36 !important;
}

.woocommerce-MyAccount-content-wrapper a.woocommerce-button {
    border: 0 !important;
    color: white !important;
}

#acfw-checkout-ui-block {
    margin-bottom: 30px;
    border-top: 3px solid var(--e-global-color-accent);
}

#acfw-checkout-ui-block .acfw-accordion {
    border: 0;
}

#acfw-checkout-ui-block .acfw-accordion h3 {
    display: flex;
    gap: 2px;
}

#acfw_redeem_store_credit {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

#acfw_redeem_store_credit br {
    display: none;
}

#acfw_redeem_store_credit .form-row {
    padding: 0;
    margin: 0;
}

#acfw_redeem_store_credit .form-row label {
    display: none;
}

#acfw_redeem_store_credit button {
    width: fit-content;
    padding: 9px 20px;
    line-height: 1.2;
    font-size: 16px;
}

.registro-destinatarios button {
    border: 0;
}

.registro-destinatarios table tr,
.registro-destinatarios table th,
.registro-destinatarios table td {
    border: 1px solid !important;
}

.registro-destinatarios table td {
    vertical-align: middle;
    padding: 10px !important;
}

.registro-destinatarios table button {
    margin-top: 0 !important;
}

div.iti {
    width: 100%;
}

/* Final - Arnau */


/* register */

form.woocommerce-form.woocommerce-form-register.register {
    font-family: 'Roboto Condensed' !important;
    font-size: large !important;
    border: 0 !important;
}

.input-text {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 2px solid #ccc !important;
}


form.woocommerce-form.woocommerce-form-login.login {
    height: auto !important;
    background: #F7F7F7 !important;
    border: 0 !important;
    font-family: 'Roboto Condensed';
    font-size: large !important;
}

button.show-password-input {
    background-color: transparent !important;
}