/* Multilingual Support Styles */

/* RTL Support */
[dir="rtl"] {
  text-align: right;
}

[dir="rtl"] .text-left {
  text-align: right;
}

[dir="rtl"] .text-right {
  text-align: left;
}

[dir="rtl"] .ml-auto {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .mr-auto {
  margin-right: 0;
  margin-left: auto;
}

[dir="rtl"] .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

[dir="rtl"] .pl-8 {
  padding-left: 0;
  padding-right: 2rem;
}

[dir="rtl"] .pr-8 {
  padding-right: 0;
  padding-left: 2rem;
}

/* Arabic Font Styling */
[dir="rtl"] body {
  font-family: "Cairo", Arial, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  font-family: "Cairo", Arial, sans-serif;
  font-weight: 600;
}

/* RTL Grid Adjustments */
[dir="rtl"] .grid {
  direction: rtl;
}

[dir="rtl"] .flex {
  direction: rtl;
}

/* RTL Button Adjustments */
[dir="rtl"] .btn {
  direction: rtl;
}

[dir="rtl"] .btn strong {
  direction: rtl;
}

/* RTL Form Adjustments */
[dir="rtl"] input,
[dir="rtl"] textarea {
  text-align: right;
}

[dir="rtl"] input::placeholder,
[dir="rtl"] textarea::placeholder {
  text-align: right;
}

/* RTL Navigation */
[dir="rtl"] .fixed.top-4.right-4 {
  right: auto;
  left: 1rem;
}

/* RTL Project Cards */
[dir="rtl"] .group .absolute.top-4.right-4 {
  right: auto;
  left: 1rem;
}

[dir="rtl"] .group .absolute.top-4.left-4 {
  left: auto;
  right: 1rem;
}

/* RTL Language Switcher */
[dir="rtl"] .language-switcher {
  left: 1rem;
  right: auto;
}

/* RTL Text Direction for Mixed Content */
[dir="rtl"] .ltr {
  direction: ltr;
  text-align: left;
}

/* Experience Section - Fix RTL Timeline Spacing */
/* Target timeline items with padding-right on desktop */
@media (min-width: 768px) {
  [dir="rtl"] #experience .space-y-8 > div:nth-child(odd) > div:first-child {
    padding-right: 0 !important;
    padding-left: 2rem !important;
  }

  [dir="rtl"] #experience .space-y-8 > div:nth-child(even) > div:last-child {
    padding-left: 0 !important;
    padding-right: 2rem !important;
  }
}

/* Fix text alignment in RTL */
@media (min-width: 768px) {
  [dir="rtl"] #experience .space-y-8 > div:nth-child(odd) > div:first-child {
    text-align: left !important;
  }

  [dir="rtl"] #experience .space-y-8 > div:nth-child(even) > div:last-child {
    text-align: right !important;
  }
}

/* Fix justify-content alignment in RTL */
@media (min-width: 768px) {
  [dir="rtl"] #experience .space-y-8 > div:nth-child(odd) .flex.justify-center {
    justify-content: flex-start !important;
  }

  [dir="rtl"]
    #experience
    .space-y-8
    > div:nth-child(even)
    .flex.justify-center {
    justify-content: flex-end !important;
  }
}

