/* ============================================================
   Аливия — кнопки подразделов в рубриках-каталогах.

   Тема печатает их как `.child-categories ul li a` с чёрной
   рамкой; разметку подменяет subcats-design.php, здесь только
   оформление. Классы удвоены там, где тема спорит.
   ============================================================ */

.al-subcats.al-subcats{
	margin:0 0 24px;
}
.al-subcats.al-subcats ul{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin:0;
	padding:0;
	list-style:none;
}
.al-subcats.al-subcats ul li{
	margin:0;
	padding:0;
}

.al-subcats.al-subcats ul li a.al-subcat{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:9px 15px 9px 13px;
	background:var(--al-tint-100);
	border:1px solid var(--al-line);
	border-radius:14px;
	color:var(--al-primary-deep);
	font-size:14.5px;
	font-weight:600;
	line-height:1.25;
	text-decoration:none;
	transition:background-color .18s ease,border-color .18s ease,color .18s ease,
		box-shadow .18s ease,transform .18s ease;
}

.al-subcat__ico{
	flex:0 0 auto;
	display:inline-flex;
	width:19px;
	height:19px;
	color:var(--al-primary-soft);
	transition:color .18s ease,transform .18s ease;
}
.al-subcat__ico svg{
	display:block;
	width:100%;
	height:100%;
}
.al-subcat__txt{min-width:0}

.al-subcats.al-subcats ul li a.al-subcat:hover,
.al-subcats.al-subcats ul li a.al-subcat:focus-visible{
	background:#fff;
	border-color:var(--al-primary);
	color:var(--al-primary);
	box-shadow:0 10px 22px -14px rgba(76,53,222,.85);
	transform:translateY(-1px);
	outline:none;
}
.al-subcats.al-subcats ul li a.al-subcat:hover .al-subcat__ico,
.al-subcats.al-subcats ul li a.al-subcat:focus-visible .al-subcat__ico{
	color:var(--al-primary);
	transform:scale(1.06);
}
.al-subcats.al-subcats ul li a.al-subcat:active{
	transform:translateY(0);
	box-shadow:none;
}

@media (max-width:680px){
	.al-subcats.al-subcats{margin-bottom:18px}
	.al-subcats.al-subcats ul{gap:7px}
	.al-subcats.al-subcats ul li a.al-subcat{
		gap:7px;
		padding:7px 12px 7px 10px;
		font-size:13.5px;
		border-radius:12px;
	}
	.al-subcat__ico{width:17px;height:17px}
}

@media (prefers-reduced-motion:reduce){
	.al-subcats.al-subcats ul li a.al-subcat,
	.al-subcat__ico{transition:none}
	.al-subcats.al-subcats ul li a.al-subcat:hover{transform:none}
	.al-subcats.al-subcats ul li a.al-subcat:hover .al-subcat__ico{transform:none}
}