/*
 * RTL Stylesheet — Zakra Child Theme
 * Automatically loaded by WordPress when the site language is RTL (e.g. Persian / fa_IR).
 * Applies Vazirmatn (Vazir MTN) font via Google Fonts to all elements.
 *
 * @package zakra-child
 */

/* =====================================================================
   1. FONT FACE — Vazirmatn (Vazir MTN) via Google Fonts
      The font is also enqueued via functions.php; this @import acts as
      a fallback for block-editor / classic-editor stylesheets.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* =====================================================================
   2. GLOBAL — Apply Vazirmatn to every element in RTL context
   ===================================================================== */
html[dir="rtl"],
body.rtl,
body.vazirmatn-font {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] *,
body.rtl *,
body.vazirmatn-font *, .zak-page-title {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* =====================================================================
   3. TYPOGRAPHY — Headings, paragraphs, lists, quotes
   ===================================================================== */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
}

html[dir="rtl"] p,
html[dir="rtl"] li,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] label,
html[dir="rtl"] td,
html[dir="rtl"] th,
body.rtl p,
body.rtl li,
body.rtl span,
body.rtl a,
body.rtl label,
body.rtl td,
body.rtl th {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] blockquote,
body.rtl blockquote {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	border-right: 4px solid currentColor;
	border-left: none;
	padding-right: 1.5em;
	padding-left: 0;
}

/* =====================================================================
   4. FORMS — inputs, textareas, buttons
   ===================================================================== */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] .button,
body.rtl input,
body.rtl textarea,
body.rtl select,
body.rtl button,
body.rtl .button {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
	direction: rtl;
}

/* =====================================================================
   5. NAVIGATION — menus, sub-menus
   ===================================================================== */
