/*
Theme Name: emirdev css
Template: gamesmart
*/






/*AJUSTE DE INICIO PAGINA*/

body {
	transition: color 0.05s !important;
}

#tw-target-text {
	border-radius: 12px;
}

.cky-btn-revisit {
	display: none !important;
}

.cky-btn-revisit-wrapper {
	display: none !important;
}


/*MODO OSCURO BOTON*/

header .hw-nav-dark-mode {
	display: none !important;
}

/*wishlist seccion*/

.wishlist-items-wrapper tr .product_type_variation.add_to_cart_button {
	padding: 10px;
	border-radius: 12px;
}

/*wishlist seccion end*/

/* BOTON DE GOOGLE REGISTRO*/

.paso2registre {
  display: none;
}

.paso1login, .paso2registre {
	width: 440px !important;
}

#customer_login {
	display: flex;
	justify-content: center;
}

#btnregistrar {
	width: 100% !important;
}

#btnacceder {
	width: 100% !important;
}

.woocommerce-form-register__submit {
	width: 100% !important; 
}

.woocommerce-form-login__submit {
	width: 100% !important;
}

.um-form-field {
	border-radius: 6px !important;
}

.um-social-login-buttons {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin-top: 20px;
}

.nsl-container-buttons {
	margin-bottom: 20px !important;
	margin-top: 20px !important;
	width: 100%;
}

