/*
 Plugin Name:  Petunia Updates 
 Author:       Joseadrian
 Author URI:   https://joseadrian.com 
 Version:      0.1
 Text Domain:  petunia-updates
*/

/* Autocomplete */
.autocomplete-suggestions .autocomplete-suggestion {
	position: relative;
}
.autocomplete-suggestions .autocomplete-suggestion .product-label {
	position: relative;
	top: 10px;
	left: 10px;
}


.shop_table tr.woocommerce-shipping-totals.shipping {
	visibility: visible;
}
.woocommerce-cart .shop_table tr.woocommerce-shipping-totals.shipping {
	display: table-row !important;
}


.shop_table .woocommerce-shipping-totals.shipping #calc_shipping_state_field /* Cambio de region  */
{
	display: none !important;
}

.cart-totals-inner .shipping-calculator-form .button,
.cart-totals-inner .shipping-calculator-form .button:hover {
	color: #fff;
}

/* Metodos de pago */
.woocommerce-checkout .woocommerce ul#shipping_method li {
	display: flex;
	gap: 0.5rem;
	flex-direction: row-reverse;
	align-items: flex-start;
}

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
	color: #69727d;
}

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox,
.woocommerce-order-received .woocommerce-table--custom-fields a {
	font-size: 16px;
	font-weight: 400;
}

.woocommerce-order-received .woocommerce-table.woocommerce-table--custom-fields.shop_table.custom-fields a {
	font-size: inherit;
}
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order .woocommerce-customer-details address {
	margin-block-end: 0;
}
.woocommerce-order-received .woocommerce-order .woocommerce-order-birthday {
	padding-block-start: 0;
}

#billing_address_1_field abbr {
	display: none;
}


/* Checkout fields */
@media screen and (min-width: 800px) {
	#billing_email_field {
		width: 48% !important;
	}
	#billing_phone_field {
		width: 48%;
		display: inline-block;
		float: right;
	}
}
.is-factura #billing_rut_field{
	display: none !important;
}

/* Datepicker changes */
.ui-datepicker select.ui-datepicker-year {
	width: 40%;
}
.ui-datepicker select,
.ui-datepicker th,
.ui-datepicker td a {
	font-size: 0.9em;
}
.ui-datepicker-title {
	color: #9ed6be;
}
.ui-datepicker select {
	height: auto !important;
	background: none;
	appearance: menulist;
	-webkit-appearance: menulist;
	color: #000;
	padding: 0.2em;
}
.ui-datepicker-next,
.ui-datepicker-prev {
	cursor: pointer;
	display: none;
}

/* Product page */
.variations_form .variations select {
	width: auto;
	margin-inline-end: 1rem;
}

.checkout .select2-container {
	width: 100% !important;
}

.thwcfe-checkout-section.gift {
	margin-block-end: 2.5rem;
}
#billing_country_field {
	display: none;
}

.woocommerce-shipping-methods label {
	text-align: right;
}
/**/
.woocommerce-terms-and-conditions-wrapper label,
.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper {
	margin-block-end: 0;
}
.woocommerce form .place-order p.checkout-inline-error-message, 
.woocommerce form .woocommerce-terms-and-conditions-wrapper p, 
.woocommerce form .thwcfe-checkout-section.politicas .form-row .woocommerce-input-wrapper label.checkbox, 
.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row label.checkbox span {
	font-size: 0.875rem;
	line-height: 1.25rem;
}



.woocommerce form .form-row.woocommerce-invalid label {
	color: inherit;
}



/**/
.yape-container {
	text-align: left
}
.yape-container img { 
    border: 1px solid #74226C !important;  
	max-width: 9.375rem;
	border-radius: 0.5rem;
} 
.yape-payment-instructions {
	margin-block-start: var(--theme-content-spacing);
}
#payment ul.payment_methods .yape-container p { 
	font-size: 0.75rem;
}

#yape_screenshot.input-text {
    padding: 0.625rem;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
} 
#yape_screenshot.input-text:hover {
    border-color: #74226C;
} 
#yape_screenshot::file-selector-button {
    background-color: #74226C;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.25px;
    margin-right: 1rem;
    cursor: pointer;
    transition: background 0.3s;
}

#yape_screenshot::file-selector-button:hover {
    background-color: #5a1a53;
}


/* Whatsapp widget */
.wa__widget_container .wa__btn_popup {
	bottom: 60px !important;
	right: unset !important;
	left: 30px !important;
}
.wa__widget_container .wa__btn_popup .wa__btn_popup_txt{
	right: unset !important;
	left: 100% !important;
	margin-left: 7px !important;
	margin-right: 0px !important;
}
.wa__widget_container .wa__popup_chat_box { 
	left: 30px !important;
	right: unset !important;
}


