/* Reel Alüminyum - Ultra-Comprehensive RTL (Arabic) Alignment Fixes */
html[dir="rtl"],
body[dir="rtl"],
[dir="rtl"] {
    direction: rtl !important;
    text-align: right !important;
}

/* -------------------------------------------------------------
   1. Form Inputs & Icons RTL Corrections
   ------------------------------------------------------------- */
html[dir="rtl"] .form-control,
html[dir="rtl"] input.form-control,
html[dir="rtl"] textarea.form-control,
html[dir="rtl"] select.form-control {
    text-align: right !important;
    direction: rtl !important;
}

/* Inputs with Left Icon in LTR -> Right Icon in RTL */
html[dir="rtl"] .form-group .form-icon,
html[dir="rtl"] .contact-form-style-01 .form-group .form-icon,
html[dir="rtl"] .contact-form-style-03 .form-group .form-icon,
html[dir="rtl"] .contact-form-style-07 .form-group .form-icon,
html[dir="rtl"] .quote-drawer-panel .contact-form-style-03 .form-icon {
    right: 16px !important;
    left: auto !important;
}

html[dir="rtl"] .form-group .form-control.ps-45,
html[dir="rtl"] .form-group input.ps-45,
html[dir="rtl"] .quote-drawer-panel .contact-form-style-03 .form-control {
    padding-right: 45px !important;
    padding-left: 15px !important;
}

/* Textarea Icon Positioning in RTL */
html[dir="rtl"] .form-group.form-textarea .form-icon,
html[dir="rtl"] .contact-form-style-03 .form-textarea .form-icon,
html[dir="rtl"] .quote-drawer-panel .contact-form-style-03 .form-textarea .form-icon {
    right: 16px !important;
    left: auto !important;
    top: 25px !important;
}

/* Dropdown Toggles in Forms (Selected Product / Group) */
html[dir="rtl"] .custom-dropdown .dropdown-toggle,
html[dir="rtl"] .quote-drawer-panel .custom-dropdown .dropdown-toggle {
    padding-right: 45px !important;
    padding-left: 20px !important;
    text-align: right !important;
}

html[dir="rtl"] .custom-dropdown .dropdown-arrow-icon,
html[dir="rtl"] .quote-drawer-panel .custom-dropdown .dropdown-arrow-icon {
    margin-left: 0 !important;
    margin-right: auto !important;
}

html[dir="rtl"] .custom-dropdown .dropdown-menu {
    text-align: right !important;
}

/* Quote Drawer Panel RTL Adjustments */
html[dir="rtl"] .quote-drawer-panel {
    right: auto !important;
    left: 0 !important;
    border-left: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    transform: translateX(-100%);
}

html[dir="rtl"] .quote-drawer-area.drawer-opened .quote-drawer-panel {
    transform: translateX(0) !important;
}

html[dir="rtl"] .quote-drawer-close-wrap {
    justify-content: flex-start !important;
}

html[dir="rtl"] .quote-drawer-consent input[type="checkbox"] {
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* File Upload Dropzone in Quote Drawer & Forms */
html[dir="rtl"] .quote-drawer-file-upload .quote-upload-label {
    text-align: right !important;
}

/* -------------------------------------------------------------
   2. Homepage Video Showcase Card RTL Fixes
   ------------------------------------------------------------- */
html[dir="rtl"] .reel-why-video__live-badge {
    right: 22px !important;
    left: auto !important;
}

html[dir="rtl"] .reel-why-video__quality-tag {
    left: 22px !important;
    right: auto !important;
}

html[dir="rtl"] .reel-why-video__content {
    text-align: right !important;
}

html[dir="rtl"] .reel-why-video__tag-strip {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .reel-why-video__footer {
    flex-direction: row !important;
}

html[dir="rtl"] .reel-why-video__meta {
    text-align: right !important;
}

/* -------------------------------------------------------------
   3. Header & Navigation RTL Fixes
   ------------------------------------------------------------- */
html[dir="rtl"] .menu-header-cnt-left {
    text-align: right !important;
}

html[dir="rtl"] .menu-header-logo-wrap p {
    text-align: right !important;
}

html[dir="rtl"] .menu-header-cnt-bar-wrap .menu-offcanvas-open-btn {
    border-left: none !important;
    border-right: 1px solid rgba(5, 3, 18, 0.15) !important;
    padding-left: 0 !important;
    padding-right: 20px !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .menu-lang-current {
    border-left: none !important;
    border-right: 1px solid rgba(5, 3, 18, 0.15) !important;
    border-radius: 6px 0 0 6px !important;
}

html[dir="rtl"] .menu-lang-list {
    left: 0 !important;
    right: auto !important;
}

html[dir="rtl"] .menu-header-right {
    text-align: left !important;
}

/* Offcanvas Sidebar Drawer in RTL */
html[dir="rtl"] .menu-offcanvas-2-wrapper .left-box {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
}

html[dir="rtl"] .menu-offcanvas-2-wrapper .right-box {
    left: 0 !important;
    right: auto !important;
    text-align: right !important;
}

html[dir="rtl"] .menu-offcanvas-2-area .menu-offcanvas-menu nav > ul > li > a::after {
    right: -5px !important;
    left: auto !important;
}

html[dir="rtl"] .menu-offcanvas-2-area .menu-offcanvas-menu ul li > a {
    padding: 0 30px 0 0 !important;
}

html[dir="rtl"] .tp-menu-close {
    left: 0 !important;
    right: auto !important;
}

/* -------------------------------------------------------------
   4. Section Titles & General Elements RTL Fixes
   ------------------------------------------------------------- */
html[dir="rtl"] .process-step-style-06 {
    text-align: right !important;
}

/* Directional Arrow Icons Flip in RTL */
html[dir="rtl"] .feather-arrow-right,
html[dir="rtl"] .icon-feather-arrow-right,
html[dir="rtl"] .fa-arrow-right {
    transform: scaleX(-1) !important;
}

html[dir="rtl"] .feather-chevron-right,
html[dir="rtl"] .icon-feather-chevron-right,
html[dir="rtl"] .fa-chevron-right {
    transform: scaleX(-1) !important;
}