.nsl-button.nsl-button-default.nsl-button-google {
		border-radius: 12px !important;
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus {
	background: #df0520 !important;
	color: #ffffff !important;
	border-radius: 12px !important;
}



/*AJUSTE NAV SECCION SERVICIOS*/

.hw-item.hw-module-1 .hw-post-blog .hw-thumb{
	background: none !important;
	width: 70px;
}

.hw-el-4a54391 {
	height: 90%;
	display: none
}

.hw-cart-details img {
	display: none;
}

.botonSocialFooter img {
	width: 30px;
}

.textwidget {
  display: flex;
  flex-direction: column;
	text-align: center;
}

.textwidget {
  display: flex;
  flex-direction: column;
}

.textwidget > * {
  order: 0;
}

.textwidget > .contenedor-redes {
  order: 1;
}

.textwidget > pre {
  order: 2;
}

.botonSocialFooter img:hover {
	transform: scale(1.3);
}

.botonSocialFooter {
	margin-right: 20px;
}

.contenedor-redes {
	margin-top: -20px;
}


/*FIN AJUSTE NAV SECCION SERVICIOS*/

/* FIN AJUSTE DE INICIO PAGINA*/


.hw-price {
	color: #f31c4a !important;
}

.hw-details {
	text-align: center;
}

.hw-details del {
	
}

.hw-details ins {
	text-decoration: none !important;
}

.hw-details .from {
	color: #F76174 !important
}

/* Ajuste de yaycurrey */

/* PRUEBAS MOMENT */

.woocs_auto_switcher li a{
	width: 50px !important;
	height: 45px !important;
	background: rgba(108,128,148,0.7) !important;
}

.woocs_auto_switcher li a:hover {
	background: rgba(108,128,148,1)!important;
}

.woocs_auto_switcher .woocs_curr_curr {
	background: rgba(223, 5, 32, 0.5) !important;
}

.woocs_auto_switcher img {
	border-radius: 3px
}

.woocs_auto_switcher img:hover {
	transform: scale(1.2)
}

.woocs_auto_switcher_link span:nth-child(2) {
  font-weight: bold;
	width: auto;
	margin-right: 60px;
}


/* PRUEBAS MOMENT end */

/*
.hw-nav-right.yaycurreyknoxdev{
	padding: 0px !important;
	margin: 0;
	float: right !important;
}

.hw-nav-right.yaycurreyknoxdev .yay-currency-single-page-switcher{
	padding: 0 !important;
	height: 0px;
	margin-bottom: 30px !important;
} 

.yay-currency-custom-select.open .yay-currency-custom-select__trigger {
    border: 1px solid #df0520;
}

.open .yay-currency-custom-select__trigger {
    border-radius: 4px 4px 0 0;
}

.yay-currency-custom-select__trigger {
    color: #000000;
    background: none;
}

.yay-currency-custom-select__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffffff !important;
    height: 40px;
    line-height: 14px;
    background: rgba(108,128,148,0.4) !important;
    cursor: pointer;
    border: 1px solid gray !important;
    border-radius: 12px !important;
}

.yay-currency-custom-option-row.selected {
    color: #ffffff;
    background: rgba(108,128,148,0.7);
	border-radius: 12px;
	margin-top: 1px !important
}

.yay-currency-custom-option-row:hover {
    cursor: pointer;
    background-color: rgba(108,128,148,0.9);  !important;
}

.yay-currency-custom-options {
	background: none !important;
	border: none;
}

.yay-currency-custom-option-row {
    color: #ffffff;
    background: rgba(108,128,148,0.7);
	border-radius: 12px
}

.yay-currency-custom-select.open .yay-currency-custom-options {
	border-radius: 12px !important;
	background-color: none !important;
}

.hw-drop {
	-webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
	border-radius: 12px !important;
}


.yay-currency-checkout-notice {
	display: none;
}

*/
/* fin Ajuste de yaycurrey */


/* SINGLE PRODUCT AJUSTES*/

input.tmcp-textfield[type=number]::-webkit-inner-spin-button,
input.tmcp-textfield[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input.tmcp-textfield[type=number] {
  -moz-appearance: textfield;
}


.wapf-field-input {
	width: 49.5%;
	border: 1px solid #e3e3e3;
	border-radius: 12px;
}

.wapf-field-input select {
	border-radius: 12px;
}

.wapf-field-input:hover {
	border: 1px solid #df0520;
	border-radius: 12px;
}

.tc-label-wrap {
		height: 80px !important
	}


.hw-el-single-product del {
    text-decoration: none;
  
}

.hw-el-single-product ins {
    text-decoration: none;

}

.hw-el-single-product .hw-single-summary .from, .woocommerce-Price-amount {
	font-size: 16px !important;
	color: #F76174 !important
}

.hw-single-product-thumb a,
.hw-single-product-thumb img {
	pointer-events: none;
}

.custom-variation-price span {
	margin-top: 7%;
}

.tmcp-field-wrap.tm-per-row.tc-mode-text.thinline.tc-epo-text-wrapper span span:hover {
	color: #df0520 !important;
}

.tm-epo-field-label:hover {
	
}

.price,
.woocommerce-Price-amount.amount,
.hw-price .from-price {
	color: #F76174 !important;
}

.zoo-img {
	display: none !important;
}

.hw-single-summary h3 {
	margin-top: 10px;
}

.tm-product-id-804122 .tc-label-text{
	padding: 0 !important;
	top: 0;
	bottom: 0;
	margin: 24px 0px 0px 0px
}

.tm-product-id-801756 .tc-label-text{
	margin-top: 10% !important;
}

.tm-product-id-802265 .tc-label-text{
	padding: 0 !important;
	top: 0;
	bottom: 0;
	margin: 24px 0px 0px 0px
}

.tc-label-text {
	margin-top: 15%;
	margin-left: 10px;
	transition: color 0.01s !important;
}

.hw-el-single-product .hw-single-summary h1 {
	font-size: 40px !important;
}

.hw-el-single-product .hw-price {
	--hw-pc-fn-sz: calc(var(--hw-fn-lg) - 4px);
	width: 100%;
	margin-top: var(--hw-mg-tp);
}

.tc-label-wrap img {
	height: 100px !important;
	margin-left: 10px !important;
	margin-top: 5px !important;
	border-radius: 12px !important;
	transition: background-color 0.1s, border-color 0.1s;
}

.tm-extra-product-options .tc-images-container .tmcp-field-wrap label,
.tm-extra-product-options .tc-colors-container .tmcp-field-wrap label,
.tm-epo-variation-section .tmhexcolorimage-li-nowh label,
.tm-epo-variation-section .tmhexcolorimage-li label {
	color: #000;
}

.tcwidth .tmcp-ul-wrap {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.tmcp-field-wrap {
	width: 100% !important;
	transition: background-color 0.2s, border-color 0.2s;
}

.tc-active {
	box-shadow: 0 0 1px 2px #df0520 !important;
	border-radius: 12px;
	transition: background-color 0.2s, border-color 0.2s;
}

.custom-variation-price span {
	font-size: 14px !important;
	margin-right: 5px;
}

.tc-image {
	border: none !important;
}

.tm-epo-field-label {
	border-radius: 12px;
	background-color: #ffffff;
	border: 1px solid #e3e3e3;
}

.tm-epo-field-label:hover {
	color: #df0520 !important;
	border: 1px solid #df0520;
	transition: color 0.01s !important;
}


.tmcp-field-wrap:has(input[type="radio"]:checked)::after {
	content: "✔";
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #df0520;
	width: 21.2%;
	height: 20px;
	border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0px;
	right: 0px;
	border-bottom-left-radius: 20px !important;
	border-top-right-radius: 12px;
	border-top-left-radius: 0px;
}

.label-id-cuenta {
	border-radius: 12px !important
}

.id-zona {
	border-radius: 12px !important
}

.single_add_to_cart_button {
	margin-left: 15px !important
}

/* S */


.product_meta {
  display: none !important;
}

/* Texto del carrito 1*/

.woocommerce-cart .cart-subtotal td,
.woocommerce-cart .order-total td {
  text-align: right !important;
}

.cart_totals h2 {
  text-align: center !important;
}

/* Alinear los montos al lado derecho */
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  text-align: right !important;
}

/* Mantener la columna del producto a la izquierda */
.woocommerce-checkout-review-order-table td.product-name,
.woocommerce-checkout-review-order-table th.product-name {
  text-align: left !important;
}

/* Inicio prueba */

/* Bordes redondeados en campos */
.woocommerce form.login input.input-text {
  border-radius: 12px;
}

/* Botones y checkbox en una fila (por defecto para escritorio) */
.woocommerce form.login .login-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* Espaciado entre campos */
.woocommerce form.login .form-row {
  margin-bottom: 15px;
}

/* Botón redondeado */
.woocommerce form.login .button {
  border-radius: 22px;
  padding: 8px 20px;
}

/* Estilo base del checkbox */
.woocommerce form.login .woocommerce-form__label-for-checkbox {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

/* SOLO en pantallas pequeñas: checkbox debajo de los botones */
@media (max-width: 480px) {
  .woocommerce form.login .login-submit {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .woocommerce form.login .woocommerce-form__label-for-checkbox {
    order: 2;
    margin-left: 0;
  }

  .woocommerce form.login .button {
    order: 1;
  }
}

/* Añadir margen inferior al checkbox */
.woocommerce form.login .woocommerce-form__label-for-checkbox {
  margin-bottom: 10px;
}


.woocommerce form.login {
  max-width: 450px;
  margin: 0 auto;
  padding: 30px;
  border-radius: 8px;
}

/* Centrar títulos */
.woocommerce-account .entry-title,
.woocommerce h2 {
  text-align: center;
}

/* Ajustar margen para que todo se centre visualmente */
.woocommerce form.login {
  margin: 0 auto;
}

/* FIN S */

/* FIN SINGLE PRODCUT AJUSTES */


/* CONFIGURACION PASARELA DE PAGO */

/* Ocultar flechas en Chrome, Safari y Edge */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


#paso-1 {
	display: flex;
	border-radius: 12px;
}

.detalle-compra-paso-1 .cart_item .tm-cart-edit-options {
	color: #171718;
}


.detalle-compra-paso-1 .cart_item .tm-cart-edit-options:hover {
	color: #df0520 !important;
}

#paso-1 .paso-1-content #customer_details {
}

.paso-1-content {
	width: 100%;
	margin-right: 15px;
}

#paso-1 #customer_details {
	border-radius: 12px;
}

#paso-1 .woocommerce-billing-fields__field-wrapper {
	background-color: #ffffff !important;
	padding: 10px;
	border-radius: 12px;
}

