/*
Theme Name: Kadence Child
Theme URI: https://pidecositas.com
Description: Tema hijo de Kadence para el flujo de compra rápido de pidecositas.com (modal + carrito lateral).
Author: pidecositas
Template: kadence
Version: 1.1.5
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* ========== Header branding ========== */
#masthead .site-main-header-inner-wrap.site-header-row,
#masthead .site-header-section {
	align-items: center;
}

#masthead .site-main-header-inner-wrap {
	min-height: 84px;
}

#masthead .site-header-item,
#masthead .site-branding,
#masthead .brand {
	display: flex;
	align-items: center;
}

#masthead .mobile-toggle-open-container,
#masthead .header-cart-wrap,
#masthead .header-navigation {
	display: flex;
	align-items: center;
	height: 100%;
}

/* Desktop: icon + proper site title */
@media (min-width: 1025px) {
	#masthead .site-branding a.brand.has-logo-image {
		display: inline-flex;
		align-items: center;
		gap: 14px;
		text-decoration: none;
	}

	/* Crop baked-in text from logo image; keep the icon only */
	#masthead .site-branding a.brand img.custom-logo,
	#masthead .site-branding a.brand img.svg-logo-image {
		display: block;
		width: 64px !important;
		height: 64px !important;
		max-width: 64px !important;
		max-height: 64px !important;
		object-fit: cover;
		object-position: top center;
		border-radius: 12px;
	}

	#masthead .site-branding a.brand .site-title-wrap {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		margin: 0;
	}

	#masthead .site-branding a.brand .site-title {
		margin: 0;
		font-size: 1.45rem;
		font-weight: 700;
		line-height: 1.15;
		letter-spacing: -0.02em;
		color: #1a202c;
		text-transform: none;
	}

	#masthead .site-branding a.brand:hover .site-title {
		color: #215387;
	}
}

/* Tablet / mobile: compact logo, no duplicate title text */
@media (max-width: 1024px) {
	#masthead .site-main-header-inner-wrap {
		min-height: 68px;
	}

	#masthead .site-branding a.brand img.custom-logo,
	#masthead .site-branding a.brand img.svg-logo-image,
	#masthead .site-branding a.brand img.extra-custom-logo {
		display: block;
		width: auto !important;
		max-width: 112px !important;
		max-height: 52px !important;
		height: auto !important;
		object-fit: contain;
	}

	#masthead .site-branding a.brand .site-title-wrap {
		display: none !important;
	}
}