/* =========================================================================
   Club of Pilots — Skin WooCommerce
   No recrea el HTML del plugin: sobreescribe sus estilos con las variables
   del tema. Selectores estándar de WooCommerce. Encolado solo en páginas Woo.
   ========================================================================= */

/* Contenedor / tipografía */
.woocommerce, .woocommerce-page {
	color: var(--txt);
	font-family: 'Inter', system-ui, sans-serif;
}
.woocommerce a, .woocommerce-page a { color: var(--blue-2); }
.woocommerce a:hover { color: #fff; }
.woocommerce h1, .woocommerce h2, .woocommerce h3,
.woocommerce .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Oswald', sans-serif;
	color: #fff;
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
	color: var(--muted);
	font-size: 13px;
	margin-bottom: 22px;
}

/* ---------- Rejilla de productos (tarjeta estilo .prod) ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background: var(--panel);
	border: 1px solid var(--border);
	border-radius: 14px;
	overflow: hidden;
	transition: .25s;
	padding: 0 0 16px;
	text-align: left;
}
.woocommerce ul.products li.product:hover {
	transform: translateY(-4px);
	border-color: var(--border-2);
}
.woocommerce ul.products li.product a img {
	margin: 0 0 14px;
	border-radius: 0;
	background: linear-gradient(160deg,#141d31,#090f1e);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 14px;
	font-weight: 600;
	padding: 0 15px;
	line-height: 1.3;
	text-transform: none;
}
.woocommerce ul.products li.product .price {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	padding: 0 15px;
	display: block;
	margin-top: 8px;
}
.woocommerce ul.products li.product .price del { color: var(--muted-2); font-size: 13px; }
.woocommerce ul.products li.product .price ins { color: #fff; text-decoration: none; }

/* Badge de oferta */
.woocommerce span.onsale {
	background: var(--blue);
	color: #fff;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	min-height: 0;
	min-width: 0;
	padding: 5px 9px;
	line-height: 1;
	top: 10px;
	left: 10px;
	margin: 0;
}

/* Estrellas de valoración */
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before { color: var(--blue-2); }

/* ---------- Botones ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce ul.products li.product .button {
	background: linear-gradient(135deg,#4f8cff 0%,#2563eb 52%,#1e4fd6 100%);
	color: #fff;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 10px;
	font-weight: 600;
	padding: 11px 20px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 22px -8px rgba(37,99,235,.7);
	text-shadow: none;
	transition: .25s;
}
.woocommerce ul.products li.product .button { margin: 12px 15px 0; }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover {
	background: linear-gradient(135deg,#5b95ff 0%,#2f6bf0 52%,#2456e0 100%);
	transform: translateY(-1px);
}
/* Botón secundario / "ver carrito" */
.woocommerce a.button.wc-forward,
.woocommerce .added_to_cart {
	background: rgba(255,255,255,.06);
	border: 1px solid var(--border-2);
	box-shadow: none;
	color: #fff;
}

/* ---------- Ficha de producto ---------- */
.woocommerce div.product .product_title { font-size: clamp(26px,3vw,40px); text-transform: uppercase; line-height: 1.05; }
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-size: 28px;
}
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--muted); }
.woocommerce div.product .woocommerce-tabs ul.tabs { border: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: var(--panel);
	border: 1px solid var(--border);
	border-radius: 10px 10px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--panel-2); }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #c4cde0; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--border); }
.woocommerce div.product form.cart .quantity .qty {
	background: rgba(255,255,255,.06);
	border: 1px solid var(--border-2);
	border-radius: 8px;
	color: #fff;
	padding: 12px 10px;
}

/* ---------- Inputs / formularios (cuenta, checkout, login) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .select2-container .select2-selection,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #order_review input,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="password"],
.woocommerce-page select,
.woocommerce-page textarea {
	background: rgba(255,255,255,.06);
	border: 1px solid var(--border-2);
	border-radius: 8px;
	color: #fff;
	padding: 12px 14px;
}
.woocommerce input::placeholder, .woocommerce textarea::placeholder { color: var(--muted-2); }
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus { border-color: var(--blue-2); outline: none; }
.woocommerce form .form-row label,
.woocommerce-page label { color: var(--muted); }

/* ---------- Tablas (carrito, totales, pedido) ---------- */
.woocommerce table.shop_table,
.woocommerce .cart-collaterals .cart_totals table,
.woocommerce-checkout #order_review table {
	background: var(--panel);
	border: 1px solid var(--border);
	border-radius: 14px;
	border-collapse: separate;
	overflow: hidden;
	color: var(--txt);
}
.woocommerce table.shop_table th { color: var(--muted); text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { border-top: 1px solid var(--border); }
.woocommerce .cart_totals h2,
.woocommerce-checkout #order_review_heading { font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; }

/* Cajas/paneles del checkout y cuenta */
.woocommerce-checkout #payment,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce-cart .cart-collaterals .cart_totals {
	background: var(--panel) !important;
	border: 1px solid var(--border-2);
	border-radius: 14px;
	color: var(--txt);
}
.woocommerce-checkout #payment { padding: 8px 18px; }

/* Avisos: barra azul de acento */
.woocommerce .woocommerce-message { border-top: 3px solid var(--blue-2); }
.woocommerce .woocommerce-info { border-top: 3px solid var(--blue-2); }
.woocommerce .woocommerce-error { border-top: 3px solid #ef4444; }
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before { color: var(--blue-2); }

/* Cuenta: navegación lateral */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { color: #c4cde0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; }

/* Paginación */
.woocommerce nav.woocommerce-pagination ul { border: 0; gap: 8px; display: flex; }
.woocommerce nav.woocommerce-pagination ul li {
	background: rgba(255,255,255,.04);
	border: 1px solid var(--border-2);
	border-radius: 9px;
	overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { color: #c4cde0; }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--blue); color: #fff; }