@font-face {
    font-family: 'Yekan';
    src: url('/static/fonts/Yekan.woff') format('woff'),
         url('/static/fonts/yekan-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  /* اعمال به کل پنل */
  body, html, .unfold, .unfold * {
    font-family: 'Yekan', b-yekan !important;
    direction: rtl;
  }
  
  /* override کلاس‌های Tailwind */
.text-left {
    text-align: right !important;
}


.ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* .pl-3, .px-3, .mr-3, .ml-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
} */

/* caption و th راست‌چین */
.unfold table caption,
.unfold table th,
.unfold table td {
    text-align: right !important;
}

/* لینک‌ها */
.unfold a {
    text-align: right !important;
    direction: rtl !important;
}

/* عنوان ماژول‌ها */
.unfold h2, .unfold h1, .unfold h3, .unfold h4, .unfold h5, .unfold h6 {
    text-align: right !important;
}


/* فقط عنوان مدل‌ها در جدول‌ها */
.unfold table th a {
    text-align: right !important;
    direction: rtl !important;
}

#content-main,
#content-main * {
    direction: rtl !important; /* چپ‌چین */
    text-align: right !important; /* چپ‌چین */
}

.datetime .flex-col.relative {
    position: relative;
}

/* آیکن‌ها رو مطلقاً سمت چپ قرار بدیم */
.datetime .datetimeshortcuts {
    position: absolute;
    left: 0.5rem;  /* فاصله از چپ */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 0.25rem;
    justify-content: flex-start;
    z-index: 10;
}

/* متن input رو با padding-left جا باز کنیم */
input.vDateField,
input.vTimeField {
    padding-left: 2.5rem !important; /* متناسب با عرض آیکن */
    text-align: left; /* متن هم سمت چپ */
}

.datetime .help.timezonewarning {
    position: relative;   /* container برای absolute کردن آیکن */
    text-align: right;    /* متن سمت راست */
    padding-left: 1.5em;  /* فاصله برای آیکن */
}

.datetime .help.timezonewarning::before {
    content: "⚠";
    position: absolute;
    left: 0;              /* آیکن کاملا چپ */
    top: 50%;
    transform: translateY(-50%);
    color: #dc2626;
    font-weight: bold;
}


/* container نسبی */
.datetime .flex-col.relative {
    position: relative;
}


/* آیکن تاریخ/زمان سمت چپ ولی جلوی تایپ را نگیرد */
.datetime .datetimeshortcuts {
    position: absolute;
    left: 0.5rem;
    top: 0; /* بالاتر می‌بریم */
    transform: translateY(0); /* بدون پوشش وسط input */
    z-index: 10;
    pointer-events: auto; /* فقط آیکن خودش کلیک می‌خوره */
}

/* input با padding-left کافی */
input.vDateField,
input.vTimeField {
    padding-left: 2.5rem !important;
    text-align: left;
}

/* اگر هنوز کلیک روی input مشکل دارد، می‌توان pointer-events آیکن را فقط روی خود آیکن فعال کرد و بقیه transparent کرد */
.datetime .datetimeshortcuts * {
    pointer-events: auto; /* آیکن قابل کلیک */
}
.datetime .datetimeshortcuts {
    pointer-events: none; /* فضای اطراف input اجازه تایپ میده */
}