/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* --------- Estilos para la alertas de Woocommerce --------- */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	width: 600px;
	position: fixed;
	top: 100px;
	right: calc(50% - 300px);
	border: 2px solid #555555;
	border-radius: 30px;
	z-index: 9999;
	display: flex;
	flex-direction: row;
}

.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: #262626;
	color: white;
}

.woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover {
	background: #555555;
	color: white;
}

/* --------- Estilos personalizados para la página de producto --------- */
#product-page_custom_field_container {
	margin-bottom: 35px;
}

#product-page_custom_field_label {
	font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

#product-page_custom_field_container .product-page_custom_field_input {
	border: none;
    border-radius: 50px;
	outline: none;
}

/* --------- Estilos personalizados para el carrito --------- */
.is-large.wc-block-cart {
	font-family: 'Poppins';
	max-width: 1600px;
    min-height: 70vh;
    margin-top: 100px;
}

.is-large.wc-block-cart .wc-block-cart-items th {
	border: none;
}

.is-large.wc-block-cart .wc-block-cart-items td {
	padding: 0;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	text-decoration: none;
    color: #262626;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>:last-child {
	display: flex;
    gap: 30px;
}

.wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-totals-block {
	border: none;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
	border-radius: 7px;
    text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
    color: white;
	border: none;
}

.is-large.wc-block-cart .wc-block-components-sidebar {
	height: fit-content;
    padding: 15px;
    background: white;
    border-radius: 7px;
    border: 1px solid #ececec;
}

.is-large.wc-block-cart .wc-block-components-sidebar .wc-block-cart__submit {
	margin: 0;
}

.is-large .wc-block-components-sidebar .wc-block-components-panel, .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon,
.is-large .wc-block-components-sidebar .wc-block-components-totals-item {
	padding: 0px !important;
}

/* --------- Estilos personalizados para el checkout --------- */
.post-18 .page-header {
	display: none;
}

.post-18 .wp-block-woocommerce-checkout {
	font-family: 'Poppins';
	padding-top: 100px;
    max-width: 1600px;
    margin: auto;
    padding-bottom: 150px;
}

.is-large .wc-block-checkout__sidebar.is-sticky {
	top: 120px;
}

.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block {
	background: white;
    border-radius: 7px;
    padding: 15px;
    border: 1px solid #ececec;
}

.post-18 .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	min-width: 21px;
    min-height: 21px;
	right: 5px;
    top: 5px;
	padding: 0;
}

.wc-block-components-order-summary {
	padding: 0px !important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
	margin: 0px !important;
}

.wc-block-components-address-card__edit {
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.wc-block-components-address-card__edit:hover {
	background-color: #262626;
	text-decoration: none !important;
}

/* ---------Mi cuenta --------- */
.post-19 .page-header {
	display: none;
}

.post-19 .page-content {
	font-family: 'Poppins';
}

.post-19 .page-content .woocommerce {
	display: flex;
	flex-direction: column;
	min-height: 70vh;
}

.post-19 .page-content .woocommerce .woocommerce-MyAccount-content {
	margin: 0 auto;
	max-width: 1400px;
}

/* --------- Mi cuenta Login --------- */
#customer_login {
	max-width: 500px;
	margin: auto;
	margin-top: 100px;
	display: flex;
	flex-direction: column;
}

#customer_login h2 {
	margin: 0;
}

#customer_login .col-1,
#customer_login .col-2 {
	width: 100%;
	margin-bottom: 75px;
}

.button.woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce-button.button.woocommerce-form-register__submit{
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	color: white;
	background-color: #262626;
}

.woocommerce-LostPassword {
	color: #565656;
}

/* --------- Mi cuenta navegación --------- */
.post-19 .page-content .woocommerce .woocommerce-MyAccount-navigation {
	min-width: 100%;
	padding-top: 30px;
	background: #ccc;
	margin-bottom: 40px;
}

.post-19 .page-content .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard,
.post-19 .page-content .woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
    display: flex;
	align-items: center;
	justify-content: center;
    flex-direction: row;
	margin: 0 auto;
	width: 1400px;
}

li.woocommerce-MyAccount-navigation-link {
	padding: 15px 30px;
	padding-top: 20px;
}

li.woocommerce-MyAccount-navigation-link.is-active,
li.woocommerce-MyAccount-navigation-link:hover {
	background-color: #ddd;
}

li.woocommerce-MyAccount-navigation-link a {
	text-decoration: none;
    color: #262626;
    font-weight: 500;
    font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* --------- Mi cuenta direcciones --------- */
.u-columns.woocommerce-Addresses.col2-set.addresses {
	display: flex;
    flex-direction: column;
    gap: 50px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address {
    padding: 20px;
    border: 2px solid #555555;
    border-radius: 30px;
}

header.woocommerce-Address-title.title {
	display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.woocommerce-Address-title h2 {
    font-size: 32px;
}

.u-columns.woocommerce-Addresses.col2-set.addresses .woocommerce-Address.col-2 {
    display: none;
}

/* --------- Mi cuenta configuración de cuenta --------- */
form.woocommerce-EditAccountForm.edit-account {
	margin-bottom: 60px;
}

form.woocommerce-EditAccountForm.edit-account input {
	border-radius: 7px;
}

form.woocommerce-EditAccountForm.edit-account fieldset {
	border: none;
	padding: 0;
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
	border-radius: 7px;
	background: #262626;
	color: white;
	border: none;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 15px 20px;
	font-weight: 500;
	text-transform: uppercase;
}

form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hvoer {
	background: #555555;
	color: white;
}