/*
 * Ajustes de diseño — auditoría 25-10-2026, hallazgos de prioridad ALTA (05 a 10).
 * Se carga al final de todo (mu-plugins/la-ajustes-diseno.php, prioridad 10050),
 * así que pisa al tema, a Elementor y a los plugins sin tocar sus archivos.
 * Cada bloque dice a qué hallazgo responde; para revertir uno, se borra su bloque.
 */

/* ───────────────────────────────────────────────────────────────────────────
 * ALTO 05 — Un solo estilo de título de página
 * El estilo de referencia es el de Catálogo / Puntos de venta (style.css E6):
 * Merriweather 800, ícono Material y subrayado azul, sobre banda blanca.
 * ─────────────────────────────────────────────────────────────────────────── */

/* a) Toda página con el título de Besa en la banda (#tbay-breadscrumb.show-title). */
body.page #tbay-breadscrumb.show-title {
	background-color: #fff !important;
	padding: 2.25rem 0 2rem !important;
}
body.page #tbay-breadscrumb.show-title .container { max-width: 1140px !important; }
body.page #tbay-breadscrumb.show-title h1.page-title,
.mapa-librerias-argentina .site-main > header.entry-header h1.entry-title,
.la-ciclo h1.la-ciclo__titulo {
	font-family: 'Merriweather', Georgia, serif !important;
	font-size: 2.4rem !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
	color: var(--la-ink, #1a2744) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.45em !important;
	padding-bottom: 0.6rem !important;
	border-bottom: 2.5px solid var(--la-blue, #476EC2) !important;
	margin: 0 !important;
	line-height: 1.15 !important;
}
/* Ícono por defecto con especificidad baja: las páginas que ya tenían uno en style.css (storefront, event…) lo conservan. */
:where(body.page #tbay-breadscrumb.show-title) h1.page-title::before { content: "article"; }
body.page #tbay-breadscrumb.show-title h1.page-title::before,
.mapa-librerias-argentina .site-main > header.entry-header h1.entry-title::before,
.la-ciclo h1.la-ciclo__titulo::before {
	font-family: "Material Symbols Outlined";
	font-size: 2rem !important;
	font-weight: 400 !important;
	color: var(--la-blue, #476EC2) !important;
	line-height: 1 !important;
}
/* Íconos propios de las páginas nuevas en la banda. */
body.contacto #tbay-breadscrumb.show-title h1.page-title::before { content: "mail"; }
.la-ciclo h1.la-ciclo__titulo::before { content: "mic"; }
.mapa-librerias-argentina .site-main > header.entry-header h1.entry-title::before { content: "local_library"; }

/* b) Mapa de librerías: el H1 existía pero estaba oculto. Se muestra en una banda como las demás. */
.mapa-librerias-argentina .site-main > header.entry-header {
	display: block !important;
	visibility: visible !important;
	position: static !important;
	height: auto !important;
	clip: auto !important;
	background: #fff;
	margin: 0 calc(50% - 50vw) 2rem !important;
	padding: 2.25rem calc(50vw - 50%) 2rem !important;
}
.mapa-librerias-argentina .site-main > header.entry-header h1.entry-title {
	margin-left: max(0px, calc((100% - 1140px) / 2)) !important; /* alinea con el contenedor de 1140 px de las demás bandas */
}

/* c) Ciclo de charlas: mismo título sobre banda blanca a todo el ancho (box-shadow + clip-path,
 *    sin tocar el HTML de la plantilla) y el mismo ancho de contenedor. El antetítulo sobra. */
.la-ciclo { max-width: 1140px !important; }
.la-ciclo .la-ciclo__eyebrow { display: none !important; }
.la-ciclo h1.la-ciclo__titulo {
	margin: 2.25rem 0 3.25rem !important;
	background: #fff;
	box-shadow: 0 0 0 100vmax #fff;
	clip-path: inset(-2.25rem -100vmax -2rem -100vmax);
}

/* ALTO 06 (colores de botón): revertido el 25-10-2026 a pedido. Los botones vuelven a sus colores originales. */

/* ───────────────────────────────────────────────────────────────────────────
 * ALTO 07 — Tarjetas de Puntos de venta legibles
 * La foto queda arriba (más baja) y los datos abajo, en tinta sobre blanco.
 * ─────────────────────────────────────────────────────────────────────────── */
/* Grilla en flex: con alturas distintas, los floats de Dokan dejaban huecos. */
.seller-listing-content ul.dokan-seller-wrap { display: flex !important; flex-wrap: wrap !important; }
.seller-listing-content ul.dokan-seller-wrap::before,
.seller-listing-content ul.dokan-seller-wrap::after { display: none !important; }
.seller-listing-content ul.dokan-seller-wrap > li.dokan-single-seller { float: none !important; display: flex !important; }
.seller-listing-content ul.dokan-seller-wrap > li.dokan-single-seller > .store-wrapper { width: 100%; }
#dokan-seller-listing-wrap .store-wrapper,
.dokan-seller-wrap .store-wrapper {
	background: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.dokan-single-seller .store-header { height: auto !important; }
.dokan-single-seller .store-banner { height: 150px !important; min-height: 150px !important; overflow: hidden; }
.dokan-single-seller .store-banner img { height: 150px !important; object-fit: cover; }
.dokan-single-seller .store-content {
	position: static !important;
	height: auto !important;
	background: #fff !important;
	color: var(--la-ink, #1a2744) !important;
	padding: 18px 20px 4px !important;
}
.dokan-single-seller .store-content .store-data-container { padding: 0 !important; position: static !important; }
.dokan-single-seller .store-content .store-data { padding: 0 !important; }
.dokan-single-seller .store-data.store_open_is_on { margin-top: 0 !important; }
.dokan-single-seller .store-content h2,
.dokan-single-seller .store-content h2 a {
	color: var(--la-ink, #1a2744) !important;
	text-shadow: none !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	margin: 0 0 8px !important;
	padding-right: 84px;
}
.dokan-single-seller .store-content p,
.dokan-single-seller .store-content p span,
.dokan-single-seller .store-content p i {
	color: #46536f !important;
	text-shadow: none !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
}
.dokan-single-seller .store-content .store-phone { margin-top: 6px !important; }
/* «Abierto/Cerrado»: chip blanco sólido en la esquina de la foto (se lee sobre cualquier imagen). */
.dokan-single-seller .dokan-store-is-open-close-status {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	right: auto !important;
	z-index: 2;
	display: inline-block !important;
	margin: 0 !important;
	padding: 2px 10px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	background: #fff !important;
	color: #344054 !important;
	box-shadow: 0 1px 3px rgba(26, 39, 68, .2);
}
/* Avatar: sobre el borde inferior de la foto, a la derecha. */
.dokan-single-seller .store-footer { position: static !important; margin-top: auto; }
.dokan-single-seller .store-wrapper { position: relative; }
.dokan-single-seller .seller-avatar { top: 110px !important; bottom: auto !important; }

/* ───────────────────────────────────────────────────────────────────────────
 * ALTO 08 — Dos familias: Merriweather (títulos) y Open Sans (texto)
 * ─────────────────────────────────────────────────────────────────────────── */
.la-ciclo,
.la-ciclo p,
.la-ciclo li,
.la-ciclo a,
.la-ciclo span,
.la-ciclo button,
.pl-librerias-hub,
.pl-librerias-hub p,
.pl-librerias-hub span,
.pl-librerias-hub label,
.pl-librerias-hub input,
.pl-librerias-hub select,
.pl-librerias-hub button,
.pl-librerias-hub a {
	font-family: 'Open Sans', system-ui, sans-serif !important;
}
.la-ciclo h1,
.la-ciclo h2,
.la-ciclo h3,
.pl-librerias-hub h2,
.pl-librerias-hub h3,
.pl-librerias-hub h4,
.pl-librerias-postular-title,
.pl-librerias-section-title {
	font-family: 'Merriweather', Georgia, serif !important;
}

/* ───────────────────────────────────────────────────────────────────────────
 * ALTO 09 — Home: todas las secciones al mismo ancho
 * Las cajas de productos van de borde a borde del contenedor; el slider (10 px),
 * el ranking (15 px) y el banner de Agenda (15 px) quedaban más adentro.
 * ─────────────────────────────────────────────────────────────────────────── */
.home .elementor-element-4027123 { padding-left: 0 !important; padding-right: 0 !important; --padding-left: 0px; --padding-right: 0px; }
.home .elementor-element-f29ba78 > .elementor-container > .elementor-column > .elementor-widget-wrap,
.home .elementor-element-f423477 > .elementor-container > .elementor-column > .elementor-widget-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ───────────────────────────────────────────────────────────────────────────
 * ALTO 10 — Nada por debajo de 12 px (botones del slider: 14 px)
 * ─────────────────────────────────────────────────────────────────────────── */
.item-rubro,
.la-book-data__label,
.la-desc-meta__label,
.pl-event-list-card__badge-date-month,
.pl-event-list-card__order-flag span,
.pl-event-list-card__badge-free,
.pl-event-list-card__badge-consultar,
.pl-event-list-card__badge-recurrence span,
.pl-event-list-card__badge-modalidad span,
.pl-librerias-field__label,
.pl-librerias-toggle__label,
.pl-librerias-postular-eyebrow,
.pl-librerias-hub__meta span {
	font-size: 12px !important;
	line-height: 1.3 !important;
}
.pl-event-list-card__address span { font-size: 13px !important; }
@media (max-width: 767px) {
	.elementor-slides .elementor-slide-button {
		font-size: 14px !important;
		padding: 10px 18px !important;
	}
}

/* ═══════════════════════════════════════════════════════════════════════════
 * PRIORIDAD MEDIA — celular (hallazgos 11 a 15). Todo dentro de max-width: 767px,
 * así el escritorio no cambia.
 * ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {

	/* MEDIO 11 — Banner de la home (slider móvil dd12871, imágenes 4:5).
	 * Antes: alto fijo de 400 px con «cover» → la imagen se cortaba abajo (logos)
	 * y el botón quedaba encima. Ahora la imagen entra completa y el botón va
	 * centrado en la franja de abajo. */
	.elementor-element-dd12871 .swiper-slide { height: auto !important; aspect-ratio: 4 / 5.6; }
	.elementor-element-dd12871 .swiper-slide-bg {
		background-size: 100% auto !important;
		background-position: center top !important;
		background-color: #fff !important;
	}
	.elementor-element-dd12871 .swiper-slide-inner {
		align-items: flex-end !important;
		justify-content: center !important;
		padding: 0 16px 12px !important;
	}
	.elementor-element-dd12871 .swiper-slide-contents { width: 100% !important; max-width: none !important; }
	.elementor-element-dd12871 .elementor-slide-button { font-size: 15px !important; padding: 12px 22px !important; }

	/* MEDIO 12 — Eventos: «Sumá tu evento a la agenda» medía 423 px en una pantalla de 390. */
	.pl-events-add-cta-wrap { padding: 0 16px !important; box-sizing: border-box; }
	.pl-events-add-cta-wrap a.la-btn {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		white-space: normal !important;
		font-size: 17px !important;
		line-height: 1.25 !important;
		height: auto !important;
		padding: 14px 18px !important;
		justify-content: center !important;
		text-align: center;
	}

	/* MEDIO 13 — Ficha: el precio de cada vendedor se pasaba 29 px a la derecha. */
	.products-geoloc-vendor-item .products-geoloc-vendor-price {
		width: auto !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	/* MEDIO 14 — Puntos de venta: tarjetas compactas (sin la foto de portada; el
	 * avatar queda a la derecha) y «Ordenar por» en su propia línea, dentro de pantalla.
	 * Medido: de 24.057 px a 14.622 px de alto con 60 tiendas. */
	.dokan-single-seller .store-banner { display: none !important; }
	.dokan-single-seller .store-content { padding: 16px 16px 4px !important; }
	.dokan-single-seller .store-content .store-data { padding-right: 60px !important; }
	.dokan-single-seller .store-content h2,
	.dokan-single-seller .store-content h2 a { padding-right: 0 !important; }
	.dokan-single-seller .seller-avatar {
		top: 14px !important;
		right: 14px !important;
		left: auto !important;
		width: 56px !important;
		height: 56px !important;
	}
	.dokan-single-seller .seller-avatar img { width: 48px !important; height: 48px !important; }
	.dokan-single-seller .dokan-store-is-open-close-status {
		position: static !important;
		box-shadow: none !important;
		background: #f2f4f7 !important;
		margin: 0 0 8px !important;
	}
	.dokan-single-seller .store-footer { padding-top: 8px !important; padding-bottom: 14px !important; }
	.seller-listing-content ul.dokan-seller-wrap > li.dokan-single-seller { margin-bottom: 14px !important; }
	#dokan-store-listing-filter-wrap .right { flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; }
	#dokan-store-listing-filter-wrap form.sort-by.item {
		display: flex !important;
		align-items: center;
		gap: 8px;
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}
	#dokan-store-listing-filter-wrap form.sort-by.item select { flex: 1; min-width: 0; max-width: 100%; }

	/* MEDIO 15 — Logo del encabezado móvil sin deformar, y ranking deslizable
	 * (antes: un libro por pantalla, 1.992 px para el top 3; ahora 488 px). */
	.topbar-device-mobile .mobile-logo img { object-fit: contain !important; }
	section.br-home .br-home__grid {
		grid-template-columns: none !important;
		grid-auto-flow: column !important;
		grid-auto-columns: 62% !important;
		gap: 12px !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory;
		padding-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}
	section.br-home .br-home__card { scroll-snap-align: start; }
	section.br-home .br-home__cover-wrap { height: auto !important; }
	section.br-home .br-home__cover {
		width: 100% !important;
		height: auto !important;
		max-height: 300px;
		object-fit: contain;
	}
}