@layer tailwind-base {
	@tailwind base;
}

@layer tailwind-utilities {
	@tailwind components;
	@tailwind utilities;
}

@layer utilities {
	.rtl {
		direction: rtl;
	}
	.ltr {
		direction: ltr;
	}
}

.p-component {
	@apply !font-vazir ltr;
}

.p-inputtext,
.p-dropdown {
	@apply !shrink-0 h-14 !rounded-[0.6rem] border-stone-300 !relative !z-0;
}

.p-calendar {
	@apply w-max;
}

.p-password {
	@apply w-full;
}

.p-checkbox-box {
	@apply w-[1.1rem] h-[1.1rem] rounded border border-neutral-400;
}

.p-button:not(.p-button-icon-only) {
	@apply rounded-[0.6rem] h-14;
}

/* .p-button-label {
    @apply text-sm font-medium font-iran-sans;
} */

.p-dropdown-panel {
	@apply mt-1 !rounded-xl rtl;
}

.p-dropdown,
.p-inputtextarea {
	@apply rtl;
}

.p-inputtextarea {
	@apply min-h-[3.5rem] h-auto;
}

.p-accordion-header-text {
	@apply text-[#333333] text-xl font-bold font-vazir;
}

.p-accordion-header .left::before {
	content: "\e931";
}
.p-accordion-header .up::before {
	content: "\e940";
}

::-webkit-scrollbar {
	@apply w-2 h-2 cursor-pointer;
}

::-webkit-scrollbar-track {
	@apply bg-[#EBEBEB];
}

::-webkit-scrollbar-thumb {
	@apply bg-[#CDCDCD] hover:bg-neutral-300 rounded-[1.3rem];
}

body.p-overflow-hidden {
	/* @apply !pr-2; */
}

dialog {
	@apply static;
}

.p-monthpicker,
.p-yearpicker,
.p-datepicker-calendar-container,
.p-datepicker-header {
	@apply rtl;
}

.p-datepicker-prev,
.p-datepicker-next {
	@apply rotate-180;
}

.p-tooltip {
	@apply rtl;
}

* {
	-webkit-tap-highlight-color: transparent;
}

body:has(.p-dialog) {
	@apply overflow-hidden;
}

.p-blockui {
	@apply z-[1] !important;
}

/* .p-button.p-button-link:enabled:hover .p-button-label{
    @apply no-underline;
} */

html {
	@apply text-[16px];
}

@media (-webkit-min-device-pixel-ratio: 1.01 ) and (min-width: 1024px) {
	html {
		@apply !text-[12.83px];
	}
}