/**
 * TOS
 *
 * @package    tos
 * @subpackage modules/page/css
 * @since      1.0.0
 * @version    1.0.0
 * @author     Ehsan Zare <darksider.legend@gmail.com>
 * @link       https://code-path.com
 * @copyright  (c) 2024 Code-path web developing team
 */

/*-------------------------------------------------------------------------*/
/* TOS
/*-------------------------------------------------------------------------*/
.tos[tos] {
	--gap: 2rem;
	--padding: 2rem;

	--tos-item-title-color: #bfd9e5;
	--tos-item-content-color: #6c6c6c;

	width: 100%;
	height: auto;

	gap: var(--gap);

	padding: var(--padding);

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/* TOS: Item
/*---------------------------------------------------------------*/
.tos[tos] .tos__item {
	width: 100%;
	height: auto;
}

/* Item (title) */
.tos[tos] .tos__item .item__title {
	width: 100%;
	height: auto;

	color: var(--tos-item-title-color);

	font-size: 1.3rem;
	font-weight: 800;
}

/* Item (content) */
.tos[tos] .tos__item .item__content {
	width: 100%;
	height: auto;

	color: var(--tos-item-content-color);
}

/* TOS: Responsive
/*---------------------------------------------------------------*/
@media screen and (min-width: 992px) { /* LG */
	.tos[tos] {
		--padding: 0;
	}
}