/*
 Theme Name:   Undermonkeys theme
 Theme URI:    https://generatepress.com
 Description:  Undermonkeys GeneratePress child theme
 Author:       The Rootsons
 Author URI:   http://therootsons.com/
 Template:     generatepress
 Version:      0.1
*/
body.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: flex;
    height: 100%;
    flex-direction: column;
}
body.woocommerce ul.products li.product a.woocommerce-loop-product__link .price{    margin-top: auto;}
body.woocommerce.archive div#content {
	 flex-wrap: wrap;
	 padding-left: 20px;
	 padding-right: 20px;
	 max-width: var(--gb-container-width);
	 margin: auto;
	padding-bottom: min(max(2rem, calc(2rem + ((1vw - 0.32rem) * 2.5))), 3rem);
    padding-top: min(max(2rem, calc(2rem + ((1vw - 0.32rem) * 2.5))), 3rem);
}
 body.woocommerce.archive .shop-heading {
	width: 100%;
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	padding: 8px 0;
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 24px;
}
.woocommerce .shop-heading form.woocommerce-ordering{
	margin-bottom: 0;
}
 body.woocommerce.archive .shop-heading header.woocommerce-products-header {
	 margin-right: auto;
}
 body.woocommerce.archive h1 {
	 font-style: normal;
	 font-weight: 800;
	 font-size: 16px;
	 line-height: 100%;
	 color: var(--paragraph-color);
	 margin-bottom: 24px;
	 text-transform: uppercase;
}
 body.woocommerce.archive .inside-left-sidebar {
	 background-color: #fff;
	 padding: 20px;
}
 body.woocommerce.archive .inside-left-sidebar h2 {
	 font-family: "Montserrat";
	 font-style: normal;
	 font-weight: 600;
	 font-size: 20px;
	 color: var(--dark-color);
}
 body.woocommerce.archive .inside-left-sidebar h3.wp-block-heading {
	 font-family: "Montserrat";
	 font-style: normal;
	 font-weight: 600;
	 font-size: 14px;
	 line-height: 100%;
	 display: flex;
	 align-items: center;
	 text-transform: uppercase;
	 color: var(--dark-color);
}
 body.woocommerce.archive .inside-left-sidebar .widget {
	 padding: 0;
}
 body.woocommerce.archive .wc-columns-container .products {
	 grid-gap: 20px;
}
 body.woocommerce.archive .inside-wc-product-image {
	 overflow: hidden;
}
 body.woocommerce.archive ul.products li.product a img {
	 height: 100%;
}
 body.woocommerce.archive .filter-button {
	 box-sizing: border-box;
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 padding: 8px;
	 gap: 6px;
	 color: var(--paragraph-color);
	 background: transparent;
	 border: none;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 16px;
	 letter-spacing: 0.05em;
	 height: fit-content;
	 min-width: fit-content;
}
 body.woocommerce.archive .filter-button img {
	 width: 24px;
	 height: 16px;
	 border-left: 1px solid var(--light-color);
	 padding-left: 8px;
}
 body.woocommerce.archive .woocommerce-ordering select {
	 color: var(--paragraph-color);
	 background: transparent;
	 border: none;
	 font-style: normal;
	 font-weight: 500;
	 font-size: 16px;
	 line-height: 20px;
	 letter-spacing: 0.05em;
}
 body.woocommerce.archive .woocommerce-ordering::after {
	 content: "";
	 padding-left: 8px;
	 background: url("/wp-content/uploads/2025/10/filter-list.png") no-repeat right center;
	 background-size: 16px;
	 display: inline-block;
	 width: 24px;
	 height: 16px;
	 top: 50%;
     transform: translateY(-50%);
}
 @media (max-width: 991px) {
	 body.woocommerce.archive button.filter-button {
		 display: flex;
	}
	 div#left-sidebar {
		 order: -1;
		 display: none;
	}
	 .lg-flex {
		 display: flex !important;
	}
	 .inside-wc-product-image {
		 width: 100%;
	}
	 .inside-wc-product-image img {
		 width: 100% !important;
	}
	 .site-content .content-area {
		 width: 100%;
	}
	 .site-content .content-area main#main {
		 margin: 0;
	}
}
 

