/*
 * Custom styles for the MOLTI homepage product tabs.
 * Use .molti-home-tabs as the root selector to avoid affecting Aspro components.
 */

.molti-home-tabs .top_blocks {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.molti-home-tabs .molti-tabs-show-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 148px;
	padding: 4px;
	border: 1px solid #dde5ed;
	border-radius: 10px;
	color: #123b62;
	background: #f1f4f7;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}

.molti-home-tabs .molti-tabs-show-all span {
	display: block;
	width: 100%;
	padding: 9px 16px;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 2px 7px rgba(36, 60, 84, .12);
	box-sizing: border-box;
	transition: color .2s ease, box-shadow .2s ease;
}

@media (hover: hover) {
	.molti-home-tabs .molti-tabs-show-all:hover span {
		color: var(--molti-accent, #0868c4);
		box-shadow: 0 3px 9px rgba(36, 60, 84, .18);
	}
}

.molti-home-tabs .molti-tabs-show-all:focus-visible {
	outline: 2px solid var(--molti-accent, #0868c4);
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.molti-home-tabs .top_blocks {
		align-items: stretch;
		flex-direction: column;
		gap: 10px;
	}

	.molti-home-tabs .molti-tabs-show-all {
		width: 100%;
	}
}