/* ============================================================================
 * archive-shop-rest.css — Archive Tienda + categorías producto (#509 → PHP)
 * dev_task #98 (F7 preview · it1-QA rediseño). Diferido (media=print onload swap R30).
 * Decoración: hover cross-fade tiles, glow dividers, pills fill, paginación pills,
 * botón Revi, links prose. Scoped a .archive-shop-php.
 * ========================================================================== */

/* ---- Tiles: hover cross-fade a 2ª imagen + glow magenta (patrón NMV) ---- */
.archive-shop-php .ashop-grid .nmv-card__media {
	box-shadow: 0 1px 3px rgba(22, 22, 22, .06);
	transition: box-shadow .25s ease, transform .25s ease;
}
.archive-shop-php .ashop-grid .nmv-card__img { transition: opacity .45s ease, transform .6s ease; }
.archive-shop-php .ashop-grid .nmv-card--has-hover:hover .nmv-card__img--main { opacity: 0; }
.archive-shop-php .ashop-grid .nmv-card--has-hover:hover .nmv-card__img--hover { opacity: 1; }
.archive-shop-php .ashop-grid .nmv-card:hover .nmv-card__img { transform: scale(1.05); }
.archive-shop-php .ashop-grid .nmv-card:hover .nmv-card__media {
	transform: translateY(-4px);
	box-shadow: 0 12px 28px rgba(22, 22, 22, .14),
				0 0 0 2px rgba(230, 0, 126, .55),
				0 0 22px rgba(230, 0, 126, .35);
}
.archive-shop-php .ashop-grid .nmv-card__title { transition: color .2s ease; }
.archive-shop-php .ashop-grid .nmv-card:hover .nmv-card__title { color: #E6007E; }
.archive-shop-php .ashop-grid .nmv-card__link:focus-visible { outline: 2px solid #E6007E; outline-offset: 3px; border-radius: 14px; }

/* ---- Dividers glow (neon stroke) ---- */
.archive-shop-php .divider .wave-glow--mg {
	stroke: #E6007E;
	filter: drop-shadow(0 0 3px rgba(230,0,126,.8))
			drop-shadow(0 0 8px rgba(230,0,126,.5))
			drop-shadow(0 0 20px rgba(230,0,126,.25))
			drop-shadow(0 0 40px rgba(230,0,126,.1));
}
.archive-shop-php .divider .wave-glow--am {
	stroke: #FFED00;
	filter: drop-shadow(0 0 3px rgba(255,237,0,.8))
			drop-shadow(0 0 8px rgba(255,237,0,.5))
			drop-shadow(0 0 20px rgba(255,237,0,.25))
			drop-shadow(0 0 40px rgba(255,237,0,.1));
}
@media (max-width: 700px) {
	.archive-shop-php .divider .wave-glow { stroke-width: 1.5; }
}

/* ---- Pills subcategorías: hover fill magenta + glow ---- */
.archive-shop-php .ashop-pill {
	transition: background .2s ease, color .2s ease, box-shadow .25s ease, transform .15s ease;
}
.archive-shop-php .ashop-pill:hover {
	background: #E6007E;
	color: #ffffff;
	box-shadow: 0 0 18px rgba(230, 0, 126, .45);
	transform: translateY(-1px);
}

/* ---- Ordenación WC discreta ---- */
.archive-shop-php .ashop-toolbar .woocommerce-ordering select:focus {
	outline: 2px solid rgba(230, 0, 126, .4);
	outline-offset: 1px;
}

/* ---- Paginación /page/N/ — pills ---- */
.archive-shop-php .ashop-pagination {
	margin: clamp(1.75rem, 4vw, 3rem) 0 0;
	display: flex;
	justify-content: center;
}
.archive-shop-php .ashop-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.archive-shop-php .ashop-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 .6rem;
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	color: #440099;
	font-family: 'Nunito', system-ui, sans-serif;
	font-weight: 700;
	text-decoration: none;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}
.archive-shop-php .ashop-pagination .page-numbers:hover { border-color: #E6007E; color: #E6007E; }
.archive-shop-php .ashop-pagination .page-numbers.current {
	background: #E6007E;
	border-color: #E6007E;
	color: #fff;
}
.archive-shop-php .ashop-pagination .page-numbers.dots { border: none; min-width: auto; }

/* ---- Botón "Ver opiniones verificadas" (revi.io) ---- */
.archive-shop-php .ashop-revi__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #E6007E;
	border-radius: 999px;
	padding: 12px 26px;
	background: transparent;
	color: #440099;
	font-family: 'Nunito', system-ui, sans-serif;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .5px;
	transition: background .25s ease, color .25s ease, box-shadow .25s ease, transform .15s ease;
}
.archive-shop-php .ashop-revi__btn:hover {
	background: #E6007E;
	color: #fff;
	box-shadow: 0 0 22px rgba(230, 0, 126, .5);
	transform: translateY(-1px);
}

/* ---- SEO links: ROSA CORPORATIVO (QA Kevin it2) — intro + contenido de acordeones ---- */
.archive-shop-php .ashop-seo__intro a,
.archive-shop-php .ashop-seo__a a {
	color: #E6007E;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.archive-shop-php .ashop-seo__intro a:hover,
.archive-shop-php .ashop-seo__a a:hover {
	color: #FF008C;
	text-decoration-thickness: 2px;
}
/* Listas dentro de intro y respuestas de acordeón */
.archive-shop-php .ashop-seo__intro ul,
.archive-shop-php .ashop-seo__intro ol,
.archive-shop-php .ashop-seo__a ul,
.archive-shop-php .ashop-seo__a ol { margin: 0 0 .8rem 1.3rem; padding-left: 0; }
.archive-shop-php .ashop-seo__a li,
.archive-shop-php .ashop-seo__intro li { margin: 0 0 .4rem; }

/* ---- Bottom spacing ---- */
.archive-shop-php .ashop-main { padding-bottom: 0; }

/* ---- prefers-reduced-motion ---- */
@media (prefers-reduced-motion: reduce) {
	.archive-shop-php .ashop-grid .nmv-card__media,
	.archive-shop-php .ashop-grid .nmv-card__img,
	.archive-shop-php .ashop-grid .nmv-card__title,
	.archive-shop-php .ashop-pill,
	.archive-shop-php .ashop-revi__btn { transition: none; }
	.archive-shop-php .ashop-grid .nmv-card:hover .nmv-card__media,
	.archive-shop-php .ashop-grid .nmv-card:hover .nmv-card__img,
	.archive-shop-php .ashop-pill:hover,
	.archive-shop-php .ashop-revi__btn:hover { transform: none; }
}