/* Aplica flex-column únicamente al <form> de login */
.woocommerce-form.login {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* separación entre filas */
  max-width: 320px; /* tu ancho */
  margin: auto; /* centrado */
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Asegura que cada fila de formulario ocupe todo el ancho */
.woocommerce-form.login .form-row,
.woocommerce-form.login .form-row-wide {
  width: 100%;
}

/* Botón y checkbox siguen agrupados en su propia fila, pero ocupando todo el ancho */
.woocommerce-form-login__submit {
  text-transform: uppercase;
  width: 100%;
  padding: 0.75em;
  font-weight: bold;
}

.woocommerce-form-login__rememberme {
  margin: 0.5rem 0 0; /* un poco de espacio encima */
}
#post-23 > div > div > div > form{
    padding: 1em;
    margin: 0 auto 2.4em auto;

}
#post-23 > div > div > div > h2{
    margin: 0 auto 0.7em auto;
    text-align: center;
}
#post-23 > div > div > div > form > p:nth-child(3) > button{
     background-blend-mode: normal; 
    background-image: linear-gradient(135deg,var(--extra-color-3-d) 15%,var(--extra-color-d) 35%,var(--extra-color-2-d) 65%,var(--primary-color) 100%); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    color: var(--white-color); 
    font-family: var(--gp-font--montserrat); 
    font-weight: 600; 
    letter-spacing: 0.03em; 
    text-decoration: none; 
    text-transform: uppercase; 
    transition: all 0.5s ease 0s; 
    border-radius: 4px; 
    padding: 1em 2em;
}
#post-23 > div > div > div > form > p:nth-child(3) > button:hover{
    background-image: linear-gradient(240deg,var(--extra-color-3-d) 15%,var(--extra-color-d) 35%,var(--extra-color-2-d) 65%,var(--primary-color) 100%); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-blend-mode: normal; 
    color: var(--white-color);
}
#post-23 > div > div > div > form > p.woocommerce-LostPassword.lost_password > a{
    color: var(--extra-color);}


#post-23 > div > div > div > form > p.woocommerce-LostPassword.lost_password > a{
    color: var(--extra-color);}
    #post-23
  > div
  > div
  > div
  > form
  > p.woocommerce-LostPassword.lost_password
  > a {
  color: var(--extra-color-d);
}
#post-23 > div > div > div > form > p:nth-child(4) > button{
    background-blend-mode: normal; 
    background-image: linear-gradient(135deg,var(--extra-color-3-d) 15%,var(--extra-color-d) 35%,var(--extra-color-2-d) 65%,var(--primary-color) 100%); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    color: var(--white-color); 
    font-family: var(--gp-font--montserrat); 
    font-weight: 600; 
    letter-spacing: 0.03em; 
    text-decoration: none; 
    text-transform: uppercase; 
    transition: all 0.5s ease 0s; 
    border-radius: 4px; 
    padding: 1em 2em; 
}
#post-23 > div > div > div > form > p:nth-child(4) > button:hover{
    background-image: linear-gradient(240deg,var(--extra-color-3-d) 15%,var(--extra-color-d) 35%,var(--extra-color-2-d) 65%,var(--primary-color) 100%); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-blend-mode: normal; 
    color: var(--white-color);
}
.hystmodal--active{
	z-index: 300 !important;
}
.inside-wc-product-image img {
    aspect-ratio: 305 / 406;
    width: 100%;
}
body.woocommerce.archive .inside-wc-product-image {
    width: 100%;
}
form.woocommerce-form.woocommerce-form-login.login {
    padding: 20px;
    max-width: 600px;
    margin: auto;
}
.woocommerce-account h2{
	text-align: center;
}
.woocommerce-product-gallery__image,  .woocommerce-product-gallery__image img{
	object-fit: cover;
}
#wc-stripe-express-checkout-element{
	margin-top: 0 !important;
}
.woocommerce ul.products li.product a.button {
    display: none;
}