/* =========================================================
   آسان تامین آذر — استایل صفحه‌های چپ‌به‌راست (انگلیسی)
   ---------------------------------------------------------
   - فقط روی صفحه‌هایی لود می‌شود که زبانشان راست‌به‌چپ نیست (functions.php ← is_rtl)
     و بعد از site.css می‌آید؛ برای همین همان سلکتورهای site.css اینجا بازنویسی شده‌اند.
   - بیشتر چیدمان site.css با ویژگی‌های منطقی (inline-start / inline-end) نوشته شده
     و خودش برعکس می‌شود؛ این فایل فقط جاهایی است که جهت ثابت دارند.
   ========================================================= */

/* ---------- Font (local) ---------- */
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-latin-wght.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* حروف فارسی احتمالی (مثلاً نام برند) هنوز با Vazirmatn نمایش داده می‌شوند */
  --font: "Inter", "Vazirmatn", system-ui, sans-serif;
  /* فلش «جلو» (همان --arrow-left در site.css) در LTR به راست اشاره می‌کند */
  --arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
}

body.ata { line-height: 1.7; }
.ata .story-body { line-height: 1.85; }

/* ---------- Text alignment ---------- */
.ata .brand-text small,
.ata .flow-num,
.ata .stat-value .elementor-heading-title,
.ata .channel-body strong,
.ata .desk-body strong,
.ata .social-body small,
.ata .pl-panel-num .elementor-heading-title,
.ata :is(.contact-form, .ata-wpform) .wpforms-form .wpforms-field-email input,
.ata :is(.contact-form, .ata-wpform) .wpforms-form .ata-tel input { text-align: left; }

.ata .pl-pin-label { direction: ltr; }

/* ---------- Hover bars grow from the start side ---------- */
.ata .line-card::before,
.ata .e-con.feature::before,
.ata .e-con.step::before,
.ata .read-progress span,
.ata .e-con.station::before,
.ata .channel::before,
.ata .social-card::before,
.ata .team-index-item::before,
.ata .e-con.member::before,
.ata .pl-step::after,
.ata .pl-progress > span,
.ata .pl-related-card::before { transform-origin: left; }

/* ---------- Arrows: hover nudge toward the end side ---------- */
.ata .ata-btn--arrow .elementor-button:hover .elementor-button-text::after { transform: translateX(4px); }
.ata .ata-link .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); }
.ata .ata-posts .elementor-post:hover .elementor-post__read-more::after { transform: translateX(5px); }
.ata :is(.contact-form, .ata-wpform) .wpforms-form button.wpforms-submit:hover::after { transform: translateX(4px); }
.ata .post-nav .elementor-post-navigation__prev a:hover .post-navigation__prev--label::before { transform: scaleX(-1) translateX(4px); }
.ata .post-nav .elementor-post-navigation__next a:hover .post-navigation__next--label::before { transform: translateX(4px); }
.ata .e-con.part:hover { transform: translateX(4px); }

/* آیکون‌های فلش مورب برای RTL کشیده شده‌اند (پایین-چپ / بالا-چپ)؛ قرینه می‌شوند */
.ata :is(.line-card-arrow, .channel-arrow, .desk-arrow, .team-index-arrow, .social-arrow, .pl-related-arrow, .org-unit-go svg) {
  transform: translate(0, 0) scaleX(-1);
}
.ata .line-card:hover .line-card-arrow,
.ata .channel:hover .channel-arrow,
.ata .desk-list a:hover .desk-arrow,
.ata .team-index-item:hover .team-index-arrow,
.ata a.org-unit--tech:hover .org-unit-go svg { transform: translate(3px, 3px) scaleX(-1); }
.ata .social-card:hover .social-arrow { transform: translate(3px, -3px) scaleX(-1); }
.ata .pl-related-card:hover .pl-related-arrow { transform: translate(4px, 4px) scaleX(-1); }

/* دکمه‌های قبلی / بعدی مراحل خط تولید */
.ata .pl-nav-btn svg { transform: scaleX(-1); }

/* ---------- Gradients and decorations (mirrored) ---------- */
.ata .e-con.hero::before {
  background:
    linear-gradient(to right, rgba(15, 24, 32, 0.94) 0%, rgba(15, 24, 32, 0.78) 45%, rgba(15, 24, 32, 0.35) 100%),
    linear-gradient(to top, rgba(15, 24, 32, 0.9) 0%, rgba(15, 24, 32, 0) 40%);
}
.ata .e-con.hero::after {
  -webkit-mask-image: linear-gradient(to right, #000 20%, transparent 80%);
  mask-image: linear-gradient(to right, #000 20%, transparent 80%);
}
.ata .e-con.cta-band::after {
  -webkit-mask-image: linear-gradient(to left, #000, transparent 70%);
  mask-image: linear-gradient(to left, #000, transparent 70%);
}
.ata .e-con.page-hero::before {
  -webkit-mask-image: linear-gradient(to right, #000 15%, transparent 85%);
  mask-image: linear-gradient(to right, #000 15%, transparent 85%);
}
.ata .e-con.page-hero::after { left: auto; right: -12%; }

/* کلمه‌ی بزرگ پس‌زمینه‌ی هیروی خط تولید سمت انتهای صفحه */
.ata .elementor-widget.pl-hero-mark { left: auto; right: 0; }
.ata .pl-hero-mark-text { margin-left: 0; margin-right: -0.04em; }

/* ---------- Animations (mirrored) ---------- */
@keyframes ataMachineIn {
  from { opacity: 0; transform: translateX(48px); }
  to { opacity: 1; transform: none; }
}

/* پالس مسیر خط در هیروی «درباره ما» از چپ به راست حرکت می‌کند */
.ata .flow::after { background-image: linear-gradient(to right, transparent, var(--red)); }
@keyframes ataFlowX {
  from { background-position: -33% 0; }
  to { background-position: 133% 0; }
}

/* ---------- FAQ: + / − on the right ---------- */
.ata .pl-faq-list .elementor-tab-title::before,
.ata .pl-faq-list .elementor-tab-title::after { left: auto; right: 8px; }
.ata .pl-faq-list .elementor-accordion .elementor-tab-title { padding: 22px 48px 22px 4px; }
.ata .pl-faq-list .elementor-accordion .elementor-tab-content { padding: 0 48px 24px 4px; }

@media (max-width: 640px) {
  .ata .pl-faq-list .elementor-accordion .elementor-tab-title { padding-left: 4px; padding-right: 40px; }
  .ata .pl-faq-list .elementor-accordion .elementor-tab-content { padding-left: 4px; padding-right: 0; }
}