/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*+++ ESTILOS PARA EL BREADCRUMB DE RANKMATH +++*/
.rank-math-breadcrumb a{color: var(--bricks-color-rofvap);}
.rank-math-breadcrumb a:hover{text-decoration:underline;}
.rank-math-breadcrumb p{font-size: 1.5rem;}
/*+++ /END ESTILOS PARA EL BREADCRUMB DE RANKMATH +++*/

/*Estilos Plugin Verificacion de Edad*/
.age-gate__form h2.age-gate__headline {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.1;
}
.age-gate__form button.age-gate__submit{
	background-color: var(--bricks-color-rofvap);
    font-size: 1.8rem;
}
.age-gate__form p.age-gate__challenge{
	margin-bottom: 10px;
}
.age-gate__form button.age-gate__submit:hover{
    background-color: var(--bricks-color-ecsrbg);
}
.age-gate__form p.age-gate__error {
    font-weight: 600;
    line-height: 1;
}

/*+++ ESTILOS PARA LA SECCION DE MI CUENTA, REGISTRO DE WOOCOMMERCE +++*/
.woocommerce-account .woocommerce-Addresses .edit{
	color: var(--bricks-color-ecsrbg);
}
.woocommerce-account .woocommerce-Addresses .edit:hover{
	text-decoration: underline;
}
.woocommerce .woocommerce-MyAccount-content .button {
    background-color: var(--bricks-color-rofvap) !important;
    color: #FFFFFF !important;
	border-radius: 25px;
}
.woocommerce .woocommerce-MyAccount-content .button:hover{
	background-color: var(--bricks-color-ecsrbg) !important;
}
/*Pagina de login y registro*/
.woocommerce-account .woocommerce-form-login:not([class^=brxe-]){
	background-color: var(--bricks-color-rofvap);
	border: none !important; 
}
.woocommerce-account .woocommerce-form-login:not([class^=brxe-]) label{
	color: #FFFFFF !important;
}
.woocommerce-account .woocommerce-form-login:not([class^=brxe-]) p.woocommerce-LostPassword a{
	color: var(--bricks-color-ecsrbg) !important;
}
.woocommerce-account .woocommerce-form-login:not([class^=brxe-]) p.woocommerce-LostPassword a:hover{
	text-decoration: underline;
} 
.woocommerce-account .woocommerce-form-register:not([class^=brxe-]) {
	background-color: var(--bricks-color-oceymn);
}
.woocommerce-account button.woocommerce-button.button.woocommerce-form-login__submit{
	background-color: var(--bricks-color-ecsrbg) !important;
	padding: 8px 15px 7px 15px;
    color: #FFFFFF !important;
	border-radius: 25px;
}
.woocommerce-account button.woocommerce-button.button.woocommerce-form-login__submit:hover{
	background-color: var(--bricks-color-oceymn) !important;
    color: #000000 !important;
}
.woocommerce-account button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit{
	background-color: var(--bricks-color-rofvap);
	padding: 8px 15px 7px 15px;
	color: #FFFFFF !important;
	border-radius: 25px;
}
.woocommerce-account button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
    background-color: #156e75 !important;
}

/* ESTILOS SELECT DE LOS PRODUCTOS VARIABLES */
.bricks_variation_buttons button {
    margin-right: 10px; /* Espaciado entre los botones */
    background-color: #f0f0f0; /* Color de fondo */
    border: 1px solid #ccc; /* Borde */
    padding: 5px 10px; /* Espaciado interno */
    cursor: pointer;
}
.bricks_variation_buttons button:hover {
    background-color: #e0e0e0; /* Color de fondo al pasar el ratón */
}
.bricks_variation_buttons button.selected {
    background-color: #ddd; /* Color de fondo del botón seleccionado */
}
/*Estilos reset para el plugin Variation Swatches*/
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 8px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    background-color: #fffaf2;
    -webkit-box-shadow: var(--wvs-item-box-shadow,0 0 0 1px #dddedf);
    box-shadow: var(--wvs-item-box-shadow,0 0 0 1px #dddedf);
    color: #000;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
    -webkit-box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 1px #0b4e53);
    box-shadow: var(--wvs-hover-item-box-shadow, 0 0 0 1px #0b4e53);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
    background-color: var(--wvs-selected-item-background-color, #0b4e53);
    color: var(--wvs-selected-item-text-color, #FFF);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: none;
}