/*
Theme Name: Ecomus Child
Theme URI: https://wpecomus.com/
Author: DrFuri & TIN Productos
Author URI: http://drfuri.com/
Description: Multipurpose WooCommerce WordPress Theme - Child Theme for TIN Productos
Version: 1.0.1
Requires at least: 5.0
Requires PHP: 7.0
Template: ecomus
*/

/* ==========================================================================
   TIN PRODUCTOS — DESIGN SYSTEM & BRAND TOKENS (PASO 6)
   ========================================================================== */

:root {
	/* Brand Color Palette */
	--tin-color-primary: #7853A0;    /* Morado principal del logo */
	--tin-color-secondary: #F8AF51;  /* Naranja secundario */
	--tin-color-coral: #EF4B5B;      /* Coral / Acento oferta */
	--tin-color-blue: #3B5BB5;       /* Azul acento infantil */
	--tin-color-pink: #E86A9A;       /* Rosa acento */
	--tin-color-dark: #222222;       /* Gris texto oscuro legible */
	--tin-color-white: #FFFFFF;
	--tin-color-bg-light: #FBF9FC;   /* Fondo sutil morado claro */
	
	/* Typography */
	--tin-font-primary: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	
	/* Overriding Ecomus Global CSS Variables */
	--em-color__base: #7853A0;
	--em-link-color: #7853A0;
	--em-link-color-hover: #F8AF51;
	--em-button-bg-color: #7853A0;
	--em-button-bg-color-hover: #F8AF51;
	--em-button-color: #FFFFFF;
	--em-button-color-hover: #FFFFFF;
	--em-button-rounded: 8px;
}

/* Typography defaults */
body, p, input, select, textarea, button {
	font-family: var(--tin-font-primary) !important;
	color: var(--tin-color-dark);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--tin-font-primary) !important;
	font-weight: 700;
	color: var(--tin-color-dark);
}

/* Header & Logo styling */
.header-logo img,
.header-logo svg {
	max-width: 175px !important;
	height: auto !important;
	transition: opacity 0.25s ease;
}

.site-title {
	display: none; /* Accessible hiding when logo image is displayed */
}

/* Global Buttons & CTA */
.btn-solid,
.button,
button.button,
input[type="button"],
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button {
	background-color: var(--tin-color-primary) !important;
	color: var(--tin-color-white) !important;
	border-radius: 8px !important;
	font-family: var(--tin-font-primary) !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	transition: all 0.3s ease !important;
}

.btn-solid:hover,
.button:hover,
button.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.single_add_to_cart_button:hover {
	background-color: var(--tin-color-secondary) !important;
	color: var(--tin-color-white) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(248, 175, 81, 0.35);
}

/* Secondary & Outline Buttons */
.btn-outline,
.button.button-outline {
	border: 2px solid var(--tin-color-primary) !important;
	color: var(--tin-color-primary) !important;
	background: transparent !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	transition: all 0.3s ease !important;
}

.btn-outline:hover,
.button.button-outline:hover {
	background-color: var(--tin-color-primary) !important;
	color: var(--tin-color-white) !important;
}

/* Badges: Oferta (Sale), Nuevo (New), Destacado (Featured) */
.woocommerce-badges .onsale,
.woocommerce span.onsale,
.badge-sale {
	background-color: var(--tin-color-coral) !important;
	color: var(--tin-color-white) !important;
	font-family: var(--tin-font-primary) !important;
	font-weight: 800 !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	padding: 4px 8px !important;
}

.woocommerce-badges .new,
.badge-new {
	background-color: var(--tin-color-primary) !important;
	color: var(--tin-color-white) !important;
	font-family: var(--tin-font-primary) !important;
	font-weight: 800 !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	padding: 4px 8px !important;
}

.woocommerce-badges .featured,
.badge-featured {
	background-color: var(--tin-color-secondary) !important;
	color: var(--tin-color-white) !important;
	font-family: var(--tin-font-primary) !important;
	font-weight: 800 !important;
	border-radius: 4px !important;
	text-transform: uppercase;
	padding: 4px 8px !important;
}

/* Price highlighting */
.price,
.woocommerce-Price-amount {
	color: var(--tin-color-primary) !important;
	font-weight: 800 !important;
}

ins .woocommerce-Price-amount {
	color: var(--tin-color-coral) !important;
}

del .woocommerce-Price-amount {
	color: #888888 !important;
	font-weight: 400 !important;
}

/* Nav links hover */
.site-header a:hover,
.main-navigation a:hover {
	color: var(--tin-color-secondary) !important;
}