/* ==========================================================================
   KavoshRank Theme — RTL Stylesheet (WordPress Standard)
   ========================================================================== */

html,
body {
  direction: rtl;
  unicode-bidi: embed;
  text-align: right;
}

/* Base text direction */
body,
input,
select,
textarea,
button {
  direction: rtl;
  text-align: right;
  font-family: 'Vazirmatn', 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Left-to-right code blocks & numbers */
pre,
code,
kbd,
samp,
var,
.ltr,
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"] {
  direction: ltr;
  text-align: left;
}

/* Alignments */
.alignright {
  float: right;
  margin: 0.5rem 0 1.5rem 1.5rem;
}

.alignleft {
  float: left;
  margin: 0.5rem 1.5rem 1.5rem 0;
}

/* Navigation submenus */
.main-navigation ul ul {
  right: 0;
  left: auto;
}

.main-navigation a::after {
  right: 0;
  left: auto;
}

/* Widget title underline */
.widget-title::after {
  right: 0;
  left: auto;
}

/* Search widget input padding */
.widget_search input[type="search"] {
  padding-right: 1.2rem;
  padding-left: 3.5rem;
  text-align: right;
}

.widget_search button,
.widget_search input[type="submit"] {
  left: 6px;
  right: auto;
}

/* Blockquotes */
.entry-content blockquote {
  border-right: 4px solid var(--primary, #10B981);
  border-left: none;
  border-radius: 0 14px 14px 0;
  padding: 1.2rem 1.6rem 1.2rem 1.2rem;
}

/* Lists */
.entry-content ul,
.entry-content ol {
  padding-right: 1.8rem;
  padding-left: 0;
}

/* Comments children indentation */
.comment-list .children {
  padding-right: 2rem;
  padding-left: 0;
  border-right: 2px solid rgba(16, 185, 129, 0.2);
  border-left: none;
}

.reply {
  text-align: left;
}

/* Animated read more arrows */
.read-more-link {
  flex-direction: row;
}

/* Tables */
.entry-content th,
.entry-content td {
  text-align: right;
}

/* WordPress Admin Bar Compatibility */
/* body.admin-bar .site-header,
body.admin-bar #navbar {
  top: 32px !important;
} */

@media screen and (max-width: 782px) {

  body.admin-bar .site-header,
  body.admin-bar #navbar {
    top: 46px !important;
  }
}