/*
Theme Name: seahgsi - Arabic
Theme URI: http://example.com/
Author: Your Name
Author URI: http://example.com/
Description: Arabic language styles for seahgsi theme (RTL support)
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seahgsi
Language: ar
Tags: custom-theme, arabic, rtl
*/

/* ==============================
   ARABIC LANGUAGE RTL STYLES
   ============================== */

/* Document Direction */
html {
    direction: rtl;
    text-align: right;
}

body {
    direction: rtl;
    text-align: right;
    font-family: "Noto Kufi Arabic", sans-serif;
}

/* Left/Right Margin & Padding Adjustments */
.alignleft {
    float: right !important;
    margin: 0 0 0.5em 1em;
}

.alignright {
    float: left !important;
    margin: 0 1em 0.5em 0;
}

.aligncenter {
    text-align: center;
}

.hero-slider {
    direction: ltr;
}

.hero-section .item .hero-content {
    padding-right: 30px;
    padding-left: 20%;
    border-left: none;
    border-right: 5px solid #e54e2b;
}
.main-nav {
    margin-left: unset; 
    margin-right: 0;
}
#about .content {
    border-right: 1px solid rgba(152, 152, 152, 1);
    padding-right: 40px;
    padding-left: 0;
    border-left: 0;
}

#about .section-title h1 {
    padding-right: 0;
    padding-left: 10%;
    text-align: right;
}
.hero-content .content{
    text-align: right;
}
#fp-nav.fp-right {
    right: unset;
    left: 15px !important;
}

.button {
    padding-left: 50px;
    padding-right: 10px;
}

.corner-arrow {
    right: unset;
    left: 15px;
    transform: rotate(-110deg);
}

.button:hover .corner-arrow {
    transform: rotate(-141deg);
}

/* Navigation Styles */
nav {
    direction: rtl;
}

nav ul,
nav ol {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
}

nav li {
    float: right;
    margin-right: 0;
    margin-left: 0;
}

nav a {
    text-align: right;
}

/* Lists */
ul,
ol {
    padding-right: 2em;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
}

ul li,
ol li {
    margin-right: 0;
    margin-left: 0;
}

/* Tables */
table {
    text-align: right;
}

th,
td {
    text-align: right;
    border-left: 1px solid #ddd;
    border-right: none;
    padding-right: 1em;
    padding-left: 0;
}

/* Forms */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea {
    text-align: right;
    direction: rtl;
}

label {
    text-align: right;
    margin-left: 0;
    margin-right: 0.5em;
}

/* Blockquote */
blockquote {
    border-left: 0;
    border-right: 4px solid #999;
    padding-left: 0;
    padding-right: 1em;
    margin-left: 0;
    margin-right: 1em;
}

/* Images with captions */
.wp-caption {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

/* WordPress Media Elements */
.wp-caption-text,
.gallery-caption {
    text-align: right;
}

/* Menu Icons/Indicators */
.menu-toggle::before,
.menu-toggle::after,
.submenu-toggle::before,
.submenu-toggle::after {
    margin-left: 0.5em;
    margin-right: 0;
}

/* General Layout Adjustments */
.container,
.wrapper,
.content,
.sidebar {
    direction: rtl;
}

/* Comments */
.comment-list {
    margin-right: 0;
    margin-left: 0;
}

.comment-list .children {
    margin-right: 2em;
    margin-left: 0;
}

/* Button Styles */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    text-align: center;
}

/* Search Form */
.search-form input[type="search"] {
    text-align: right;
    direction: rtl;
}

/* Header Elements */
header {
    direction: rtl;
}

/* Footer Elements */
footer {
    direction: rtl;
    text-align: right;
}

/* Clear Floats for RTL */
.clear::after,
.clearfix::after {
    clear: both;
}

/* Gutenberg Block Alignments for Arabic */
.wp-block-group,
.wp-block-column,
.wp-block-columns {
    direction: rtl;
}

.wp-block-image figcaption {
    text-align: right;
}

/* Additional RTL Fixes */
.has-text-align-left {
    text-align: right;
}

.has-text-align-right {
    text-align: left;
}

.custom-grid-item .text {
    right: 30px;
    left: unset;
}

.custom-grid .custom-grid-item:nth-child(3) .thumb img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.glass-btn .learn-icon::before {
    transform: scaleX(-1);
}

.glass-btn .learn-icon::after {
    left: 24px;
    right: unset;

}

.glass-btn:hover .learn-icon::after {
    left: 28px;
    right: unset;
}

footer .widget {
    border-left: none;
    border-right: 1px solid rgba(229, 78, 43, 1);
    padding-right: 20px;
    padding-left: 0;
}

footer .widget ul {
    padding-left: 0;
    padding-right: 0;
}
footer .mail, footer .phone, footer .address {
    padding-right: 40px;
    padding-left: 0;
    background-position: right top;
}
.recent-post-item .recent-post-thumb {
    margin-left: 15px;
    margin-right: 0;
}
.news_article .featured-meta .date {
    margin-right: 0;
}
.wpcf7-spinner {
    float: left;
}
.comparison-table th, .comparison-table td {
    text-align: right;
}
.contact_info .form .wpcf7 form .select .wpcf7-form-control-wrap::after{
    right: unset;
    left: 10px;
}
.contact_info .form .wpcf7 form select {
    text-align: right;
}
.timeline_2 .arrow-line{
    transform: rotate(180deg);
}
.manufacturing-process .set-1-container .box::after, .manufacturing-process .set-2-container .box::after, .manufacturing-process .process-grid.set-2 .box::after {
    right: unset;
    left: -25px;
    transform: rotate(180deg);
}
.manufacturing-process .left_connection::after, .manufacturing-process .left_connection::before{
    transform: rotate(180deg);
}
.manufacturing-process .connection_line::after{
    right: unset;
    left: 0;
}
.manufacturing-process .connection_line::before {
    right: 0;
    left: unset;
}
.manufacturing-process .connection_line .arrow_mark {
    left: unset;
    right: -9px;
}
.manufacturing-process .right_connection::after, .manufacturing-process .right_connection::before {
    transform: rotate(180deg);
}
.manufacturing-process .col-set3{
    margin-right: 100px;
  margin-left: 50px;
}

.manufacturing-process.cold .col-set3 {
    margin-right: 70px;
}
.manufacturing-process.cold .set-1-container {
    margin-left: 25px;
}
.process-grid .box-6::before{
    display: none;
}





