/* ================================
   RTL Styles for ISEA Child Theme
   ================================ */

/* Base */
body.rtl {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

body.rtl .site {
  text-align: initial;
}
body.rtl button.slick-prev.slick-arrow {
    right: unset;
}

body.rtl button.slick-prev.slick-arrow::before {
    content: "\f060";
}
/* -----------------
   Header & Logos
   ----------------- */
body.rtl .header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.rtl .logo-wrapper {
  text-align: right;
}

body.rtl .header-right-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

body.rtl .header-right-wrapper .img_wrap {
  margin-right: 20px;
}

/* -----------------
   Hero Section
   ----------------- */
body.rtl .hero-wrapper {
  text-align: center;
}

body.rtl .hero-section-heading {
  text-align: center;
  direction: rtl;
}

/* -----------------
   Section Headings
   ----------------- */
body.rtl .section-heading,
body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
  text-align: right;
  direction: rtl;
}

/* -----------------
   Paragraphs
   ----------------- */
body.rtl p {
  text-align: justify;
  direction: rtl;
}

/* -----------------
   Event Section
   ----------------- */
body.rtl .event-card .location-wrap {
  flex-direction: row-reverse;
}

body.rtl .event-card .event-title {
  text-align: right;
}

/* -----------------
   Registration Section
   ----------------- */
body.rtl .registration-row {
  flex-direction: row-reverse;
}

body.rtl .registration-card-column {
  text-align: right;
}

/* -----------------
   Trusted Section Tabs & Heading
   ----------------- */
body.rtl .trusted-tab-btn {
  text-align: right;
}

body.rtl .trusted-section .section-heading,
body.rtl .trusted-section h2,
body.rtl .trusted-section h3 {
  text-align: center !important;
  display: block;
  width: 100%;
}

/* -----------------
   Footer
   ----------------- */
body.rtl .footer-wrapper {
  text-align: right;
}

body.rtl .footer-top-row {
  flex-direction: row !important;
}

body.rtl .footer-top-row > div {
  text-align: right;
}

body.rtl .footer-heading {
  text-align: right;
}

body.rtl .footer-page-links,
body.rtl .footer-info-links,
body.rtl .footer-social-links-wrapper {
  text-align: right;
  justify-content: flex-start;
}

body.rtl .footer-info-links li {
  text-align: right;
}

body.rtl .social-link-list {
  direction: rtl;
  justify-content: flex-start;
  gap: 10px;
}

/* Copyright centered */
.footer-bottom-row p {
  text-align: center !important;
}

/* -----------------
   Slick Slider RTL Fix
   ----------------- */
html[dir="rtl"] .slick-slider {
  direction: rtl !important;
}

html[dir="rtl"] .slick-slide {
  float: right !important;
}

/* ========================
   RTL Mobile Header Spacing Fix
   ======================== */
body.rtl #mml .logo-wrapper {
  padding-right: 60px; /* adjust value until hamburger clears */
}

body.rtl .header-mobile-right {
  display: flex;
  align-items: center;
  gap: 15px;
}

body.rtl #mm ul,
body.rtl #mm #primary-menu {
  text-align: right;
  direction: rtl;
  padding-left: 0;
}

body.rtl #mm #primary-menu li a {
  display: block;
  text-align: right;
  direction: rtl;
}

/* =====================================================
   SECTION-LEVEL RTL SUPPORT (when you use .rtl wrapper)
   ===================================================== */
.rtl {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}
.rtl .section-heading,
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6 {
  text-align: right;
  direction: rtl;
}
.rtl p {
  text-align: justify;
  direction: rtl;
}

/* Common Arabic blocks */
.rtl .proposal-content,
.rtl .proposal-card,
.rtl .info-text,
.rtl .faq-wrapper,
.rtl .faq-content-wrap {
  text-align: right;
  direction: rtl;
}

/* Optional: flip FAQ arrow image direction for Arabic */
.rtl .faq-toggle img {
  transform: scaleX(-1);
}

/* =========================================
   BULLETS ON THE RIGHT (robust, theme-proof)
   ========================================= */
