/*
 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
*/

/*View transitiosn css*/
/*Activamos el view transition*/
@view-transition {
	navigation: auto;
}
/*Hero imagen para productos
 * Agregar clase pr-card al card de origen
 * La plantilla de productos ya tiene la clase receptora de la animación "prd-image-end"
 * */
.pr-card{
	view-transition-name: product-image; 
}

.prd-image-end{
	view-transition-name: product-image; 
}

/*creamos las transiciones*/

::view-transition-old(product-image) {
	animation: product-image-out 0.35s ease-out forwards;
}
::view-transition-new(product-image) {
	animation: product-image-in 0.35s ease-out forwards;
}

@keyframes product-image-out {
	to{
		opacity: 0;
		transform: scale(0.9);
	}
}

@keyframes product-image-in {
	from{
		opacity: 0;
		transform: scale(1.08);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}
/*FIN ANIMACION HERO IMG*/

/* Checkout page styles */

.wc-block-components-sidebar-layout{
	padding-left: 20px;
	padding-right: 20px;
}

.wc-block-checkout{
	font-family: Poppins;
}
.wc-block-components-address-form__country{
	margin-top:20px;
}

.wc-block-components-checkout-place-order-button{
	background-color: #00AD06;
}

.wc-block-components-checkout-place-order-button{
	background-color: #00AD06;
	font-family: Poppins;
	color: #fff;
	font-size: 1.6rem;
	padding: 20px 30px;
    width: 100%;
	max-width: 355px;
}

.wc-block-components-checkout-return-to-cart-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;     
    gap: 12px !important;               
 
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-size: 1.6rem;
    padding: 20px 30px;
    width: 100%;
    max-width: 355px;
    border: 1px solid #000000;
    text-decoration: none !important;
    position: relative;
}

.wc-block-components-checkout-return-to-cart-button svg {
    position: static !important; 
    left: auto !important;
    top: auto !important;
    transform: none !important;
    fill: currentColor;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}


.wp-block-woocommerce-checkout-order-summary-block{
	background-color: #eeeeee;
}

.wc-block-components-panel__button{
	color: #F5A623;
	font-size: 1.8rem;
	font-weight: 500;
}

.wc-block-components-panel__button-icon{
	color: black;
}

.wc-block-components-totals-coupon__button{
	background-color: #00AD06;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 500;
}