/**
 * YOOAdmin — Customizer Arabic (RTL) typography and chevron fixes.
 *
 * Focus Mode assets are intentionally skipped on customize.php; this file
 * restores Tajawal and correct drill-down arrow direction for Arabic UI.
 */

html[dir='rtl'] body.wp-customizer,
html[dir='rtl'] body.wp-customizer #customize-controls,
body.rtl.wp-customizer,
body.rtl.wp-customizer #customize-controls,
html[dir='rtl'] body.wp-customizer #customize-controls :is(
  .accordion-section-title,
  .customize-section-title,
  .customize-section-title h3,
  h3.customize-section-title,
  .customize-section-title span.customize-action,
  .customize-panel-back,
  .customize-section-back,
  .customize-panel-description,
  .customize-section-description,
  .customize-control,
  .customize-control-title,
  .customize-control label,
  .customize-control p,
  .customize-control li,
  .customize-control span:not(.dashicons),
  .customize-info,
  .preview-notice,
  .panel-title,
  .description,
  .button,
  .notice,
  #customize-header-actions,
  #customize-footer-actions,
  .wp-full-overlay-footer
),
body.rtl.wp-customizer #customize-controls :is(
  .accordion-section-title,
  .customize-section-title,
  .customize-section-title h3,
  h3.customize-section-title,
  .customize-section-title span.customize-action,
  .customize-panel-back,
  .customize-section-back,
  .customize-panel-description,
  .customize-section-description,
  .customize-control,
  .customize-control-title,
  .customize-control label,
  .customize-control p,
  .customize-control li,
  .customize-control span:not(.dashicons),
  .customize-info,
  .preview-notice,
  .panel-title,
  .description,
  .button,
  .notice,
  #customize-header-actions,
  #customize-footer-actions,
  .wp-full-overlay-footer
) {
  font-family: var(--yooadmin-latin-font-family, 'Montserrat'), 'Tajawal', sans-serif !important;
}

/*
 * WP customize-controls-rtl uses arrow-right (f345) for section drill-down in
 * modern browsers; in RTL the chevron sits on the left and must point left.
 */
body.rtl.wp-customizer #customize-theme-controls .accordion-section-title:after,
body.rtl.wp-customizer #customize-outer-theme-controls .accordion-section-title:after,
body.rtl.wp-customizer #available-widgets .accordion-section-title:after,
body.rtl.wp-customizer #available-menu-items .accordion-section-title:after,
body.rtl.wp-customizer #available-menu-items-search .accordion-section-title:after,
html[dir='rtl'] body.wp-customizer #customize-theme-controls .accordion-section-title:after,
html[dir='rtl'] body.wp-customizer #customize-outer-theme-controls .accordion-section-title:after,
html[dir='rtl'] body.wp-customizer #available-widgets .accordion-section-title:after,
html[dir='rtl'] body.wp-customizer #available-menu-items .accordion-section-title:after,
html[dir='rtl'] body.wp-customizer #available-menu-items-search .accordion-section-title:after {
  content: '\f341' !important;
}

body.rtl.wp-customizer .customize-panel-back:before,
body.rtl.wp-customizer .customize-section-back:before,
html[dir='rtl'] body.wp-customizer .customize-panel-back:before,
html[dir='rtl'] body.wp-customizer .customize-section-back:before {
  content: '\f341' !important;
}