/* Reset native markers and build our own on the right side */
body.rtl ul,
.rtl ul,
body.rtl ol,
.rtl ol {
  list-style: none !important; /* kill default bullets/numbers */
  padding: 0;
  margin: 0 0 1rem 0;
}

/* Base list items */
body.rtl ul > li,
.rtl ul > li,
body.rtl ol > li,
.rtl ol > li {
  position: relative;
  text-align: right;
  direction: rtl;
  padding-right: 1.25em; /* space for right-side marker */
  margin: 0 0 0.5em 0;
}

/* UNORDERED bullets (• on the right) */
body.rtl ul > li::before,
.rtl ul > li::before {
  content: "";
  position: absolute;
  right: 0;
  line-height: 1;
  font-size: 1.2em;
}

/* Nested unordered lists: lighter markers + indentation */
body.rtl ul ul,
.rtl ul ul {
  margin-right: 1.25em;
}
body.rtl ul ul > li::before,
.rtl ul ul > li::before {
  content: "";
  font-size: 1.1em;
}
body.rtl ul ul ul > li::before,
.rtl ul ul ul > li::before {
  content: "";
  font-size: 0.9em;
}

/* ORDERED lists (numbers on the right) */
body.rtl ol,
.rtl ol {
  counter-reset: rtl-ol;
}

body.rtl ol > li,
.rtl ol > li {
  counter-increment: rtl-ol;
}

body.rtl ol > li::before,
.rtl ol > li::before {
  content: counter(rtl-ol) "";
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.4;
  font-weight: 600;
}

/* If any global theme adds left padding to UL/OL, nuke it */
body.rtl ul,
.rtl ul {
  padding-left: 0 !important;
}
body.rtl ol,
.rtl ol {
  padding-left: 0 !important;
}

/* Optional: if you prefer native outside markers obeying RTL
   comment out the pseudo-element block above and use:
   body.rtl ul, .rtl ul { list-style: disc; list-style-position: outside; padding-right: 1.5rem; }
*/

.rtl .submission-info-section .img_wrap {
  border-radius: 20px;
  position: static;
  right: -15px;
  top: 16%;
  z-index: 1;
  width: 100%;
}

.sub-card-count {
  line-height: 45px !important;
  font-size: 25px !important;
  width: 70px;
}

body.rtl .date-card ul {
  margin: 0 !important;
  margin-top: 30px !important;
  list-style: unset !important;
  padding-right: 25px !important;
}
body.rtl .date-card ul li {
  list-style: unset;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: #252525;
}
body.rtl .head h2,
.reg-card h4,
.reg-card h3 {
  text-align: center !important;
}
body.rtl .footer-page-links li {
  padding-right: 0;
  margin: 0;
}
body.rtl .footer-page-links li:not(:last-child) {
  margin-bottom: 15px;
}
body.rtl .submission-faq-section .content_wrap ul {
	padding-right:25px;
	list-style:unset !important;
}
body.rtl .submission-faq-section .content_wrap ul li {
    list-style: unset;
    padding: 0;
}
@media (max-width: 1199px) {
  body.rtl #mmb {
    right: unset;
    left: 10px;
  }
  .mm .lang-toggle {
    margin-left: 40px;
  }
  body.rtl .footer-page-links li:not(:last-child) {
    margin-bottom: 15px;
  }
  body.rtl .sub-card-color-box p {
    font-size: 18px;
    line-height: 30px;
  }
}

@media (max-width: 991px) {
  body.rtl .footer-top-row > div,
  body.rtl .footer-heading {
    text-align: center;
  }
  body.rtl .footer-page-links li {
    text-align: center;
    padding: 0;
  }
  body.rtl .social-link-list {
    justify-content: center !important;
  }
  body.rtl .sub-card-color-box p {
    text-align: right !important;
  }
  body.rtl ul.footer-page-links {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  body.rtl .proposal-content p,
  body.rtl .info-text p,
  body.rtl .submission-faq-section .content_wrap p {
    text-align: justify !important;
  }
  .submission-info-section .row {
    gap: 40px;
  }
	.submission-faq-section .content_wrap strong.req-text {
    text-align: right;
}
}