html[dir="rtl"] .main-navigation,
html[dir="rtl"] .main-navigation ul,
html[dir="rtl"] .main-navigation li,
html[dir="rtl"] .main-navigation a,
body.rtl .main-navigation,
body.rtl .main-navigation ul,
body.rtl .main-navigation li,
body.rtl .main-navigation a {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .main-navigation ul ul,
body.rtl .main-navigation ul ul {
	right: 0;
	left: auto;
}

html[dir="rtl"] .main-navigation ul ul ul,
body.rtl .main-navigation ul ul ul {
	right: 100%;
	left: auto;
}

/* =====================================================================
   6. SIDEBAR & WIDGETS
   ===================================================================== */
html[dir="rtl"] .widget,
html[dir="rtl"] .widget-title,
html[dir="rtl"] .widget ul li,
body.rtl .widget,
body.rtl .widget-title,
body.rtl .widget ul li {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
}

html[dir="rtl"] .widget ul,
body.rtl .widget ul {
	padding-right: 1em;
	padding-left: 0;
}

/* =====================================================================
   7. COMMENTS
   ===================================================================== */
html[dir="rtl"] .comment-content,
html[dir="rtl"] .comment-author,
html[dir="rtl"] .comment-metadata,
body.rtl .comment-content,
body.rtl .comment-author,
body.rtl .comment-metadata {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
}

html[dir="rtl"] .comment-list .comment,
body.rtl .comment-list .comment {
	padding-right: 0;
}

html[dir="rtl"] .comment-list .children,
body.rtl .comment-list .children {
	margin-right: 2em;
	margin-left: 0;
}

/* =====================================================================
   8. GUTENBERG / BLOCK EDITOR BLOCKS
   ===================================================================== */
html[dir="rtl"] .wp-block-paragraph,
html[dir="rtl"] .wp-block-heading,
html[dir="rtl"] .wp-block-list,
html[dir="rtl"] .wp-block-quote,
html[dir="rtl"] .wp-block-button__link,
html[dir="rtl"] .wp-block-navigation,
body.rtl .wp-block-paragraph,
body.rtl .wp-block-heading,
body.rtl .wp-block-list,
body.rtl .wp-block-quote,
body.rtl .wp-block-button__link,
body.rtl .wp-block-navigation {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .wp-block-quote,
body.rtl .wp-block-quote {
	border-right: 4px solid;
	border-left: none;
	padding-right: 1em;
	padding-left: 0;
}

/* =====================================================================
   9. WOOCOMMERCE (if active)
   ===================================================================== */
html[dir="rtl"] .woocommerce,
html[dir="rtl"] .woocommerce-page,
html[dir="rtl"] .woocommerce *,
body.rtl .woocommerce,
body.rtl .woocommerce-page,
body.rtl .woocommerce * {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .woocommerce .product_title,
body.rtl .woocommerce .product_title {
	text-align: right;
}

/* =====================================================================
   10. ZAKRA THEME SPECIFIC OVERRIDES
   ===================================================================== */
html[dir="rtl"] .site-title,
html[dir="rtl"] .site-description,
html[dir="rtl"] .entry-title,
html[dir="rtl"] .entry-content,
html[dir="rtl"] .entry-meta,
html[dir="rtl"] .entry-footer,
body.rtl .site-title,
body.rtl .site-description,
body.rtl .entry-title,
body.rtl .entry-content,
body.rtl .entry-meta,
body.rtl .entry-footer {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
}

html[dir="rtl"] .page-header,
html[dir="rtl"] .page-title,
body.rtl .page-header,
body.rtl .page-title {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif;
	text-align: right;
}

/* =====================================================================
   11. NUMBERS — keep numerals LTR inside RTL context
   ===================================================================== */
html[dir="rtl"] .posted-on,
html[dir="rtl"] .comment-count,
html[dir="rtl"] time,
body.rtl .posted-on,
body.rtl .comment-count,
body.rtl time {
	direction: ltr;
	display: inline-block;
}

/* =====================================================================
   12. FORMINATOR PLUGIN — Full RTL support
   ===================================================================== */

/* --- 12.1  Global form wrapper & font -------------------------------- */
.forminator-ui,
.forminator-custom-form,
.forminator-poll,
.forminator-quiz {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.forminator-ui *,
.forminator-custom-form *,
.forminator-poll *,
.forminator-quiz * {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.2  Form title & description ---------------------------------- */
.forminator-title,
.forminator-subtitle,
.forminator-description,
.forminator-custom-form .forminator-form-title {
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.3  Rows & columns -------------------------------------------- */
.forminator-row,
.forminator-form-row {
	direction: rtl;
}

/* --- 12.4  Labels ---------------------------------------------------- */
.forminator-label,
.forminator-field > label,
.forminator-field-wrap > label {
	display: block;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Required asterisk stays on left (visually right side in RTL) */
.forminator-label .forminator-required,
.forminator-field > label .forminator-required {
	margin-right: 4px;
	margin-left: 0;
}

/* --- 12.5  Text inputs, email, URL, number, password, search --------- */
.forminator-input,
.forminator-custom-form input[type="text"],
.forminator-custom-form input[type="email"],
.forminator-custom-form input[type="url"],
.forminator-custom-form input[type="number"],
.forminator-custom-form input[type="password"],
.forminator-custom-form input[type="search"],
.forminator-custom-form input[type="tel"],
.forminator-custom-form input[type="date"],
.forminator-custom-form input[type="time"] {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
	padding-right: 14px;
	padding-left: 14px;
}

/* --- 12.6  Textarea -------------------------------------------------- */
.forminator-textarea,
.forminator-custom-form textarea {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
	padding-right: 14px;
	padding-left: 14px;
	resize: vertical;
}

/* --- 12.7  Native <select> ------------------------------------------- */
.forminator-select,
.forminator-custom-form select {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
	padding-right: 0;
	padding-left: 0; /* space for the native arrow on the left */
}

/* --- 12.8  Select2 custom dropdown ----------------------------------- */
.forminator-select2,
.forminator-custom-form .select2-container,
.select2-container--forminator {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.select2-container--forminator .select2-selection--single,
.select2-container--forminator .select2-selection--multiple,
.forminator-custom-form .select2-selection {
	direction: rtl;
	text-align: right;
	padding-right: 14px;
	padding-left: 32px;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Move the select2 arrow to the left in RTL */
.select2-container--forminator .select2-selection--single .select2-selection__arrow,
.forminator-custom-form .select2-selection__arrow {
	right: auto;
	left: 8px;
}

.select2-container--forminator .select2-selection--single .select2-selection__rendered {
	padding-right: 14px;
	padding-left: 0;
	text-align: right;
}

.select2-container--forminator .select2-results,
.forminator-custom-form .select2-results {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.select2-container--forminator .select2-results__option {
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.9  Checkboxes & radio buttons -------------------------------- */
.forminator-checkbox-wrap,
.forminator-radio-wrap {
	direction: rtl;
}

/* Label sits to the right of the input in RTL */
.forminator-checkbox-wrap label,
.forminator-radio-wrap label,
.forminator-field .forminator-checkbox + label,
.forminator-field .forminator-radio + label {
	padding-right: 8px;
	padding-left: 0;
	margin-right: 4px;
	margin-left: 0;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Custom checkbox / radio toggle glyph */
.forminator-checkbox-wrap input[type="checkbox"],
.forminator-radio-wrap input[type="radio"] {
	margin-left: 8px;
	margin-right: 0;
}

/* --- 12.10 Date picker (jQuery UI / Flatpickr) ----------------------- */
.forminator-datepicker,
.forminator-date-wrap,
.forminator-custom-form .forminator-input-date {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Flatpickr calendar popup */
.flatpickr-calendar {
	direction: rtl;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-current-month input.cur-year {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Move the calendar icon to the left in RTL */
.forminator-date-wrap .forminator-datepicker-wrap .forminator-datepicker-icon {
	right: auto;
	left: 12px;
}

/* --- 12.11 Time picker ----------------------------------------------- */
.forminator-time-wrap,
.forminator-custom-form .forminator-input-time {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.forminator-time-wrap .forminator-time-field {
	float: right;
	margin-right: 0;
	margin-left: 6px;
}

.forminator-time-wrap .forminator-time-sep {
	float: right;
}

/* --- 12.12 Phone field (intl-tel-input) ------------------------------ */
.forminator-phone,
.forminator-custom-form .intl-tel-input,
.forminator-custom-form .iti {
	direction: rtl;
}

/* Flag dropdown on the right in RTL */
.forminator-custom-form .intl-tel-input .flag-container,
.forminator-custom-form .iti__flag-container {
	right: 0;
	left: auto;
}

.forminator-custom-form .intl-tel-input input,
.forminator-custom-form .iti input[type="tel"] {
	padding-right: 52px; /* space for the flag */
	padding-left: 14px;
	text-align: right;
	direction: ltr; /* keep phone number digits LTR */
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.13 File upload ----------------------------------------------- */
.forminator-file-upload,
.forminator-upload-field,
.forminator-custom-form .forminator-field-upload {
	direction: rtl;
	text-align: right;
}

.forminator-custom-form .forminator-field-upload label,
.forminator-custom-form .forminator-upload-field-label {
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Remove-file button alignment */
.forminator-custom-form .forminator-file-upload .forminator-file-upload-remove {
	margin-right: 8px;
	margin-left: 0;
}

/* --- 12.14 GDPR / consent checkbox ----------------------------------- */
.forminator-gdpr-checkbox-wrap,
.forminator-custom-form .forminator-gdpr {
	direction: rtl;
	text-align: right;
}

.forminator-gdpr-checkbox-wrap label,
.forminator-custom-form .forminator-gdpr label {
	padding-right: 8px;
	padding-left: 0;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.15 Calculation & hidden fields ------------------------------- */
.forminator-calculation-wrap,
.forminator-custom-form .forminator-field-calculation {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.16 Stripe / payment field ------------------------------------ */
.forminator-stripe-element,
.forminator-custom-form .forminator-payment-field {
	direction: rtl;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.17 Pagination / multi-step form ----------------------------- */
.forminator-pagination,
.forminator-step-wrap {
	direction: rtl;
}

.forminator-pagination .forminator-step-header,
.forminator-step-indicator {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
	text-align: right;
}

/* Progress bar fills from right in RTL */
.forminator-pagination .forminator-progress-bar {
	direction: rtl;
}

/* Previous/Next buttons */
.forminator-btn-next,
.forminator-btn-back {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.forminator-btn-next .forminator-button-icon {
	margin-right: 6px;
	margin-left: 0;
	transform: scaleX(-1); /* flip arrow direction */
}

.forminator-btn-back .forminator-button-icon {
	margin-left: 6px;
	margin-right: 0;
}

/* --- 12.18 Submit button --------------------------------------------- */
.forminator-button,
.forminator-button-submit,
.forminator-btn-submit,
.forminator-custom-form input[type="submit"],
.forminator-custom-form button[type="submit"] {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.19 Error, info & success messages ---------------------------- */
.forminator-error-message,
.forminator-field-error,
.forminator-validation-message,
.forminator-response-output,
.forminator-success,
.forminator-info {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Error icon on the right */
.forminator-error-message::before {
	margin-left: 6px;
	margin-right: 0;
}

/* --- 12.20 Quiz (Forminator quiz module) ----------------------------- */
.forminator-quiz .forminator-question,
.forminator-quiz .forminator-answer,
.forminator-quiz .forminator-results {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

.forminator-quiz .forminator-answer-label {
	padding-right: 8px;
	padding-left: 0;
}

/* --- 12.21 Poll (Forminator poll module) ----------------------------- */
.forminator-poll .forminator-poll-title,
.forminator-poll .forminator-poll-options,
.forminator-poll .forminator-poll-answer,
.forminator-poll .forminator-poll-result {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* Poll result bar fills from right */
.forminator-poll .forminator-poll-result .forminator-poll-result-bar {
	right: 0;
	left: auto;
}

/* --- 12.22 Repeater rows -------------------------------------------- */
.forminator-repeater-row,
.forminator-custom-form .forminator-field-repeater {
	direction: rtl;
}

.forminator-repeater-action-button {
	font-family: 'Vazirmatn', Tahoma, Arial, sans-serif !important;
}

/* --- 12.23 Inline field prefixes/suffixes ---------------------------- */
.forminator-input-with-prefix .forminator-input-prefix,
.forminator-prefix {
	border-radius: 0 4px 4px 0;
	border-left: none;
	border-right: 1px solid;
}

.forminator-input-with-suffix .forminator-input-suffix,
.forminator-suffix {
	border-radius: 4px 0 0 4px;
	border-right: none;
	border-left: 1px solid;
}

/* --- 12.24 Tooltip icon alignment ------------------------------------ */
.forminator-custom-form .forminator-field-tooltip {
	margin-right: 4px;
	margin-left: 0;
}

.forminator-title{
    text-align: right !important;
}

.forminator-radio.forminator-radio-inline{
    margin-right: 0 !important;
    margin-left: 20px !important;
}

.forminator-subtitle{
    text-align: right !important;
}

.forminator-save-draft-link{
    margin: 0 0 0 auto !important;
}
/* =====================================================================
   END — Forminator RTL
   ===================================================================== */
.elementor-icon-box-title{
    text-align: center !important;
}