#paso-1 .detalle-compra-paso-1 thead tr th, tfoot tr th, tbody tr td {
	color: #171718 !important
}

#paso-1 .detalle-compra-paso-1 table tbody img {
	border-radius: 12px;
}


#paso-1 #metodos-pago-container .metodos-pago-content {
	padding: 10px 5px 5px 10px;
	border-radius: 18px;
	height: auto;
}

#paso-1 #metodos-pago-container{
	border-radius: 12px;
	flex-wrap: wrap;
	height: 40%;
	width: 100% !important;
	}

#paso-1 .detalle-compra-paso-1 {
	width: 49%;
}

#paso-1 .detalle-compra-paso-1 .info-compra-detalle {
	padding: 10px 10px 10px;
	border-radius: 12px;
	border: 1px solid #e3e3e3;
}

.woocommerce-billing-fields__field-wrapper label{
	color: #171718 !important;
}


#btn-siguiente {
	margin-top: 10px;
	margin-bottom: 0px !important;
	float: right;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 1) !important;
}


.paso-1-content .woocommerce-additional-fields
h3 {
	display: none !important;
}

.paso-1-content .woocommerce-additional-fields {
	display: none !important;
}

.metodo-pago {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 12px;
	margin-right: 10px
}

.metodo-pago img {
  display: block;
  width: 230px;
  height: auto;
  filter: brightness(0.8);
}

