@tailwind base;
@tailwind components;
@tailwind utilities;


h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input,
select,
option,
label,
button,
html,
body,
div {
	font-family: 'yekan-bakh' !important;
}

.pickr {
	@apply !hidden;
}

.block-item:active {
	cursor: grabbing;
}

.dragging {
	@apply bg-[#E6E6E6];
}




/* Desktop ! */
.d_h1 {
	@apply text-5xl font-bold leading-[67px]; 
}

.d_h2 {
	@apply text-3xl font-semibold leading-[51.20px];
}

.d_h3 {
	@apply text-2xl font-semibold leading-10;
}

.d_h4 {
	@apply text-xl font-semibold leading-loose;
}

.d_h5 {
	@apply text-lg font-semibold leading-7;
}

.d_h6 {
	@apply text-base font-semibold leading-relaxed;
}

.d_body1 {
	@apply text-lg font-medium leading-7;
}

.d_body2 {
	@apply text-base font-medium leading-relaxed;
}

.d_body3 {
	@apply text-sm font-medium leading-tight;
}

.d_button1 {
	@apply text-base font-bold leading-relaxed;
}

.d_button2 {
	@apply text-sm font-bold leading-snug;
}

.d_caption {
	@apply text-sm font-medium leading-tight;
}

/* Mobile ! */

.m_h1 {
	@apply text-[32px] font-bold leading-[67px]; 
}

.m_h2 {
	@apply text-[28px]  font-semibold leading-[51.20px];
}

.m_h3 {
	@apply text-2xl  font-semibold leading-10;
}

.m_h4 {
	@apply text-xl  font-semibold leading-loose;
}

.m_h5 {
	@apply text-lg font-semibold leading-7;
}

.m_h6 {
	@apply text-base font-semibold leading-relaxed;
}

.m_body1 {
	@apply text-lg font-medium leading-7;
}

.m_body2 {
	@apply text-base font-medium leading-relaxed;
}

.m_body3 {
	@apply text-sm font-medium leading-tight;
}

.m_button1 {
	@apply text-base font-bold leading-relaxed;
}

.m_button2 {
	@apply text-sm font-bold leading-snug;
}

.m_caption {
	@apply text-xs font-medium leading-tight;
}

.swiper-pagination-bullet {
	width: 16px !important;
	height: 16px !important;
	margin: 0 6px !important;
	border-radius: 50%;
}

.swiper-pagination-bullet::after {
	content: '';
	display: block;
	position: absolute;
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px;
}