/*
Theme Name:         Emarket
Theme URI:          http://demo.wpthemego.com/themes/sw_emarket/
Description:        eMarket is a modern and multi-functional eCommerce WordPress theme with multi-homepages, visual builder, RTL support and Mobile Layouts
Author:             Magentech
Author URI:         https://themeforest.net/user/magentech/
Version:            8.1.4
License:            GNU General Public License v2 or later
Text Domain: 		emarket
Tested up to:       6.7
Requires PHP:       8.0
*/


.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	left: 3px;
	position: relative;
	top: 5px;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

/*
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: rtl-language-support, sticky-post, two-columns
Text Domain: emarket

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ==========================================================================
   CANACO CUSTOM OPTIMIZATION (Professional Header Fix)
   ========================================================================== */

/**
 * 1. HEADER COMPACTO
 * Elimina espacios muertos forzados por Elementor y reduce la altura
 * de los contenedores principales.
 */
header.elementor-location-header .elementor-section,
header.elementor-location-header .elementor-container {
    min-height: auto !important; /* Anula alturas mínimas excesivas */
}

/* Reduce el padding vertical en la barra superior (Logos) */
header.elementor-location-header .elementor-top-section > .elementor-container {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/**
 * 2. CONTROL DE LOGOTIPOS
 * Fuerza a las imágenes del header a respetar una altura máxima.
 * Esto evita que el header se expanda demasiado verticalmente.
 */
header.elementor-location-header img {
    max-height: 65px !important; /* Ajusta este valor si quieres más/menos altura */
    width: auto !important;      /* Mantiene la relación de aspecto */
    object-fit: contain;
    transition: all 0.3s ease;   /* Suavizado si hay redimensionamiento */
}

/**
 * 3. BARRA DE BÚSQUEDA Y MENÚ
 * Estiliza los inputs para que se vean más modernos y menos toscos.
 */
header.elementor-location-header input[type="search"],
header.elementor-location-header .elementor-search-form__input {
    height: 42px !important;
    border-radius: 4px !important;
    font-size: 14px;
}

/* Ajuste fino para la segunda fila (Barra azul claro / Categorías) */
header.elementor-location-header .elementor-element-cf97fbd {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/**
 * 4. RESPONSIVE / MÓVIL
 * Ajustes específicos para celulares para evitar que los logos ocupen toda la pantalla.
 */
@media (max-width: 768px) {
    header.elementor-location-header img {
        max-height: 45px !important; /* Logos más pequeños en móvil */
    }
    
    header.elementor-location-header .elementor-section {
        padding: 5px !important;
    }
}