/* RTL Styles for Egyptian Community Website */

/* Global RTL Settings */
* {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
    font-family: 'Tajawal', sans-serif;
}

/* RTL for Bootstrap Grid System */
.container, .row, .col-md-*, .col-sm-*, .col-lg-*, .col-xs-* {
    direction: rtl;
    text-align: right;
}

/* RTL for Navigation */
.navbar-nav {
    direction: rtl;
    text-align: right;
}

.navbar-nav > li {
    float: right;
}

.navbar-nav > li > a {
    text-align: right;
}

/* RTL for Dropdowns */
.drop-down {
    right: auto !important;
    left: 0 !important;
    text-align: right;
}

.drop-down li a {
    text-align: right;
}

/* RTL for Buttons */
.btn {
    text-align: center;
    direction: rtl;
}

/* RTL for Forms */
input, textarea, select {
    text-align: right;
    direction: rtl;
}

/* RTL for Header Info Boxes */
.header-icon-box .icon-container {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.header-icon-box .text {
    float: right;
    text-align: right;
}

.header-icon-box .head-heading,
.header-icon-box .head-content {
    text-align: right;
}

/* RTL for Section Headings */
.section-heading-wrapper h2,
.section-heading-wrapper h4 {
    text-align: center;
}

.section-heading-wrapper.no-padding h2,
.section-heading-wrapper.no-padding h4 {
    text-align: right;
}

.section-heading-wrapper.no-padding p {
    text-align: right;
}

/* RTL for Counter Section */
.counter-block-1 {
    text-align: center;
}

.counter-block-1 h4 {
    text-align: center;
}

/* RTL for Testimonials */
.testimony-layout-2 {
    text-align: right;
}

.testimony-info h4,
.testimony-info h6 {
    text-align: right;
}

/* RTL for Footer */
.footer-widget {
    text-align: right;
}

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

.footer-useful-links {
    text-align: right;
}

.footer-useful-links li {
    text-align: right;
}

.footer-useful-links li a {
    text-align: right;
}

.textwidget.contact-us {
    text-align: right;
}

.textwidget.contact-us span {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

.textwidget.contact-us p {
    text-align: right;
}

.copyright-text {
    text-align: center;
}

/* RTL for Navbar Layout */
.navbar-header.pull-right {
    float: left !important;
}

.navbar-collapse.pull-left {
    float: right !important;
}

.navbar-contact {
    float: left !important;
}

/* RTL for Gallery */
.filter-items {
    text-align: center;
}

.filter-items .btn {
    margin: 0 5px;
}

.gallery-container {
    text-align: center;
}

/* RTL for Newsletter */
.newsletter-heading,
.newsletter-subheading {
    text-align: right;
}

.horizontal-newsletter-2 {
    text-align: left;
}

/* RTL for Sponsors */
.client-logo {
    text-align: center;
}

/* RTL for CTA Section */
.cta-content-1 h2 {
    text-align: center;
}

/* RTL for About Section */
.about-image-wrapper {
    text-align: center;
}

.info-separotor {
    text-align: right;
}

.info-separotor p {
    text-align: right;
}

/* RTL for Banner Content */
.banner-content h2,
.banner-content h3 {
    text-align: center;
}

.slider-button {
    text-align: center;
}

/* RTL for Social Icons */
.footer-social-icon {
    margin: 0 5px;
}

/* RTL for Mobile Menu */
@media (max-width: 768px) {
    .navbar-header.pull-right {
        float: right !important;
    }

    .navbar-collapse.pull-left {
        float: left !important;
    }

    .navbar-contact {
        float: right !important;
    }

    .navbar-nav > li {
        float: none;
        text-align: right;
    }

    .navbar-nav > li > a {
        text-align: right;
    }
}

/* RTL for Icons in Lists */
.footer-useful-links li a i {
    margin-left: 5px;
    margin-right: 0;
}

/* RTL for Header Logo */
.header-logo {
    text-align: center;
}

.header-col-logo {
    text-align: center;
}

/* RTL for Header Top Layout */
.header-top .row {
    direction: rtl;
}

.header-top .col-md-8 {
    text-align: right;
}

.header-top .col-md-4.header-col-logo {
    text-align: center;
}

/* RTL for Header Logo Positioning */
.header-col-logo {
    float: right;
}

.header-logo {
    text-align: center;
    margin: 0 auto;
}

.header-logo img {
    max-width: 100%;
    height: auto;
}

/* RTL for Header Top Container */
.header-top .container {
    direction: rtl;
}

.header-top .row {
    display: flex;
    flex-direction: row-reverse;
}

/* RTL for Header Top Info */
.header-top .row {
    direction: rtl;
}

/* RTL for Header Icon Boxes */
.header-icon-box {
    text-align: right;
    direction: rtl;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px;
}

.header-icon-box .icon-container {
    float: none;
    margin: 0;
    order: 2;
}

.header-icon-box .text {
    float: none;
    text-align: right;
    order: 1;
    flex: 1;
}

.header-icon-box .head-heading,
.header-icon-box .head-content {
    text-align: right;
    display: block;
}

/* RTL for Info Separator */
.info-separotor {
    text-align: right;
}

/* RTL for Icon Container Styling */
.header-icon-box .icon-container i {
    font-size: 24px;
    color: #ffffff;
    display: block;
}

/* RTL for Text Content Alignment */
.header-icon-box .text .head-heading {
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    display: block;
}

.header-icon-box .text .head-content {
    color: #666;
    font-size: 14px;
    display: block;
}

/* RTL for Header Top Responsive */
@media (max-width: 768px) {
    .header-top .row {
        flex-direction: column;
    }

    .header-col-logo {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .header-top .col-md-8 {
        text-align: center;
    }

        .header-icon-box {
        text-align: center;
        margin-bottom: 15px;
        flex-direction: column;
        gap: 5px;
    }

    .header-icon-box .icon-container {
        float: none;
        margin: 0 auto 5px auto;
        order: 1;
    }

    .header-icon-box .text {
        float: none;
        text-align: center;
        order: 2;
    }
}

/* RTL for Dropdown Arrow */
.drop > a:after {
    margin-left: 0;
    margin-right: 5px;
}

/* RTL for Form Placeholders */
input::placeholder,
textarea::placeholder {
    text-align: right;
}

/* RTL for Search Forms */
.mc-form input {
    text-align: right;
}

/* RTL for Contact Forms */
.contact-form input,
.contact-form textarea {
    text-align: right;
}

/* RTL for Modal Content */
.modal-header h4 {
    text-align: right;
}

.modal-body {
    text-align: right;
}

/* RTL for Alert Messages */
.alert {
    text-align: right;
}

/* RTL for Progress Bars */
.progress-bar {
    direction: ltr;
}

/* RTL for Carousel Controls */
.carousel-control.left {
    right: 0;
    left: auto;
}

.carousel-control.right {
    left: 0;
    right: auto;
}

/* RTL for Pagination */
.pagination > li > a,
.pagination > li > span {
    float: right;
}

/* RTL for Breadcrumbs */
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc;
}

/* RTL for Tables */
.table th,
.table td {
    text-align: right;
}

/* RTL for List Groups */
.list-group-item {
    text-align: right;
}

/* RTL for Panels */
.panel-heading {
    text-align: right;
}

.panel-body {
    text-align: right;
}

/* RTL for Wells */
.well {
    text-align: right;
}

/* RTL for Labels and Badges */
.label,
.badge {
    text-align: center;
}

/* RTL for Tooltips */
.tooltip {
    direction: rtl;
}

/* RTL for Popovers */
.popover {
    direction: rtl;
}

.popover-title {
    text-align: right;
}

.popover-content {
    text-align: right;
}

/* RTL for Dropdown Menus */
.dropdown-menu {
    right: auto;
    left: 0;
    text-align: right;
}

.dropdown-menu > li > a {
    text-align: right;
}

/* RTL for Nav Tabs */
.nav-tabs > li {
    float: right;
}

.nav-tabs > li > a {
    text-align: right;
}

/* RTL for Nav Pills */
.nav-pills > li {
    float: right;
}

.nav-pills > li > a {
    text-align: right;
}

/* RTL for Navbar Brand */
.navbar-brand {
    float: right;
}

/* RTL for Navbar Toggle */
.navbar-toggle {
    float: left;
}

/* RTL for Input Groups */
.input-group-addon {
    border-radius: 0 4px 4px 0;
}

.input-group .form-control:first-child {
    border-radius: 4px 0 0 4px;
}

/* RTL for Button Groups */
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 4px 4px 0;
}

.btn-group > .btn:last-child:not(:first-child) {
    border-radius: 4px 0 0 4px;
}

/* RTL for Split Button Dropdowns */
.btn-group > .btn + .dropdown-toggle {
    border-radius: 0 4px 4px 0;
}

/* RTL for Media Objects */
.media-left {
    float: right;
}

.media-right {
    float: left;
}

.media-left,
.media-right,
.media-body {
    display: block;
}

/* RTL for Thumbnails */
.thumbnail {
    text-align: center;
}

/* RTL for Jumbotron */
.jumbotron {
    text-align: center;
}

/* RTL for Page Headers */
.page-header {
    text-align: right;
}

/* RTL for Blockquotes */
blockquote {
    text-align: right;
}

blockquote footer {
    text-align: left;
}

/* RTL for Code Blocks */
code {
    direction: ltr;
    text-align: left;
}

pre {
    direction: ltr;
    text-align: left;
}

/* RTL for Abbreviations */
abbr[title] {
    text-align: right;
}

/* RTL for Address */
address {
    text-align: right;
}

/* RTL for Definition Lists */
dl {
    text-align: right;
}

dt {
    text-align: right;
}

dd {
    text-align: right;
}

/* RTL for Horizontal Description Lists */
.dl-horizontal dt {
    float: right;
    clear: right;
    text-align: right;
}

.dl-horizontal dd {
    margin-right: 180px;
    margin-left: 0;
}

/* RTL for Small Text */
small {
    text-align: right;
}

/* RTL for Lead Paragraphs */
.lead {
    text-align: right;
}

/* RTL for Text Utilities */
.text-left {
    text-align: right !important;
}

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

.text-center {
    text-align: center !important;
}

/* RTL for Float Utilities */
.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

/* RTL for Margin and Padding Utilities */
.ml-0 { margin-right: 0 !important; }
.ml-1 { margin-right: 0.25rem !important; }
.ml-2 { margin-right: 0.5rem !important; }
.ml-3 { margin-right: 1rem !important; }
.ml-4 { margin-right: 1.5rem !important; }
.ml-5 { margin-right: 3rem !important; }

.mr-0 { margin-left: 0 !important; }
.mr-1 { margin-left: 0.25rem !important; }
.mr-2 { margin-left: 0.5rem !important; }
.mr-3 { margin-left: 1rem !important; }
.mr-4 { margin-left: 1.5rem !important; }
.mr-5 { margin-left: 3rem !important; }

.pl-0 { padding-right: 0 !important; }
.pl-1 { padding-right: 0.25rem !important; }
.pl-2 { padding-right: 0.5rem !important; }
.pl-3 { padding-right: 1rem !important; }
.pl-4 { padding-right: 1.5rem !important; }
.pl-5 { padding-right: 3rem !important; }

.pr-0 { padding-left: 0 !important; }
.pr-1 { padding-left: 0.25rem !important; }
.pr-2 { padding-left: 0.5rem !important; }
.pr-3 { padding-left: 1rem !important; }
.pr-4 { padding-left: 1.5rem !important; }
.pr-5 { padding-left: 3rem !important; }

/* RTL for Print Styles */
@media print {
    body {
        direction: rtl;
        text-align: right;
    }

    .container, .row, .col-md-*, .col-sm-*, .col-lg-*, .col-xs-* {
        direction: rtl;
        text-align: right;
    }
}