/*
 * Theme Name:  Salcedo
 * Template:    woostify
 * Version:     1.0.0
 * Text Domain: salcedo-child
 */

/* ===== VARIABLES ===== */
:root {
	--s-principal:  #D81B60;
	--s-secundario: #C46A4A;
	--s-texto:      #2B2B2B;
	--s-enfasis:    #344E41;
	--s-bg:         #F5EFEA;
	--s-soft-bg:    #E6D5C3;
	--s-text-soft:  #6B705C;
	--s-hover:      #8D113E;
	--s-accent:     #c8a96e;
	--s-white:      #ffffff;
}

/* ===== TOP BAR ===== */
#tt-topbar {
	background: var(--s-texto) !important;
	color: var(--s-white) !important;
	font-size: 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 8px 32px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 9999;
	animation: tt-in 0.4s ease both;
}

@keyframes tt-in {
	from { opacity: 0; transform: translateY(-8px); }
	to   { opacity: 1; transform: translateY(0); }
}
@keyframes tt-out {
	to { opacity: 0; transform: translateY(-8px); }
}

.tt-topbar-track {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1280px;
	gap: 16px;
}

.tt-top-left  { flex: 1; text-align: left;  opacity: 0.6; }
.tt-top-right { flex: 1; text-align: right; opacity: 0.6; white-space: nowrap; font-size: 11px; }

.tt-top-center {
	flex: 2;
	text-align: center;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

#tt-countdown {
	display: inline-flex;
	gap: 3px;
	font-weight: 700;
	color: var(--s-accent);
}

#tt-topbar-close {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--s-white) !important;
	font-size: 13px;
	cursor: pointer;
	opacity: 0.4;
	padding-left: 16px;
	flex-shrink: 0;
	transition: opacity 0.2s;
	border-radius: 0 !important;
	line-height: 1;
}
#tt-topbar-close:hover {
	opacity: 1;
	background: none !important;
}

.tt-top-mobile-slider { display: none; }

@media (max-width: 768px) {
	.tt-top-left, .tt-top-right { display: none; }
	#tt-topbar { padding: 8px 16px; }
	.tt-top-mobile-slider {
		display: block;
		width: 100%;
		text-align: center;
		position: relative;
		height: 18px;
		overflow: hidden;
	}
	.tt-top-mobile-slider span {
		position: absolute;
		inset: 0;
		opacity: 0;
		transition: opacity 0.6s ease;
		font-size: 11px;
		color: var(--s-accent);
	}
	.tt-top-mobile-slider span.active { opacity: 1; }
}

/* ===== HEADER ===== */
.site-header {
	background: var(--s-white) !important;
	border-bottom: 1px solid #e8e8e8 !important;
	box-shadow: none !important;
	padding: 0 !important;
}

.site-header-inner,
.site-header .woostify-container {
	min-height: 72px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 0 40px !important;
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
	gap: 40px;
}

.site-branding { flex-shrink: 0; }

.site-branding .site-title a,
.site-branding .beta.site-title a {
	font-size: 20px !important;
	font-weight: 800 !important;
	color: var(--s-texto) !important;
	text-decoration: none !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.site-branding .site-title a:hover {
	color: var(--s-principal) !important;
}
.site-description { display: none !important; }

.site-navigation {
	flex: 1;
	display: flex;
	justify-content: center;
}
.site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 36px;
}
.site-navigation ul li a {
	font-size: 12.5px !important;
	font-weight: 500;
	color: var(--s-texto) !important;
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	transition: color 0.2s;
}
.site-navigation ul li a:hover {
	color: var(--s-principal) !important;
}

.site-tools {
	display: flex !important;
	align-items: center !important;
	gap: 18px !important;
	flex-shrink: 0;
}
.site-tools svg path {
	fill: var(--s-texto) !important;
	transition: fill 0.2s;
}
.site-tools .tools-icon:hover svg path {
	fill: var(--s-principal) !important;
}
.shop-cart-count {
	background: var(--s-texto) !important;
	color: var(--s-white) !important;
	font-size: 9px !important;
	min-width: 16px;
	height: 16px;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

@media (min-width: 769px) {
	.wrap-toggle-sidebar-menu { display: none !important; }
}
@media (max-width: 768px) {
	.site-header .woostify-container {
		padding: 0 16px !important;
		min-height: 56px !important;
	}
	.site-navigation { display: none !important; }
	.site-branding .site-title a { font-size: 15px !important; }
}

/* ===== BUSCADOR ===== */
.site-dialog-search {
	background: var(--s-white) !important;
	border-radius: 0 !important;
	box-shadow: 0 8px 40px rgba(0,0,0,0.12) !important;
	padding: 0 !important;
}

.dialog-search-content,
.woostify-search-wrap .dialog-search-content {
	max-width: 640px;
	margin: 0 auto;
	padding: 32px 48px 48px !important;
}

.dialog-search-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 16px;
}

.dialog-search-title {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--s-text-soft);
}

.dialog-search-close-icon {
	cursor: pointer;
	opacity: 0.4;
	transition: opacity 0.2s;
}
.dialog-search-close-icon:hover { opacity: 1; }
.dialog-search-close-icon svg path { fill: var(--s-texto) !important; }

.dialog-search-main { margin-top: 8px; }

.woocommerce-product-search {
	display: flex !important;
	align-items: center;
	flex-wrap: nowrap !important;
	border-bottom: 2px solid var(--s-texto);
	padding-bottom: 8px;
	gap: 12px;
}

.woocommerce-product-search .search-field {
	flex: 1;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	font-size: 22px !important;
	font-weight: 300;
	color: var(--s-texto);
	background: transparent !important;
	padding: 8px 0 !important;
	letter-spacing: 0.02em;
	min-width: 0;
}

.woocommerce-product-search .search-field::placeholder {
	color: #cccccc;
	font-weight: 300;
}

.woocommerce-product-search button[type="submit"] {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--s-texto) !important;
	cursor: pointer;
	padding: 8px 0 8px 16px !important;
	transition: color 0.2s;
	border-radius: 0 !important;
	white-space: nowrap !important;
	flex-shrink: 0;
}
.woocommerce-product-search button[type="submit"]:hover {
	color: var(--s-principal) !important;
}

.woocommerce-product-search .search-form-icon {
	display: none !important;
}

/* ===== FIX BOTÓN BUSCAR ===== */
.woocommerce-product-search button[type="submit"],
.woocommerce-product-search button[type="submit"][value="Buscar"] {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
	clip: auto !important;
	position: static !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: var(--s-texto) !important;
	cursor: pointer !important;
	padding: 8px 0 8px 16px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	border-radius: 0 !important;
	transition: color 0.2s !important;
}

.woocommerce-product-search button[type="submit"]:hover {
	color: var(--s-principal) !important;
}