/**
 * Right-to-left languages (Arabic) only -- loaded after every other
 * stylesheet when is_rtl() (inc/enqueue.php).
 *
 * Bootstrap's RTL build already mirrors the grid and its spacing helpers,
 * and the theme's own CSS uses logical properties. What's left here are
 * the vendored style.min.css / style-v2.min.css rules that place or space
 * things on one side only; each block below mirrors one of them. Rules
 * that centre (left:50%), stretch (left:0;right:0) or decorate both sides
 * equally are left alone. Where the reference site already shipped an
 * Arabic variant (its ".ar" classes), the same values are used here.
 *
 * @package Uni_Theme
 */

/* --- Icons ------------------------------------------------------------ */

/* "Forward" arrows point the other way when reading right to left. */
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-arrow-left {
	transform: scaleX(-1);
}

/* --- Form fields ------------------------------------------------------ */

[dir="rtl"] .form-group i {
	right: auto;
	left: 32px;
}

[dir="rtl"] .icon-right i {
	right: auto;
	left: 16px;
}

[dir="rtl"] .newsletter .form-control,
[dir="rtl"] .newsletter .form-control::placeholder {
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .application-form .form-control {
	padding-right: 0.75rem;
	padding-left: 40px;
}

[dir="rtl"] input[type="file"]::file-selector-button {
	margin-right: 0;
	margin-left: 20px;
}

[dir="rtl"] .uninewsletter-form-form-group button i {
	right: auto;
	left: 0;
}

[dir="rtl"] #language-select,
[dir="rtl"] .switch-lang select {
	margin-left: 0;
	margin-right: 1rem;
}

/* --- Image panels (news / article / university cards) ----------------- */

/* The yellow accent bar beside a card's photo sits on the side facing the text. */
[dir="rtl"] .panel-left:after {
	left: auto;
	right: -8px;
}

[dir="rtl"] .panel-right:after {
	right: auto;
	left: -8px;
}

[dir="rtl"] .panel figure span {
	left: auto;
	right: 30px;
	text-align: right;
}

[dir="rtl"] .panel figure span i,
[dir="rtl"] .panel span img {
	float: right;
}

[dir="rtl"] .panel span img {
	margin-right: 0;
	margin-left: 10px;
}

[dir="rtl"] .details-listing .btn-primary {
	left: auto;
	right: 18px;
}

[dir="rtl"] .details-listing.horizental .btn-primary {
	right: unset;
}

[dir="rtl"] .details-listing figure span {
	left: auto;
	right: 20px;
}

[dir="rtl"] .details-listing span i,
[dir="rtl"] .plans-box ul li i,
[dir="rtl"] .author-det figure {
	margin-right: 0;
	margin-left: 10px;
}

[dir="rtl"] .plans-box ul li i {
	margin-left: 8px;
}

[dir="rtl"] .horizental figure {
	border-right: 0;
	border-left: 1px solid #ccc;
}

[dir="rtl"] .e-mag .details-listing .btn-primary {
	left: auto;
	right: 10px;
}

/* --- Blogs ------------------------------------------------------------ */

[dir="rtl"] .post-single figure {
	margin-right: 0;
	margin-left: 15px;
}

[dir="rtl"] .blog-creds span {
	margin-left: 0;
	margin-right: 1rem;
}

[dir="rtl"] .blog-creds span::before {
	margin-right: 0;
	margin-left: 10px;
}

[dir="rtl"] .blog-pic {
	margin-right: 0;
	margin-left: 1.5rem;
}

[dir="rtl"] .shareSocial i {
	margin-right: 0;
	margin-left: 5px;
}

[dir="rtl"] .title-highlight {
	border-left: 0;
	border-right: 3px solid var(--lblue);
}

/* --- Sliders ---------------------------------------------------------- */

[dir="rtl"] .slick-prev {
	left: auto;
	right: -80px;
}

[dir="rtl"] .slick-next {
	right: auto;
	left: -80px;
}

[dir="rtl"] .news-slider .slick-slide {
	padding-right: 0;
	padding-left: 30px;
}

[dir="rtl"] .news-slider .slick-slide figure {
	text-align: right;
}

[dir="rtl"] .news-slider .panel span {
	left: auto;
	right: 15px;
}

[dir="rtl"] .news-slider .panel-right:after {
	right: auto;
	left: -10px;
}

[dir="rtl"] .monthly-edition .slick-prev {
	left: auto;
	right: 0;
}

[dir="rtl"] .monthly-edition .slick-next {
	right: auto;
	left: 0;
}

[dir="rtl"] .video-slider .text-detail {
	margin-left: 0;
	margin-right: -60px;
}

[dir="rtl"] .video-slider .slick-next {
	right: auto;
	left: -60px;
}

[dir="rtl"] .sponsored-edition .slick-slide > div {
	border-right: 0;
	border-left: 15px solid var(--blue);
}

[dir="rtl"] .uni-logos-slider figure,
[dir="rtl"] .uni-logos-slider-rtl figure {
	margin-right: 0;
	margin-left: 15px;
}

[dir="rtl"] .uni-logos-slider .slick-arrow,
[dir="rtl"] .uni-logos-slider-rtl .slick-arrow {
	right: auto;
	left: 14px;
}

[dir="rtl"] .uni-logos-slider .slick-arrow.slick-prev,
[dir="rtl"] .uni-logos-slider-rtl .slick-arrow.slick-prev {
	right: auto !important;
	left: 63px !important;
}

/* --- Homepage sections ------------------------------------------------ */

[dir="rtl"] .home-language li {
	text-align: right;
}

[dir="rtl"] .home-language-v2 li {
	border-right: 0;
	border-left: 1px solid #ccc;
	text-align: right;
}

[dir="rtl"] .home-language-v2::before,
[dir="rtl"] .home-language-v2::after {
	right: auto;
	left: 0;
}

[dir="rtl"] .home-language-v2 li a {
	right: auto;
	left: 20px;
}

[dir="rtl"] .spotlights-point li:after {
	margin-left: 0;
	margin-right: 20px;
}

[dir="rtl"] .icon-uni {
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

[dir="rtl"] .success-story figcaption {
	padding-right: 0;
	padding-left: 10px;
}

[dir="rtl"] .ratings li {
	border-right: 1px solid #ddd;
	border-left: 0;
}

[dir="rtl"] .ratings li:last-child {
	border-left: 1px solid #ddd;
}

[dir="rtl"] .partner-locations,
[dir="rtl"] .footer-menu {
	padding-right: 0;
}

[dir="rtl"] .partner-bx a {
	left: auto;
	right: 15px;
}

[dir="rtl"] .grid-container-3 .grid-item,
[dir="rtl"] .arrow-accordion {
	text-align: right;
}

[dir="rtl"] .detail-box h4 {
	text-align: left;
}

[dir="rtl"] .about-heading {
	left: auto;
	right: 80px;
}

[dir="rtl"] .btm-shape {
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

[dir="rtl"] .mag-btn img {
	margin-right: 0;
	margin-left: 0.75rem;
}

[dir="rtl"] .uni-logo {
	left: auto;
	right: 0;
}

/* Mission / vision boxes -- the reference's own ".ar" values. */
[dir="rtl"] .mission i,
[dir="rtl"] .vision i {
	right: unset;
	left: 30px;
}

/* --- Magazine --------------------------------------------------------- */

[dir="rtl"] .align-tile {
	margin-left: 0;
	margin-right: 65px;
}

[dir="rtl"] .v-line {
	border-left: 0;
	border-right: 1px solid #ddd;
}

[dir="rtl"] .downloadEdition .btn-close {
	right: auto;
	left: 30px;
}

[dir="rtl"] .btn-article {
	right: auto;
	left: 0;
	margin-right: 0;
	margin-left: calc(var(--bs-gutter-x) * 0.5);
}

/* --- Footer, floating controls, dialogs ------------------------------- */

/* The footer menu's arrow bullets -- the reference's own ".ar" values. */
[dir="rtl"] .footer-menu li {
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .footer-menu a::before,
[dir="rtl"] .footer-menu a:before {
	left: auto;
	right: 0;
	transform: rotate(180deg);
}

[dir="rtl"] #scroll {
	right: auto;
	left: 20px;
}

[dir="rtl"] #subscriptionModal .close {
	right: auto;
	left: -3px;
}

/* --- Responsive ------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	[dir="rtl"] .align-tile {
		margin-right: 0;
	}

	[dir="rtl"] .slick-prev {
		right: 0;
	}

	[dir="rtl"] .slick-next {
		left: 0;
	}
}

@media only screen and (max-width: 991px) {
	[dir="rtl"] .news-slider .slick-prev {
		left: auto;
		right: 0;
	}

	[dir="rtl"] .news-slider .slick-next {
		right: auto;
		left: 20px;
	}

	[dir="rtl"] .video-slider .text-detail {
		margin-right: auto;
	}

	[dir="rtl"] .home-language-v2 li a {
		left: 15px;
	}
}

@media only screen and (max-width: 767px) {
	[dir="rtl"] .navbar-nav {
		text-align: left;
	}

	[dir="rtl"] .about-heading {
		right: 20px;
	}

	/* The menu button sits opposite the logo, which is on the right here. */
	[dir="rtl"] .mob-menu,
	[dir="rtl"] .mob-menu .nav > .nav-btn {
		right: auto;
		left: 0;
	}

	[dir="rtl"] .mob-menu .nav > .nav-list ul {
		padding-right: 0;
		text-align: right;
	}

	[dir="rtl"] .home-language-v2 li {
		padding-left: 0;
		padding-right: 10px;
	}

	[dir="rtl"] .details-listing h3 {
		padding-right: 0;
		padding-left: 15px;
	}
}

@media only screen and (max-width: 576px) {
	[dir="rtl"] .news-slider .slick-slide {
		padding-left: 0;
	}

	[dir="rtl"] .spotlights-point li {
		padding-left: 0;
		padding-right: 1.3rem;
	}

	[dir="rtl"] .spotlights-point li::after {
		margin-right: 0;
		margin-left: 20px;
		left: auto;
		right: 0;
	}
}