.metodo-pago input[type="radio"] {
  display: none;
}

.metodo-pago {
  border: 1px solid #e3e3e3;
  position: relative; 
  transition: border-color 0.2s;
}


.metodo-pago:hover {
  border-color: #df0520;
}


.metodo-pago:has(input[type="radio"]:checked) {
  border: 4px solid #df0520;
  border-radius: 10px;
}


.metodo-pago:has(input[type="radio"]:checked)::after {
  content: "✔";
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #df0520;
  width: 30px;
  height: 30px;
  border-radius: 21%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 85px;
  right: -1px;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px;
  border-top-left-radius: 20px;
}

.woocommerce-billing-fields__field-wrapper input {
	border-radius: 12px !important;
	border: 1px solid #e3e3e3 !important;
	color: #000000 !important;
}

.woocommerce-billing-fields__field-wrapper input:hover {
	border: 1px solid #df0520 !important;
}

.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
	border-color: #df0520;
	color: #000 !important;
}

.input.input-text {
	color: #000000 !important;
}




/** PASO 2 FINALIZAR COMPRA */

#comprobante-pago {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#paso-2 .card-container{
	margin-left: 25%;
}

#btn-file-comprobante label{
	display: none;
}

#paso-2 {
	width: 70%;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 16%
}

.card-container {
	text-align: left;
  width: 50%;
}

.card-container .card-content label {
  color: #171718;
  font-size: 18px;
}

.card-container .title-card {
  padding: 16px 18px;
}

.card-container .title-card p {
  font-size: 18px;
  font-weight: 600;
  font-style: Roboto;
	color: #000000;
}

.card-container .card-content p {
	margin-bottom: 0px
}

.card-container .card-content span {
	font-size: 22px !important;
}

.title-card {
	margin-bottom: -30px !important;
}

.description {
	margin-top: 30px !important;
	color: gray !important;
}

.card-container .card-content {
	/*box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.1);*/
  background-color: #ffffff;
  border-radius: 12px;
	border: 1px solid #e3e3e3;
  color: #000000 !important;
  font-size: 12px;
  padding: 18px;
}

.hidden {
    display: none;
}


.card-container .card-content img {
	width: 300px !important;
	margin-left: 15%;
}


.div-zinli {
	display: flex !important;
	flex-direction: column !important;
}

.monto-total-card-detalle {
	margin-left: 38%;
	font-size: 18px;
	font-weight: 600;
}

.total-precio-card, .section-dolares {
		margin-left: 40%;

}

.plain {
	text-align: left !important;
}

.plain span span {
		font-weight: 500 !important;
}

.plain .codigo {
	color: #171718 !important;
}

