/* rtl.css */

body {
    direction: rtl;
    text-align: right;
}

/* Common overrides */
.container {
    margin-right: auto;
    margin-left: unset; /* Remove left margin */
}

header {
    text-align: center; /* Keep header text centered */
}

nav {
    text-align: center; /* Keep navigation centered */
}

/* Navigation links */
nav a {
    margin-left: 5px; /* Swap margin direction */
    margin-right: unset;
}

/* Logo */
header .logo {
    margin-left: auto; /* Swap margins */
    margin-right: auto;
}

/* Product Images */
.product-images {
    flex-direction: column; /* Keep vertical stacking on mobile */
    align-items: center;
}

/* Key Features */
.key-features {
    padding-right: 20px;  /* Swap padding direction */
    padding-left: unset;
    list-style-position: inside; /* Important for bullet alignment */
}

/* Download Link */
.download-link {
    margin-left: 10px; /* Swap margins */
    margin-right: unset;
}

/* Buy Button */
.buy-button {
    margin-left: 10px; /* Swap margins */
    margin-right: unset;
}

/* Popup styles */
.popup-content {
    text-align: center; /* Keep text centered */
}

/* Toolbar */
.toolbar {
    text-align: left; /* Reverse alignment */
}

.toolbar button {
    margin-right: 10px; /* Swap margins */
    margin-left: unset;
}

/* Latest News (Desktop) */
.latest-news-desktop .news-item {
    margin-left: 10px; /* Swap margins */
    margin-right: unset;
}

/* Floating WhatsApp Button */
.whatsapp-button-container.bottom-right {
    right: unset;
    left: 20px;
}

.whatsapp-button-container.bottom-left {
    left: unset;
    right: 20px;
}

.whatsapp-button-container.top-right {
    right: unset;
    left: 20px;
}

.whatsapp-button-container.top-left {
    left: unset;
    right: 20px;
}

.whatsapp-button i {
    margin-left: 5px;  /* Swap margins */
    margin-right: unset;
}

/* Media Queries (Adjustments for Larger Screens) */
@media (min-width: 768px) {
    .product-images {
        flex-direction: row; /* Restore horizontal layout on larger screens */
    }
}