/* =========================================================
   SS DECO - HEADER / MENU FIX 2.7
   ========================================================= */

/* ---------------------------------------------------------
   1. DESKTOP: MAS ESPACIO ENTRE UTILIDADES
   --------------------------------------------------------- */

@media (min-width: 1000px) {

	#header [data-id="search"],
	#header [data-id="account"],
	#header [data-id="cart"],
	#header .ct-header-search,
	#header .ct-header-account,
	#header .ct-header-cart {
		margin-inline: 7px !important;
	}

	/* Evita que el primer/ultimo icono se alejen demasiado del bloque */
	#header [data-id="search"]:first-child,
	#header .ct-header-search:first-child {
		margin-left: 2px !important;
	}

	#header [data-id="cart"]:last-child,
	#header .ct-header-cart:last-child {
		margin-right: 2px !important;
	}
}

/* ---------------------------------------------------------
   2. MOBILE/OFFCANVAS: CENTRAR TODO EL MENU
   --------------------------------------------------------- */

@media (max-width: 999px) {

	/*
	 * Menu principal de Blocksy dentro del panel/offcanvas.
	 * No toca menus normales fuera del panel.
	 */
	.ct-panel .mobile-menu,
	.ct-panel .menu,
	.ct-offcanvas .mobile-menu,
	.ct-offcanvas .menu,
	#offcanvas .mobile-menu,
	#offcanvas .menu {
		text-align: center !important;
	}

	.ct-panel .mobile-menu > li > a,
	.ct-panel .menu > li > a,
	.ct-offcanvas .mobile-menu > li > a,
	.ct-offcanvas .menu > li > a,
	#offcanvas .mobile-menu > li > a,
	#offcanvas .menu > li > a {
		justify-content: center !important;
		text-align: center !important;
	}

	/* Buscar / Carrito / Mi cuenta centrados */
	.ct-panel .ss-mobile-utility-link,
	.ct-panel .ss-mobile-utility-button,
	.ct-offcanvas .ss-mobile-utility-link,
	.ct-offcanvas .ss-mobile-utility-button,
	#offcanvas .ss-mobile-utility-link,
	#offcanvas .ss-mobile-utility-button {
		justify-content: center !important;
		text-align: center !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	/*
	 * El contador ya no empuja "Carrito" hacia la izquierda.
	 * Forma parte del bloque centrado.
	 */
	.ct-panel .ss-mobile-cart-count,
	.ct-offcanvas .ss-mobile-cart-count,
	#offcanvas .ss-mobile-cart-count {
		margin-left: 4px !important;
		margin-right: 0 !important;
	}

	/*
	 * Selector claro/oscuro centrado SOLO dentro del offcanvas.
	 * La linea superior queda aqui, no en el footer.
	 */
	.ct-panel .ss-theme-toggle-item,
	.ct-offcanvas .ss-theme-toggle-item,
	#offcanvas .ss-theme-toggle-item {
		margin-top: 10px !important;
		padding-top: 10px !important;
		border-top: 1px solid rgba(243, 238, 230, 0.14) !important;
		text-align: center !important;
	}

	.ct-panel .ss-theme-toggle,
	.ct-offcanvas .ss-theme-toggle,
	#offcanvas .ss-theme-toggle {
		justify-content: center !important;
		width: 100% !important;
		padding-inline: 12px !important;
		text-align: center !important;
	}
}

/* ---------------------------------------------------------
   3. FOOTER: NUNCA MOSTRAR LINEA EN EL SELECTOR DE TEMA
   --------------------------------------------------------- */

.site-footer .ss-theme-toggle-item,
footer .ss-theme-toggle-item,
#footer .ss-theme-toggle-item {
	margin-top: 0 !important;
	padding-top: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	box-shadow: none !important;
}

.site-footer .ss-theme-toggle,
footer .ss-theme-toggle,
#footer .ss-theme-toggle {
	border: 0 !important;
	box-shadow: none !important;
}

/* Refuerzo por si Blocksy aplica una linea al LI o al BUTTON */
.site-footer li.ss-theme-toggle-item::before,
.site-footer li.ss-theme-toggle-item::after,
footer li.ss-theme-toggle-item::before,
footer li.ss-theme-toggle-item::after,
#footer li.ss-theme-toggle-item::before,
#footer li.ss-theme-toggle-item::after {
	display: none !important;
	content: none !important;
	border: 0 !important;
}