/*
Theme Name: Cao đẳng Phương Đông Đà Nẵng
*/

/* Custom Base Styles for Tailwind */
.pulse-bg {
	animation: pulse-border 2s infinite;
}

@keyframes pulse-border {
	0% { box-shadow: 0 0 0 0 rgba(227, 24, 55, 0.6); }
	70% { box-shadow: 0 0 0 15px rgba(227, 24, 55, 0); }
	100% { box-shadow: 0 0 0 0 rgba(227, 24, 55, 0); }
}

/* Tùy chỉnh Scrollbar siêu mỏng, đẹp */
.pulse-bg-blue {
	animation: pulse-border-blue 2s infinite;
}
@keyframes pulse-border-blue {
	0% { box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.6); }
	70% { box-shadow: 0 0 0 15px rgba(0, 104, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(0, 104, 255, 0); }
}

.icon-shake {
	animation: shake-icon 1.5s ease-in-out infinite;
}
@keyframes shake-icon {
	0%, 100% { transform: rotate(0deg); }
	10%, 30%, 50%, 70%, 90% { transform: rotate(-15deg); }
	20%, 40%, 60%, 80% { transform: rotate(15deg); }
}

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-track {
	background: #f1f5f9; 
}
::-webkit-scrollbar-thumb {
	background: #cbd5e1; 
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #94a3b8; 
}

/* Các đoạn chữ HTML lấy tự động từ Sheet cần căn chỉnh khoảng cách dòng */
.prose-custom p {
	margin-bottom: 1.25rem;
}
.prose-custom b, .prose-custom strong {
	font-weight: 700;
	color: #1e293b; 
}

.site-logo-text {
	max-width: 360px;
	letter-spacing: 0;
}

.prose-custom ul {
	list-style: disc;
	margin: 0 0 1.25rem 1.25rem;
}

.prose-custom li {
	margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
	.floating-sidebar {
		right: 1rem;
		bottom: 1rem;
		transform: scale(0.88);
		transform-origin: bottom right;
	}
}