/*
Theme Name: Eltzam Environmental Consultation
Template: eltzam
Description: RTL Stylesheet for Arabic language support
*/

/* Import Arabic Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&family=Noto+Sans+Arabic:wght@300;400;500;600;700;800&display=swap');

/* RTL Base Styles */
body {
    direction: rtl;
    unicode-bidi: embed;
    font-family: 'Noto Sans Arabic', 'Tajawal', sans-serif;
}

/* Arabic Typography Enhancements */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', 'Tajawal', sans-serif;
    font-weight: 700;
    line-height: 1.5;
}

/* Improve Arabic text readability */
p, li, span {
    line-height: 1.8;
}

/* Flip text alignment */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

/* Flip margins and paddings */
.ml-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.mr-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Header adjustments */
.site-header .container {
    flex-direction: row-reverse;
}

.main-navigation ul {
    flex-direction: row-reverse;
}

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

.main-navigation ul ul ul {
    right: 100%;
    left: auto;
}

/* Hero section */
.hero-section .hero-content {
    text-align: right;
}

/* Content adjustments */
.entry-content {
    text-align: right;
}

.entry-content ul,
.entry-content ol {
    padding-left: 0;
    padding-right: 1.5em;
}

/* Services grid */
.services-grid,
.projects-grid {
    direction: rtl;
}

/* Contact form */
.contact-form label {
    text-align: right;
}

/* Footer adjustments */
.footer-content {
    direction: rtl;
}

.footer-widget {
    text-align: right;
}

/* Navigation arrows */
.nav-previous {
    float: right;
}

.nav-next {
    float: left;
}

/* Comments */
.comment-list {
    padding-right: 0;
}

.comment-author .avatar {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}

/* Widget adjustments */
.widget {
    text-align: right;
}

.widget ul {
    padding-left: 0;
    padding-right: 1.2em;
}

/* Mobile menu */
@media screen and (max-width: 768px) {
    .main-navigation ul {
        text-align: right;
    }
    
    .main-navigation li {
        text-align: right;
    }
}

/* Form elements */
input,
textarea,
select {
    text-align: right;
}

/* Button with icon */
.btn i,
.button i {
    margin-left: 0;
    margin-right: 0.5em;
}

/* List items */
.service-features li,
.process-steps li {
    padding-left: 0;
    padding-right: 1.5em;
}

/* Meta information */
.entry-meta {
    text-align: right;
}

/* Sidebar */
.sidebar {
    text-align: right;
}

/* Search form */
.search-form {
    direction: rtl;
}

/* Pagination */
.pagination {
    direction: rtl;
}

/* Breadcrumbs */
.breadcrumbs {
    direction: rtl;
}

/* Gallery */
.gallery {
    direction: rtl;
}

/* Social links */
.social-links {
    direction: rtl;
}

/* Stats section */
.stat-item {
    text-align: center;
}

/* CTA section */
.cta-section .cta-content {
    text-align: center;
}

/* Project details */
.project-meta li {
    text-align: right;
}

/* Service details sidebar */
.service-sidebar {
    text-align: right;
}

/* Team member */
.team-member {
    text-align: center;
}

/* Testimonial */
.testimonial {
    text-align: right;
}

.testimonial-author {
    flex-direction: row-reverse;
}

/* Menu toggle */
.menu-toggle {
    right: auto;
    left: 1em;
}