/**
 * Typography System
 * Standardized typography classes for RSQUARE theme
 * Based on Figma design specifications
 */



/* Base Typography Classes */
.text-blog-title-des {
	font-weight: 500;
	line-height: 1.3;
	font-size: 1.125rem;
}
.text-h1, h1 {
	font-size: 2.5rem !important;
	/* 40px */
	font-weight: 600;
	line-height: 1.3;
}

.text-h2, h2 {
	font-size: 1.75rem !important;
	/* 28px */
	font-weight: 600;
	line-height: 1.3;
}

.text-h3, h3 {
	font-size: 1.25rem !important;
	/* 20px */
	font-weight: 500;
	line-height: 1.3;
}


.text-p {
	font-size: 1rem;
	/* 16px */
	font-weight: 400;
	line-height: 1.4;
}


/* Special Typography */
.text-stats-number {
	font-size: 2rem;
	/* 32px */
	font-weight: 800;
	line-height: 1.3;
}

.text-badge {
	font-size: 0.625rem;
	/* 10px */
	font-weight: 700;
	line-height: 1.3;
}

.text-view-more {
	font-size: 1.25rem;
	/* 20px */
	font-weight: 500;
	line-height: 1.3;
	transition: color 0.3s;
}

.text-sub-title {
	font-size: 1.25rem;
	/* 20px */
	font-weight: 500;
	line-height: 1.3;
}

.text-view-more:hover {
	color: #C9252C;
}

.text-label {
	font-size: 1rem;
	color: #828282;
	line-height: 1.3;
	font-weight: 400;
}

.text-button {
	font-size: 1rem;
	/* 16px */
	font-weight: 500;
	line-height: 1.3;
}

.text-button-large {
	font-size: 1rem;
	/* 16px */
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}


/* Dropdown Search Input Styling */
.dropdown-search {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	/* 16px */
	font-weight: 400;
	line-height: 1.3;
	color: #000000;
	border: none;
	outline: none;
	width: 100%;
	flex: 1;
}

.dropdown-search::placeholder {
	color: #AAAAAA;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
}

/* Responsive Typography */
@media (max-width: 768px) {
	.text-p {
		font-size: 0.875rem;
	}

	.text-h1, h1 {
		font-size: 1.5rem !important;
		/* 24 */
	}

	.text-stats-number {
		font-size: 1.5rem;
		/* 24px */
	}

	.text-h2, h2 {
		font-size: 1.25rem !important;
		/* 20px */
	}

	.text-h3, h3 {
		font-size: 1.125rem !important;
		/* 18px */
	}

	.text-view-more {
		font-size: 1.125rem;
	}

	.text-sub-title {
		font-size: 1rem;
	}
}