/**
 * راست‌چین‌سازی فیلدهای سایت — طرحینو
 *
 * فقط عناصر خودِ افزونه هدف گرفته می‌شوند تا با قالب سایت تداخل نکند.
 */

.wccf_field,
.wccf_fields,
.wccf_field_wrapper,
.wccf-product-properties,
.wccf_product_properties,
table.wccf_user_fields {
    direction: rtl;
    text-align: right;
    font-family: var(--tarhino-font);
}

.wccf_field label,
.wccf_field .wccf_field_label {
    display: block;
    text-align: right;
    font-weight: 600;
    color: var(--tarhino-text);
    margin-bottom: 6px;
}

.wccf_field input[type="text"],
.wccf_field input[type="number"],
.wccf_field input[type="email"],
.wccf_field input[type="password"],
.wccf_field textarea,
.wccf_field select {
    direction: rtl;
    text-align: right;
    font-family: var(--tarhino-font);
    border-radius: var(--tarhino-radius);
    border: 1px solid var(--tarhino-border);
    padding: 10px 12px;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.wccf_field input:focus,
.wccf_field textarea:focus,
.wccf_field select:focus {
    border-color: var(--tarhino-accent);
    box-shadow: 0 0 0 3px var(--tarhino-accent-soft);
    outline: none;
}

/* اعداد، ایمیل و کد رهگیری همیشه چپ‌چین می‌مانند */
.wccf_field input[type="number"],
.wccf_field input[type="email"],
.wccf_field input[type="url"],
.wccf_field input[type="tel"] {
    direction: ltr;
    text-align: left;
}

/* توضیح فیلد */
.wccf_field .wccf_field_description,
.wccf_field .description {
    color: var(--tarhino-muted);
    font-size: .875em;
    margin-top: 4px;
}

/* چک‌باکس و رادیو */
.wccf_field .wccf_option,
.wccf_field label.checkbox,
.wccf_field label.radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-weight: 400;
}

.wccf_field input[type="checkbox"],
.wccf_field input[type="radio"] {
    margin: 0 0 0 4px;
}

/* پیام خطا */
.wccf_field .wccf_error,
.wccf_error_message {
    color: var(--tarhino-danger);
    font-size: .875em;
    text-align: right;
}

/* مقادیر نمایش‌داده‌شده در سبد خرید، سفارش و ایمیل */
.wccf_display_value,
dl.wccf_item_meta,
.wccf_no_value {
    direction: rtl;
    text-align: right;
    font-family: var(--tarhino-font);
}

/* انتخابگر تاریخ شمسی */
.tarhino-jalali-input {
    direction: rtl;
    text-align: right;
    cursor: pointer;
    background-image: none;
}

.datepicker-plot-area,
.datepicker-container {
    font-family: var(--tarhino-font) !important;
    border-radius: var(--tarhino-radius) !important;
    box-shadow: var(--tarhino-shadow) !important;
    border: 1px solid var(--tarhino-border) !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected span,
.datepicker-plot-area .datepicker-month-view .month-item.selected,
.datepicker-plot-area .datepicker-year-view .year-item.selected {
    background-color: var(--tarhino-accent) !important;
}

.datepicker-plot-area .navigator,
.datepicker-plot-area .toolbox {
    background: var(--tarhino-bg-soft) !important;
}