/*
 Theme Name:   Astra Child L1FE
 Description:  Child theme de Astra para L1FE. Aloja el codigo personalizado del flujo mapa/carrito (Tickera + WooCommerce).
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child-l1fe
*/

/* ============================================================
   CSS buyer-facing L1FE — migrado desde el Customizer (CSS adicional).
   Fuente unica de verdad: este archivo. Dejar el Customizer vacio.
   ============================================================ */

#submit_payments{
	display:block !important;
}

/* Boton "Anadir al carrito" en eventos - replica del estilo AGOTADO */
.tc-wb-event-dropdown-wrap .inner-wrap{
	align-items:center;
}
.tc-wb-event-dropdown-wrap .tc-wb-add-to-cart{
	margin-left:12px;
}
.tc-wb-add-to-cart a.add_to_cart_button.ajax_add_to_cart,
button.tc_seating_map_button{
	display:inline-block;
	vertical-align:middle;
	background-color:#C8D5DC !important;
	color:rgba(0,0,0,.8) !important;
	border:0 !important;
	border-radius:100px !important;
	padding:12px 24px !important;
	font-family:"Montserrat", Sans-serif !important;
	font-size:14px !important;
	font-weight:500 !important;
	line-height:1em !important;
	letter-spacing:0px !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	text-align:center !important;
	box-shadow:none;
	transition:background-color .3s, color .3s, box-shadow .3s !important;
}
.tc-wb-add-to-cart a.add_to_cart_button.ajax_add_to_cart:hover,
.tc-wb-add-to-cart a.add_to_cart_button.ajax_add_to_cart:focus,
button.tc_seating_map_button:hover,
button.tc_seating_map_button:focus{
	background-color:#1E293B !important;
	color:#ffffff !important;
	box-shadow:0 4px 12px rgba(30,41,59,.25);
	opacity:1 !important;
	text-decoration:none !important;
}

/* === Tienda: mismo ancho y respiro que carrito/checkout === */
body.woocommerce-shop.ast-page-builder-template .site-content > .ast-container{
	max-width:1240px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
}

/* === Botones WooCommerce con el estilo de la landing === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit{
	display:inline-block;
	vertical-align:middle;
	background-color:#C8D5DC !important;
	color:rgba(0,0,0,.8) !important;
	border:0 !important;
	border-radius:100px !important;
	padding:12px 24px !important;
	font-family:"Montserrat", Sans-serif !important;
	font-size:14px !important;
	font-weight:500 !important;
	line-height:1em !important;
	letter-spacing:0 !important;
	text-transform:uppercase !important;
	text-decoration:none !important;
	text-align:center !important;
	box-shadow:none;
	transition:background-color .3s, color .3s, box-shadow .3s !important;
}
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover:not(:disabled),
.woocommerce button.button:focus:not(:disabled),
.woocommerce input.button:hover,
.woocommerce input.button:focus{
	background-color:#1E293B !important;
	color:#fff !important;
	box-shadow:0 4px 12px rgba(30,41,59,.25);
	opacity:1 !important;
	text-decoration:none !important;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled]{
	background-color:#E2E8F0 !important;
	color:rgba(0,0,0,.35) !important;
	box-shadow:none !important;
}

/* ============================================================
   Loader "heartbeat" del overlay de seleccion de sillas (mapa).
   Anima el logo PNG de L1FE mientras valida la ubicacion.
   ============================================================ */
.l1fe-seat-loader-img{
    animation: l1fe-heartbeat 1.1s ease-in-out infinite;
}
@keyframes l1fe-heartbeat{
    0%, 100% { transform: scale(1); }
    25%      { transform: scale(1.12); }
    40%      { transform: scale(1); }
    60%      { transform: scale(1.08); }
}
.tc-seating-legend-wrap{
	display:none !important;
}
.ui-dialog.tc-seat-dialog,
.ui-widget-overlay {
  display: none !important;
}
/* Corrige el conflicto de floats en el checkout (desktop):
   .tickera_owner_info con width:100% rompe el flujo entre
   #customer_details (float:left) y #order_review/#order_review_heading (float:right) */
@media (min-width: 922px) {
  .woocommerce.woocommerce-checkout form .tickera_owner_info,
  .woocommerce-page.woocommerce-checkout form .tickera_owner_info {
    width: auto;
    max-width: 100%;
  }
}