.woocommerce-billing-fields .form-row label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*
.woocommerce-billing-fields > div  {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 30px;
}

.woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last {
	grid-column: span 2;
	margin: 0;
	padding: 0;
	width: auto !important;
}

@media screen and (min-width: 800px) {
	#billing_tipo_documento_bsale , #billing_rut_bsale, 
	#billing_email_field, 
	.woocommerce-billing-fields .form-row-first, .woocommerce-billing-fields .form-row-last {
		grid-column: span 1; 
		width: auto !important;
	}
}
.woocommerce-billing-fields .form-row-wide {
	grid-column: span 2;
	  margin: 0;
}
*/

table.shop_table {
	--theme-table-padding: 0.5em 0.7em;
}
.woocommerce-table.order_details th,
.woocommerce-table.custom-fields td {
	width: 50%;
}

.added_to_cart.wc-forward {
	display: none !important;
}
.woocommerce-product-gallery__trigger::before {
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A//www.w3.org/2000/svg'%20viewBox%3D'0%200%2040%2040'%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'7'%20fill%3D'none'%20stroke%3D'currentColor'%20stroke-width%3D'2'/%3E%3Cline%20x1%3D'22.5'%20y1%3D'22.5'%20x2%3D'29'%20y2%3D'29'%20stroke%3D'currentColor'%20stroke-width%3D'1.4'%20stroke-linecap%3D'round'/%3E%3C/svg%3E")
}
#billing_country_field {
	display: none !important;
}

/**/
.elementor-widget-loop-carousel [data-products] {
	display: flex !important;
}
[data-products="type-2"] .ct-woo-card-actions  .button {
	background-color: var( --e-global-color-blocksy_palette_10 );
	color: var( --e-global-color-blocksy_palette_4 );
	display: flex;
	align-items: center;
	border-radius: 18px 0px 18px 0px;
	padding: 8px 8px 8px 8px;
	line-height: 1.2;
}
[data-products="type-2"] .ct-woo-card-actions  .button:hover {
	background-color: var( --e-global-color-blocksy_palette_11 )
}

[data-products="type-2"] .swiper-wrapper {
	grid-column-gap: 0;
}

.slider-square-images.elementor-widget-loop-carousel:has(.product) .ct-media-container img {
	aspect-ratio: 1 / 1 !important;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.elementor-widget-loop-carousel:has(.product) .swiper-slide > .e-con,
[data-products="type-2"] .swiper-slide > .e-con {
	padding-inline: 0;
}
[data-products="type-2"] .swiper-slide :is(.e-con, .e-con-inner, .e-con-inner > div, .elementor-shortcode, .product) {
	height: 100%;
}

.ct-cart-actions .button[type="submit"]  {
	border-radius: 20px 0 20px 0;
	background: var( --e-global-color-blocksy_palette_10 )
}
.ct-cart-actions .button[type="submit"]:hover {
	background: var( --e-global-color-blocksy_palette_11 )
}
/* Thank you page */
.woocommerce-transfer-bank-details {
	margin-block: 2rem;
}
.woocommerce-transfer-bank-details h3 {
	font-size: 1rem;
	margin-block-end: 0;
}

.woocommerce-transfer-bank-details .woocommerce-order ul.order_details {
	padding-inline-start: 7rem;
}
.woocommerce-transfer-bank-details li {
	font-weight: bold;
}
.woocommerce-transfer-bank-details li strong {
	font-weight: 400;
}
.woocommerce-order ul.order_details li {
	display: inline-block;
	padding: 0 2em 0 0;
	padding-left: 0px;
	margin-block: 0.5rem;
	margin-inline-end: 2rem;
	list-style-type: none;
	border-right: 1px solid #ccc;
}
.woocommerce-order ul.order_details li:last-child {
	margin-inline-end: 0;
	padding-inline-end: 0;
	border-right: 0;
}
.woocommerce-order ul.order_details li strong {
	display: block
}


@media (min-width: 690px ) {
	.woocommerce-thankyou-order-details {
		display: flex;
		border: 0;
	}
	.woocommerce-thankyou-order-details li {
		flex: 1;
		border: 0;
		text-align: center;
	}
	.woocommerce-thankyou-order-details li + li {
		border-right: 1px dashed #ccc;
	}
	.woocommerce-thankyou-order-details li:last-child {
		border: 0;
	}
}