/* 
    Created on : 23 ago. 2023, 14:45:34
    Author     : QTZ Desarrollo
    Updated    :
    Version    : 1.0.0
*/

.button.add_to_cart_button,
button[name="add-to-cart"] {

}
.added_to_cart.wc-forward {
    display: block;
}

.woocommerce-page h1,.woocommerce-page h2 {
    font-family: var(--font-textos)!important;
}
.woocommerce-page h1 {
    font-size: 1.7rem!important;
}
.woocommerce-page:not(.single-product) h1.entry-title {
    margin-top: calc(var(--margin-max) * 1.5);
    border-bottom: 1px solid var(--color-secundario);
    padding-bottom: 5px;
}
.woocommerce-page:not(.archive) h2 {
    font-size: 1.3rem!important;
}
.woocommerce-page:not(.archive) .related.products h2 {
    font-size: 1rem!important;
}

.woocommerce div.product form.cart .button {
    margin-left: 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce ul.products li.product .button {
    /*background-color: var(--color-link);*/
    font-family: var(--font-alt)!important;
    font-weight: var(--weight-medium) !important;
    font-size: 1.1rem !important;
    /*color: var(--boton-txt) !important;*/

    /* borde */
    border: unset;
    /*border-radius: 30px !important;*/
    border-width: 2px !important;
    border-style: solid !important;
    /*border-color: var(--boton-std) !important;*/

    color: var(--color-blanco)!important;
    background-color: #871241!important;
    text-align: center;
    border-color: #871241!important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: transparent!important;
    border-color: var(--color-secundario)!important;
    color:  var(--color-secundario)!important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--color-secundario);
}

/**** mensajes ****/
.woocommerce-notices-wrapper {
    max-width: var(--site-width);
    margin: auto;
    margin-top: var(--margin-max);
}
.woocommerce-message {
    border-top-color: var(--color-secundario);
}
.woocommerce-info {
    border-top-color: var(--color-secundario);
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-message a,
.woocommerce-info a,

.woocommerce-privacy-policy-text p,
.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-terms-and-conditions-checkbox-text a {
    font-size: 0.85rem!important;

}

.woocommerce-info::before {
    color: var(--color-secundario);
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
    width: 15em;
}

/**** oculta el thumbnail en el carrito ****/
.product-thumbnail {
    display: none!important;
}

/**** Hace que se muestren los botones del input de añadir más productos ****/
.woocommerce input[type=number]::-webkit-inner-spin-button,
.woocommerce input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}
/*******************************************************************************/
/************************************** Carrito en la barra de navegación   ****/
/*******************************************************************************/

#wpmenucartli a.wpmenucart-contents {
    text-transform: unset!important;
    letter-spacing: 0!important;
    font-size: 0.7rem!important;
}

/*******************************************************************************/
/***********************************************************  PAG. TIENDA   ****/
/*******************************************************************************/

/* hace que la pagina de tienda sea full-width*/
.archive.post-type-archive.post-type-archive-product .container.grid-container {
    max-width: 100%;
    width: 100%;
}
.single.single-product .container.grid-container {}
.archive.post-type-archive.post-type-archive-product .container.grid-container .inside-article {
    padding-left: 0;
    padding-right: 0;
}

/* Header tienda */
#header-tienda.header-pag {
    min-height: var(--min-header-height);
    position: relative;

    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-end;

    min-width: 100vw;
    background-image: url(https://bodegasmalgor.com/wp-content/uploads/2023/09/cabecera-nuestrosvinos-1.jpg);
}
#header-tienda.header-pag .site-1200,
#header-tienda.header-pag .slogan {
    margin-left: auto!important;
    margin-right: 0!important;
}
#header-tienda.header-pag .slogan h1 {
    color: var(--color-titulos);
}
/* Header producto */
#header-producto.header-pag.barra-titulo-producto {
    min-height: var(--min-header-height);

    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    padding: 0;
}
.barra-titulo-producto .titulo-producto {
    text-align: center;
    font-size: 5rem;
    letter-spacing: 0.1em;
    color: var(--color-blanco);
    font-weight: var(--weight-semibold);
    z-index: 1;
    display: none;
}
.barra-titulo-producto .overlay {
    position: absolute;
    min-height: var(--min-header-height);
    width: 100%;
    opacity: 1;
    transition: .9s ease;
    background-color: rgba(0, 0, 0, .7);
}

h1.woocommerce-products-header__title.page-title {
    display: none;
}
/*.product.type-product:not(article),*/
.archive.post-type-archive.post-type-archive-product ul.products {
    max-width: var(--site-width);
    margin: auto;
    margin-top: var(--margin-max);
    margin-bottom: var(--margin-max);
    padding-right: var(--margin-regular);
    padding-left: var(--margin-regular);
}
.archive.post-type-archive.post-type-archive-product ul.products li.product {
    text-align: center;
}
.archive.post-type-archive.post-type-archive-product ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 1.3rem;
    letter-spacing: 0.0em;
    font-family: var(--font-titulos);
    color: var(--color-primario);
    font-weight: var(--weight-semibold);
    text-align: center;
    padding-bottom: 0;
}
ul.products li.product h3.product-subtitle {
    font-weight: var(--weight-extralight)!important;
    font-size: 0.9rem;
}
/*******************************************************************************/
/*********************************************************** PAG PRODUCTO   ****/
/*******************************************************************************/

.product.type-product .summary.entry-summary {
    padding: var(--margin-min);
    background-color: var(--color-blanco);
}

/*******************************************************************************/
/***********************************************************       MEDIAS   ****/
/*******************************************************************************/

@media only screen and (max-width: 768px) {
    .woocommerce-page:not(.woocommerce-shop) .site.grid-container,
    /*.product.type-product:not(article),*/
    .archive.post-type-archive.post-type-archive-product ul.products {
        padding: var(--margin-max) var(--margin-max) var(--margin-min) var(--margin-max);
    }
    .barra-titulo-producto,
    .barra-titulo-producto .overlay {
        min-height: var(--min-header-height-md);
    }

    .product.type-product:not(article) {
        display: flex;
        flex-direction: column;
    }
    .product.type-product:not(article) .woocommerce-product-gallery {
        order: 2;
    }
    .product.type-product:not(article) .summary.entry-summary {
        order: 1;
    }
    .product.type-product:not(article) .woocommerce-tabs.wc-tabs-wrapper {
        order: 3;
    }
    .product.type-product:not(article) .related.products {
        order: 4;
    }
}
@media only screen and (max-width: 480px) {
    .barra-titulo-producto .titulo-producto {
        font-size: 5rem;
    }
}