.plain .numeroTlf {
	color: #171718 !important;
}

.plain .numeroCedula {
	color: #171718 !important;
}

.plain .numeroCuenta {
	color: #171718 !important;
}

#mi-div-especial {
	margin-top: 15px !important;
}

.total-precio-card, .section-dolares {
	color: #F76174 !important
}

#appform {
	margin-left: 25%;
	border-radius: 12px;
	height: 40px;
    position: relative;
    display: inline-block;
	width: 50% !important;
	box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.6) !important;
}

#appform::before {
  background: linear-gradient(#df0520, #df0550);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1px;
  content: 'Seleccionar';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#appform input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 32px;
  display: inline-block;
}

#appform::before {
  content: 'Subir comprobante';
}

#appform:hover::before {
	cursor: pointer !important;}


/** oculta metodos de pago */

#payment .wc_payment_methods {
	display: none !important;
}

#order_review h3 {
	display: none !important;
}

#paso-2 .info-compra-detalle .shop_table tbody tr td{
	color: #df0520 !important;
}

#btn-siguiente {
	margin-bottom: 20px;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) !important;
}

.div_pago_methos .img-mercantil {
	border-radius: 12px;
	margin-left: 15%;
}

.total-precio-card {
	font-size: 22px;
	margin-bottom: 15px
}

#datosCopiar .img_palin img {
	border-radius: 12px;
}

.copiarDatos {
	width: 15%;
	background-color: #df0520 !important;
}

#estado-subida {
	margin-bottom: 12px;
}



/** PASO 3 ORDEN DE COMPRA */

.hw-light #post-10 .order_details {
	border-radius: 12px;
	padding: 0px 15px;
}

.hw-dark .wc-item-meta
{
	color: #ffffff
}

.hw-dark tfoot tr th {
	color: #ffffff !important;
}


/** FIN PASO 3 ORDEN DE COMPRA */



@media screen and (max-width: 767px) {
  .tcwidth .tmcp-ul-wrap {
	display: grid !important;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}
	
	#paso-1 {
		display: flex;
		flex-direction: column;
	}
	
	.detalle-compra-paso-1 {
		width: 100% !important;
	}
	
	.info-compra-detalle {
		width: 100% !important;
	}
	
	.metodos-pago-content {
		text-align: center;
		display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
		margin-right: 0px !important;
	}
	
	.metodo-pago {
		width: 100%
	}
	
	.metodo-pago:has(input[type="radio"]:checked)::after {
  content: "✔";
  font-size: 16px;
  font-weight: bold;
  color: white;
  background-color: #df0520;
  width: 30px;
  height: 30px;
  border-radius: 21%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 48px;
  right: -1px;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 0px;
  border-top-left-radius: 20px;
}
	
	#paso-2 {
		width: 100%;
		margin: 0px;
		padding: 0;
	}

	.card-container {
		width: 100%;
		margin: 0px !important;
	}
	
	.card-content {
		text-align: center !important;
	}
	
	.plain img{
		margin-left: 0px !important;
	}
	
	.monto-total-card-detalle {
		margin-left: 31%;
	}
	
	.total-precio-card.section-dolares {
		margin-left: -10%;
	}
	
	.copiarDatos {
		margin-left: 0px !important;
	}
	
	#appform {
		width: 100% !important;
		margin: 0;
	}
	
	#btn-atras {
		float: left;
		width: 30%;
	}
	
	.hw-el-4a54391 {
	height: 100%;
}
	
	.img-mercantil {
		margin-left: 0px !important;
	}

	.total-precio-card.section-bolivares {
		margin-left: -10%;
	}

	#cart-content-id button {
		margin: 0px !important;
		float: left;
	}
	
	#cart-content-id .description {
		margin-top: 50px !important;
	}
	
	.hw-el-single-product, ins{
		margin: 0px;
	}
	
	.custom-variation-price .price del, ins{
		float: right !important;
		margin-bottom: -9px !important;
	}
	
	.tc-label-wrap img {
		margin-top:  10px !important;
	}
	
	
}