/* Terminal Section Header - Ensure proper centering */
.terminal-section .text-center {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

[dir="rtl"] .terminal-section .text-center {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  direction: ltr !important;
}

.terminal-section .text-center h2 {
  text-align: center !important;
  width: 100% !important;
}

[dir="rtl"] .terminal-section .text-center h2 {
  text-align: center !important;
  width: 100% !important;
  direction: ltr !important;
}

.terminal-section .text-center p {
  text-align: center !important;
  width: 100% !important;
}

[dir="rtl"] .terminal-section .text-center p {
  text-align: center !important;
  width: 100% !important;
  direction: ltr !important;
}

/* More specific targeting for terminal section */
[dir="rtl"] .terminal-section div.text-center {
  text-align: center !important;
  direction: ltr !important;
}

[dir="rtl"] .terminal-section div.text-center h2 {
  text-align: center !important;
  direction: ltr !important;
}

[dir="rtl"] .terminal-section div.text-center p {
  text-align: center !important;
  direction: ltr !important;
}

/* Override the global terminal section rule for header elements */
[dir="rtl"]
  .py-20.bg-gradient-to-br.from-gray-900.via-black.to-gray-900.relative.overflow-hidden
  div.text-center {
  text-align: center !important;
}

[dir="rtl"]
  .py-20.bg-gradient-to-br.from-gray-900.via-black.to-gray-900.relative.overflow-hidden
  div.text-center
  h2 {
  text-align: center !important;
}

[dir="rtl"]
  .py-20.bg-gradient-to-br.from-gray-900.via-black.to-gray-900.relative.overflow-hidden
  div.text-center
  p {
  text-align: center !important;
}

/* Terminal/Console Elements - Always LTR */
[dir="rtl"] .terminal,
[dir="rtl"] .console,
[dir="rtl"] .code,
[dir="rtl"] .code-block,
[dir="rtl"] .pre,
[dir="rtl"] .code-container,
[dir="rtl"] .syntax-highlight,
[dir="rtl"] .command-line,
[dir="rtl"] .bash,
[dir="rtl"] .shell,
[dir="rtl"] .terminal-window,
[dir="rtl"] .console-window,
[dir="rtl"] .code-window,
[dir="rtl"] .terminal-container,
[dir="rtl"] .console-container,
[dir="rtl"] .code-container,
[dir="rtl"] .terminal-content,
[dir="rtl"] .console-content,
[dir="rtl"] .code-content,
[dir="rtl"] .terminal-text,
[dir="rtl"] .console-text,
[dir="rtl"] .code-text,
[dir="rtl"] .terminal-line,
[dir="rtl"] .console-line,
[dir="rtl"] .code-line,
[dir="rtl"] .terminal-prompt,
[dir="rtl"] .console-prompt,
[dir="rtl"] .code-prompt,
[dir="rtl"] .terminal-output,
[dir="rtl"] .console-output,
[dir="rtl"] .code-output,
[dir="rtl"] .terminal-input,
[dir="rtl"] .console-input,
[dir="rtl"] .code-input,
[dir="rtl"] .terminal-command,
[dir="rtl"] .console-command,
[dir="rtl"] .code-command,
[dir="rtl"] .terminal-args,
[dir="rtl"] .console-args,
[dir="rtl"] .code-args,
[dir="rtl"] .terminal-flag,
[dir="rtl"] .console-flag,
[dir="rtl"] .code-flag,
[dir="rtl"] .terminal-option,
[dir="rtl"] .console-option,
[dir="rtl"] .code-option,
[dir="rtl"] .terminal-parameter,
[dir="rtl"] .console-parameter,
[dir="rtl"] .code-parameter,
[dir="rtl"] .terminal-variable,
[dir="rtl"] .console-variable,
[dir="rtl"] .code-variable,
[dir="rtl"] .terminal-string,
[dir="rtl"] .console-string,
[dir="rtl"] .code-string,
[dir="rtl"] .terminal-number,
[dir="rtl"] .console-number,
[dir="rtl"] .code-number,
[dir="rtl"] .terminal-comment,
[dir="rtl"] .console-comment,
[dir="rtl"] .code-comment,
[dir="rtl"] .terminal-keyword,
[dir="rtl"] .console-keyword,
[dir="rtl"] .code-keyword,
[dir="rtl"] .terminal-function,
[dir="rtl"] .console-function,
[dir="rtl"] .code-function,
[dir="rtl"] .terminal-class,
[dir="rtl"] .console-class,
[dir="rtl"] .code-class,
[dir="rtl"] .terminal-method,
[dir="rtl"] .console-method,
[dir="rtl"] .code-method,
[dir="rtl"] .terminal-property,
[dir="rtl"] .console-property,
[dir="rtl"] .code-property,
[dir="rtl"] .terminal-attribute,
[dir="rtl"] .console-attribute,
[dir="rtl"] .code-attribute,
[dir="rtl"] .terminal-tag,
[dir="rtl"] .console-tag,
[dir="rtl"] .code-tag,
[dir="rtl"] .terminal-element,
[dir="rtl"] .console-element,
[dir="rtl"] .code-element,
[dir="rtl"] .terminal-node,
[dir="rtl"] .console-node,
[dir="rtl"] .code-node,
[dir="rtl"] .terminal-object,
[dir="rtl"] .console-object,
[dir="rtl"] .code-object,
[dir="rtl"] .terminal-array,
[dir="rtl"] .console-array,
[dir="rtl"] .code-array,
[dir="rtl"] .terminal-json,
[dir="rtl"] .console-json,
[dir="rtl"] .code-json,
[dir="rtl"] .terminal-xml,
[dir="rtl"] .console-xml,
[dir="rtl"] .code-xml,
[dir="rtl"] .terminal-html,
[dir="rtl"] .console-html,
[dir="rtl"] .code-html,
[dir="rtl"] .terminal-css,
[dir="rtl"] .console-css,
[dir="rtl"] .code-css,
[dir="rtl"] .terminal-js,
[dir="rtl"] .console-js,
[dir="rtl"] .code-js,
[dir="rtl"] .terminal-ts,
[dir="rtl"] .console-ts,
[dir="rtl"] .code-ts,
[dir="rtl"] .terminal-py,
[dir="rtl"] .console-py,
[dir="rtl"] .code-py,
[dir="rtl"] .terminal-php,
[dir="rtl"] .console-php,
[dir="rtl"] .code-php,
[dir="rtl"] .terminal-rb,
[dir="rtl"] .console-rb,
[dir="rtl"] .code-rb,
[dir="rtl"] .terminal-go,
[dir="rtl"] .console-go,
[dir="rtl"] .code-go,
[dir="rtl"] .terminal-rs,
[dir="rtl"] .console-rs,
[dir="rtl"] .code-rs,
[dir="rtl"] .terminal-cpp,
[dir="rtl"] .console-cpp,
[dir="rtl"] .code-cpp,
[dir="rtl"] .terminal-c,
[dir="rtl"] .console-c,
[dir="rtl"] .code-c,
[dir="rtl"] .terminal-java,
[dir="rtl"] .console-java,
[dir="rtl"] .code-java,
[dir="rtl"] .terminal-cs,
[dir="rtl"] .console-cs,
[dir="rtl"] .code-cs,
[dir="rtl"] .terminal-sql,
[dir="rtl"] .console-sql,
[dir="rtl"] .code-sql,
[dir="rtl"] .terminal-yaml,
[dir="rtl"] .console-yaml,
[dir="rtl"] .code-yaml,
[dir="rtl"] .terminal-toml,
[dir="rtl"] .console-toml,
[dir="rtl"] .code-toml,
[dir="rtl"] .terminal-ini,
[dir="rtl"] .console-ini,
[dir="rtl"] .code-ini,
[dir="rtl"] .terminal-config,
[dir="rtl"] .console-config,
[dir="rtl"] .code-config,
[dir="rtl"] .terminal-env,
[dir="rtl"] .console-env,
[dir="rtl"] .code-env,
[dir="rtl"] .terminal-log,
[dir="rtl"] .console-log,
[dir="rtl"] .code-log,
[dir="rtl"] .terminal-error,
[dir="rtl"] .console-error,
[dir="rtl"] .code-error,
[dir="rtl"] .terminal-warning,
[dir="rtl"] .console-warning,
[dir="rtl"] .code-warning,
[dir="rtl"] .terminal-info,
[dir="rtl"] .console-info,
[dir="rtl"] .code-info,
[dir="rtl"] .terminal-debug,
[dir="rtl"] .console-debug,
[dir="rtl"] .code-debug,
[dir="rtl"] .terminal-trace,
[dir="rtl"] .console-trace,
[dir="rtl"] .code-trace,
[dir="rtl"] .terminal-stack,
[dir="rtl"] .console-stack,
[dir="rtl"] .code-stack,
[dir="rtl"] .terminal-backtrace,
[dir="rtl"] .console-backtrace,
[dir="rtl"] .code-backtrace,
[dir="rtl"] .terminal-callstack,
[dir="rtl"] .console-callstack,
[dir="rtl"] .code-callstack,
[dir="rtl"] .terminal-stacktrace,
[dir="rtl"] .console-stacktrace,
[dir="rtl"] .code-stacktrace,
[dir="rtl"] .terminal-exception,
[dir="rtl"] .console-exception,
[dir="rtl"] .code-exception,
[dir="rtl"] .terminal-throwable,
[dir="rtl"] .console-throwable,
[dir="rtl"] .code-throwable,
[dir="rtl"] .terminal-error-message,
[dir="rtl"] .console-error-message,
[dir="rtl"] .code-error-message,
[dir="rtl"] .terminal-warning-message,
[dir="rtl"] .console-warning-message,
[dir="rtl"] .code-warning-message,
[dir="rtl"] .terminal-info-message,
[dir="rtl"] .console-info-message,
[dir="rtl"] .code-info-message,
[dir="rtl"] .terminal-debug-message,
[dir="rtl"] .console-debug-message,
[dir="rtl"] .code-debug-message,
[dir="rtl"] .terminal-trace-message,
[dir="rtl"] .console-trace-message,
[dir="rtl"] .code-trace-message,
[dir="rtl"] .terminal-stack-message,
[dir="rtl"] .console-stack-message,
[dir="rtl"] .code-stack-message,
[dir="rtl"] .terminal-backtrace-message,
[dir="rtl"] .console-backtrace-message,
[dir="rtl"] .code-backtrace-message,
[dir="rtl"] .terminal-callstack-message,
[dir="rtl"] .console-callstack-message,
[dir="rtl"] .code-callstack-message,
[dir="rtl"] .terminal-stacktrace-message,
[dir="rtl"] .console-stacktrace-message,
[dir="rtl"] .code-stacktrace-message,
[dir="rtl"] .terminal-exception-message,
[dir="rtl"] .console-exception-message,
[dir="rtl"] .code-exception-message,
[dir="rtl"] .terminal-throwable-message,
[dir="rtl"] .console-throwable-message,
[dir="rtl"] .code-throwable-message {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: embed !important;
}

/* RTL Animation Adjustments */
[dir="rtl"] .slide-in-left {
  animation: slideInRight 0.8s ease-out;
}

[dir="rtl"] .slide-in-right {
  animation: slideInLeft 0.8s ease-out;
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* RTL Hover Effects */
[dir="rtl"] .group:hover .group-hover\:scale-105 {
  transform: scale(1.05) translateY(-8px);
}

/* RTL Button Icons */
[dir="rtl"] .btn svg {
  transform: scaleX(-1);
}

/* RTL Project Stats */
[dir="rtl"] .flex.items-center.justify-between {
  flex-direction: row-reverse;
}

/* RTL Technology Tags */
[dir="rtl"] .flex.flex-wrap.gap-2 {
  direction: rtl;
}

/* RTL Contact Form */
[dir="rtl"] .contact-form {
  direction: rtl;
}

[dir="rtl"] .contact-form .form-group {
  text-align: right;
}

/* RTL Footer */
[dir="rtl"] .footer {
  direction: rtl;
}

/* RTL Creative Chest */
[dir="rtl"] .chest {
  direction: rtl;
}

[dir="rtl"] .drawer {
  direction: rtl;
}

/* Smooth Language Transition */
.language-transition {
  transition: all 0.3s ease-in-out;
}

/* Arabic Typography Enhancements */
[dir="rtl"] {
  line-height: 1.8;
}

[dir="rtl"] p {
  line-height: 1.8;
}

[dir="rtl"] .text-lg {
  line-height: 1.7;
}

[dir="rtl"] .text-xl {
  line-height: 1.6;
}

/* Development Process Section - Always LTR */
[dir="rtl"]
  .py-20.bg-gradient-to-br.from-gray-900.via-black.to-gray-900.relative.overflow-hidden {
  direction: ltr !important;
  text-align: left !important;
}

[dir="rtl"]
  .py-20.bg-gradient-to-br.from-gray-900.via-black.to-gray-900.relative.overflow-hidden
  * {
  direction: ltr !important;
  text-align: left !important;
}

/* RTL Cursor Positioning - Fix alignment with actual cursor */
[dir="rtl"] .Cursor {
  transform-origin: center center;
  position: fixed;
  display: block;
  pointer-events: none;
  mix-blend-mode: difference;
  z-index: 1000;
}

[dir="rtl"] .Cursor span {
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 20px;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  left: 0;
  top: 0;
}

/* Fix RTL cursor offset - precise centering */
[dir="rtl"] .Cursor {
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: 0;
}

/* RTL Responsive Adjustments */
@media (max-width: 768px) {
  [dir="rtl"] .fixed.top-4.right-4 {
    left: 0.5rem;
  }

  [dir="rtl"] .group .absolute.top-4.right-4 {
    left: 0.5rem;
  }

  [dir="rtl"] .group .absolute.top-4.left-4 {
    right: 0.5rem;
  }
}