/* ============================================================
 * WebEngine CMS - RTL Stylesheet for Urdu and other RTL languages
 * Mirrors all LTR directional rules from style.css and webengine.css
 * ============================================================ */

/* --- Header / Navigation --- */
html[dir="rtl"] .menu li a:before {
	left: auto;
	right: 0px;
}
html[dir="rtl"] .menu a:hover:after {
	left: auto;
	right: 0px;
}
html[dir="rtl"] .menu .active a:after {
	left: auto;
	right: 0px;
}

/* --- Logo --- */
html[dir="rtl"] .logo {
	margin-left: 0;
	margin-right: 270px;
}

/* --- Top panel buttons --- */
html[dir="rtl"] .topPanel__buttons a {
	margin-left: 0;
	margin-right: 18px;
}

/* --- Download block --- */
html[dir="rtl"] .download-block a {
	padding-left: 0;
	padding-right: 172px;
	text-align: right;
}

/* --- Server status --- */
html[dir="rtl"] .status-block {
	margin-left: 0;
	margin-right: 3px;
}
html[dir="rtl"] .server {
	padding: 35px 157px 0px 30px;
}
html[dir="rtl"] .server .status-online {
	float: left;
}
html[dir="rtl"] .server-bottom {
	padding: 35px 157px 0px 30px;
}
html[dir="rtl"] .server-bottom .status-offline {
	float: left;
}
html[dir="rtl"] .progress-bar-webengine:after {
	left: auto;
	right: 0px;
}
html[dir="rtl"] .progress-bar-webengine-off:after {
	left: auto;
	right: 0px;
}

/* --- Swiper Slider --- */
html[dir="rtl"] .swiper-container {
	float: right;
}
html[dir="rtl"] .swiper-slider .swiper-slide h2 {
	padding: 26px 50px 26px 0px;
}
html[dir="rtl"] .swiper-slider .swiper-slide .slider-info {
	left: auto;
	right: 0;
}
html[dir="rtl"] .swiper-slider .swiper-pagination {
	text-align: right;
	padding-left: 0;
	padding-right: 40px;
}
html[dir="rtl"] .swiper-pagination-bullets .swiper-pagination-bullet {
	margin-right: 0 !important;
	margin-left: 15px !important;
}
html[dir="rtl"] .swiper-slider .swiper-button-next {
	right: auto;
	left: 0;
}
html[dir="rtl"] .swiper-slider .swiper-button-prev {
	left: auto;
	right: 0;
}

/* --- News --- */
html[dir="rtl"] .news-top {
	float: left;
	margin-left: 0;
	margin-right: 2px;
}
html[dir="rtl"] .tab-more {
	right: auto;
	left: 0;
	margin-right: 0;
	margin-left: 40px;
}
html[dir="rtl"] .news {
	padding-left: 40px;
	padding-right: 40px;
}
html[dir="rtl"] .news:hover {
	padding-left: 47px;
	padding-right: 33px;
}

/* --- Block widgets --- */
html[dir="rtl"] .block-widget-more {
	float: right;
}
html[dir="rtl"] .widget-fon-guilds {
	margin-left: 0;
	margin-right: 3px;
}
html[dir="rtl"] .widget-fon-discussions {
	margin-left: 0;
	margin-right: 3px;
}

/* --- Top players / guilds --- */
html[dir="rtl"] .top-block.guild .top-number img {
	margin-left: 0;
	margin-right: 5px;
}
html[dir="rtl"] .top-block.guild .score {
	padding-left: 0;
	padding-right: 55px;
}

/* --- Discussions widget --- */
html[dir="rtl"] .admin-icon {
	float: right;
	margin-right: 0;
	margin-left: 26px;
}
html[dir="rtl"] .discussions-icon {
	float: right;
}
html[dir="rtl"] .discussions-message {
	float: left;
}
html[dir="rtl"] .discussions-text {
	padding-left: 0;
	padding-right: 16px;
}
html[dir="rtl"] .discussions-text-bt {
	padding-left: 0;
	padding-right: 16px;
}

/* --- Last news top --- */
html[dir="rtl"] .last-news-top a {
	float: left;
}

/* --- Media block --- */
html[dir="rtl"] .media-fon {
	padding-left: 30px;
	padding-right: 30px;
}
html[dir="rtl"] .slick-list:before {
	left: auto;
	right: 0px;
	background: linear-gradient(to left, rgb(36, 26, 24), rgba(57, 43, 33, 0));
}
html[dir="rtl"] .slick-list:after {
	right: auto;
	left: 0px;
	background: linear-gradient(to right, rgb(36, 26, 24), rgba(57, 43, 33, 0));
}
html[dir="rtl"] .slick-center a:after {
	left: auto;
	right: 0px;
}

/* --- Footer --- */
/* Footer layout stays LTR (language switcher doesn't move) */
html[dir="rtl"] .footer-end {
	direction: ltr;
}
html[dir="rtl"] .soc-block a {
	margin-left: 0;
	margin-right: 20px;
}

/* --- Visual effects (smog, sparks) --- */
html[dir="rtl"] .smog {
	left: auto;
	right: 170px;
}
html[dir="rtl"] .smog .num1,
html[dir="rtl"] .smog .num2,
html[dir="rtl"] .smog .num3 {
	left: auto;
	right: -677px;
}
html[dir="rtl"] .sparks-sparks {
	left: auto;
	right: 550px;
}
html[dir="rtl"] .sparks {
	background-position: right 0px bottom 0px;
}

/* --- Modal --- */
html[dir="rtl"] .modal_div .modal_close {
	right: auto;
	left: -18px;
}
html[dir="rtl"] #overlay {
	left: auto;
	right: 0;
}

/* --- Page content --- */
html[dir="rtl"] .page-content {
	padding: 40px 60px 40px 65px;
}
html[dir="rtl"] .page-text-img {
	float: right;
	margin-right: 0;
	margin-left: 35px;
}

/* --- Downloads --- */
html[dir="rtl"] .client-text {
	margin-right: 0;
	margin-left: 50px;
}

/* --- WebEngine CMS overrides --- */
html[dir="rtl"] .rankings-update-time {
	text-align: left;
}
html[dir="rtl"] .tos_list li p {
	padding-right: 0;
	padding-left: 35px;
}
html[dir="rtl"] .online-status-indicator {
	margin-left: 0;
	margin-right: 5px;
}
html[dir="rtl"] .panel-usercp ul li img {
	padding-right: 0;
	padding-left: 10px;
}

/* --- General text direction --- */
html[dir="rtl"] body {
	direction: rtl;
}