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


@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-UltraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-DemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}



@font-face {
    font-family: "IRANSansXFaNum";
    src: url("../../public/font/IRANSansXFaNum-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}


body {
    font-family: "IRANSansXFaNum", sans-serif;
}

/* استایل برای Firefox */
html {
    scrollbar-width: thin; /* نازک کردن اسکرول‌بار */
    scrollbar-color: #d1d5db #f3f4f6; /* thumb: gray-300، track: gray-100 */
}

/* استایل برای WebKit (Chrome, Edge, Safari) */
html::-webkit-scrollbar {
    width: 4px; /* عرض نازک مثل Ravihesab */
}

html::-webkit-scrollbar-track {
    background: #FFBB00; /* track: خاکستری خیلی روشن */
    border-radius: 0; /* لبه‌های صاف (بدون گردی) */
}

html::-webkit-scrollbar-thumb {
    background: #FFBB00; /* thumb: خاکستری متوسط */
    border-radius: 0; /* لبه‌های صاف */
}

html::-webkit-scrollbar-thumb:hover {
    background: #FFBB00; /* hover: تیره‌تر (gray-400) */
    border-radius: 0; /* صاف در hover هم */
}

/* پشتیبانی از Dark Mode (اگر سایت داره، اختیاری – Ravihesab light mode داره) */
@media (prefers-color-scheme: dark) {
    html::-webkit-scrollbar-track {
        background: #F8F8F8; /* track تیره: gray-700 */
        border-radius: 0;
    }
    html::-webkit-scrollbar-thumb {
        background: #FFBB00; /* thumb تیره: gray-500 */
        border-radius: 0;
    }
    html::-webkit-scrollbar-thumb:hover {
        background: #F8F8F8; /* hover تیره‌تر: gray-600 */
        border-radius: 0;
    }
    html {
        scrollbar-color: #FFBB00 #F8F8F8; /* برای Firefox */
    }
}


.inputFild {
    @apply flex items-center pl-[1px] pr-[3px] h-[50px] rounded-[16px] gap-[4px] relative top-0 left-0 w-full
}

.label{
    @apply absolute right-[20px] -top-4 text-secondary-main px-4 bg-box transition-all duration-200 ease-in;
}

.input:focus ~ .label,
.input:not(:placeholder-shown).input:not(:focus) ~ .label {
    @apply -top-4 px-4 bg-box text-secondary-main;
}

.div:focus ~ .label,
.dic:not(:placeholder-shown).div:not(:focus) ~ .label {
    @apply -top-4 text-secondary-main px-2 bg-box;
}

/*.inputFild input:read-only {*/
/*    @apply bg-gray-100 cursor-not-allowed text-gray-500;*/
/*}*/

/*.inputFild input:read-only ~ .label {*/
/*    @apply text-gray-400 absolute right-[20px] -top-4 px-0;*/
/*}*/

/* Hide arrows in Chrome, Safari, Edge, and Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide arrows in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #0C0D0ffa, #0C0D0ffa);
    transition: transform 0.5s ease;
    z-index: 0;
    border-radius: 12px;
    opacity: 10%;
}

.button:hover::before {
    transform: translateX(-50%) scaleX(1);
}

.button span,
.button {
    position: relative;
    z-index: 1;
}

.button:hover {
    color: white;
}

.btn-animated {
    @apply   relative overflow-hidden z-[1] transition-all duration-300 ease-in-out border-none font-bold w-full py-[0.85rem] px-4 rounded-lg
}

.btn-primary-yellow {
    @apply bg-primary-main text-[#1F2937] shadow-[0_4px_14px_rgba(255,193,7,0.15)]
}

.btn-primary-yellow:hover {
    @apply shadow-[0_6px_20px_rgba(255,193,7,0.15)];
}

.btn-animated:hover {
    transform: translateY(-2px);
}

/*       !* تعریف متغیرهای CSS برای هماهنگی با پالت رنگی inline در کد JSX *!*/
/*   :root {*/
/*       --calendar-bg: #f8f8f8; !* پس‌زمینه تقویم (هماهنگ با bg لیبل فوکوس) *!*/
/*       --calendar-header-text: #0C0D0F; !* متن هدر (هماهنگ با متن لیبل فعال) *!*/
/*       --calendar-selected-day: #0C0D0F; !* پس‌زمینه روز انتخاب‌شده (هماهنگ با متن فعال) *!*/
/*       --calendar-day-text: #0C0D0F; !* متن روزها (هماهنگ با متن فعال) *!*/
/*       --calendar-day-hover: #e0f2fe; !* پس‌زمینه هاور روی روزها (آبی روشن ملایم) *!*/
/*       --calendar-nav-button: #6b7280; !* دکمه‌های ناوبری (فلش‌ها، هماهنگ با آیکون تقویم) *!*/
/*       --calendar-disabled-text: #9ca3af; !* متن روز غیرفعال (هماهنگ با متن لیبل غیرفعال) *!*/
/*   }*/

/*!* استایل کلی کانتینر DatePicker (راست‌چین) *!*/
/*.rmdp-container {*/
/*    width: 100%;*/
/*    direction: rtl; !* راست‌چین کردن تقویم برای سازگاری با persian_fa *!*/
/*}*/

/*!* استایل کلی پاپ‌آپ تقویم *!*/
/*.rmdp-calendar {*/
/*    background-color: var(--calendar-bg);*/
/*    border: 1px solid #e5e7eb; !* حاشیه ملایم *!*/
/*    border-radius: 8px;*/
/*    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); !* سایه ملایم *!*/
/*    font-family: inherit; !* ارث‌بری فونت از والد *!*/
/*    font-size: 14px;*/
/*}*/

/*!* هدر تقویم (نام ماه و سال) *!*/
/*.rmdp-header {*/
/*    background-color: var(--calendar-bg);*/
/*    color: var(--calendar-header-text);*/
/*    font-weight: 600;*/
/*    padding: 12px;*/
/*    text-align: center;*/
/*    border-bottom: 1px solid #e5e7eb;*/
/*}*/

/*!* دکمه‌های ناوبری (فلش‌های قبلی/بعدی) *!*/
/*.rmdp-arrow {*/
/*    color: var(--calendar-nav-button);*/
/*    font-size: 18px;*/
/*}*/

/*.rmdp-arrow:hover {*/
/*    color: var(--calendar-selected-day);*/
/*    background-color: var(--calendar-day-hover);*/
/*    border-radius: 50%;*/
/*}*/

/*!* استایل روزهای هفته (شنبه، یکشنبه، ...) *!*/
/*.rmdp-week-day {*/
/*    color: var(--calendar-day-text);*/
/*    font-weight: 500;*/
/*}*/

/*!* استایل کلی روزها *!*/
/*.rmdp-day {*/
/*    color: var(--calendar-day-text);*/
/*    font-size: 14px;*/
/*    border-radius: 50%;*/
/*    transition: background-color 0.2s ease;*/
/*}*/

/*.rmdp-day:hover:not(.rmdp-disabled):not(.rmdp-selected) {*/
/*    background-color: var(--calendar-day-hover);*/
/*    color: var(--calendar-day-text);*/
/*}*/

/*!* روز انتخاب‌شده *!*/
/*.rmdp-day.rmdp-selected {*/
/*    background-color: var(--calendar-selected-day);*/
/*    color: #ffffff !important; !* متن سفید برای کنتراست *!*/
/*}*/

/*.rmdp-day.rmdp-selected span {*/
/*    background-color: var(--calendar-selected-day);*/
/*    color: #ffffff !important;*/
/*}*/

/*!* روز انتخاب‌شده در حالت هاور *!*/
/*.rmdp-day.rmdp-selected:hover {*/
/*    background-color: var(--calendar-selected-day);*/
/*    opacity: 0.9;*/
/*}*/

/*!* روز امروز (highlight) *!*/
/*.rmdp-day.today {*/
/*    background-color: var(--calendar-day-hover);*/
/*    font-weight: 600;*/
/*}*/

/*!* روزهای غیرفعال (مثل روزهای ماه‌های قبل/بعد) *!*/
/*.rmdp-day.rmdp-disabled {*/
/*    color: var(--calendar-disabled-text);*/
/*    background-color: transparent;*/
/*    cursor: not-allowed;*/
/*}*/

/*.rmdp-day.rmdp-disabled:hover {*/
/*    background-color: transparent;*/
/*}*/

/*!* استایل دکمه‌های تأیید/لغو (اگر فعال باشد) *!*/
/*.rmdp-confirm {*/
/*    background-color: var(--calendar-selected-day);*/
/*    color: #ffffff;*/
/*}*/

/*.rmdp-confirm:hover {*/
/*    background-color: #0a0b0c; !* تیره‌تر از #0C0D0F *!*/
/*}*/

/*!* استایل کلی برای راست‌چین بودن *!*/
/*.rmdp-calendar * {*/
/*    direction: rtl;*/
/*}*/

/*!* تنظیمات اضافی برای تقویم پارسی *!*/
/*.rmdp-month-picker,*/
/*.rmdp-year-picker {*/
/*    color: var(--calendar-header-text);*/
/*}*/

/*.rmdp-month-picker .rmdp-selected,*/
/*.rmdp-year-picker .rmdp-selected {*/
/*    background-color: var(--calendar-selected-day);*/
/*    color: #ffffff;*/
/*}*/