/*
Theme Name: Jahan Teknik
Theme URI: https://jahanteknik.ir
Author: Jahan Teknik
Description: قالب اختصاصی جهان تکنیک — تعمیرگاه تخصصی خودرو در اصفهان
Version: 3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jahanteknik
*/

body { font-family:'Vazirmatn',Tahoma,Arial,sans-serif; direction:rtl; }
img  { max-width:100%; height:auto; }

/* ── select موبایل — استایل دارک‌مود ── */
#jtMobileNav option {
  background: #fff;
  color: #111827;
}
.dark #jtMobileNav option {
  background: #111827;
  color: #f3f4f6;
}

/* ══════════════════════════════════════
   انیمیشن‌های اسکرول
══════════════════════════════════════ */
.js-loaded .jt-fade,
.js-loaded .jt-up,
.js-loaded .jt-down,
.js-loaded .jt-left,
.js-loaded .jt-right,
.js-loaded .jt-zoom,
.js-loaded .jt-flip {
  opacity: 0;
  will-change: opacity, transform;
  transition: opacity .65s cubic-bezier(.4,0,.2,1),
              transform .65s cubic-bezier(.4,0,.2,1);
}
.js-loaded .jt-up    { transform: translateY(32px); }
.js-loaded .jt-down  { transform: translateY(-32px); }
.js-loaded .jt-left  { transform: translateX(-42px); }
.js-loaded .jt-right { transform: translateX(42px); }
.js-loaded .jt-zoom  { transform: scale(.9); }
.js-loaded .jt-flip  { transform: perspective(600px) rotateX(10deg); }
.js-loaded .jt-fade  { transform: none; }

.jt-fade.in-view,.jt-up.in-view,.jt-down.in-view,
.jt-left.in-view,.jt-right.in-view,.jt-zoom.in-view,.jt-flip.in-view {
  opacity:1 !important; transform:none !important;
}

.jt-delay-1 { transition-delay:.10s !important; }
.jt-delay-2 { transition-delay:.20s !important; }
.jt-delay-3 { transition-delay:.30s !important; }
.jt-delay-4 { transition-delay:.40s !important; }
.jt-delay-5 { transition-delay:.50s !important; }

@media (max-width:640px) {
  .js-loaded .jt-up    { transform: translateY(18px); }
  .js-loaded .jt-left  { transform: translateX(-22px); }
  .js-loaded .jt-right { transform: translateX(22px); }
  .js-loaded .jt-zoom  { transform: scale(.95); }
  .js-loaded .jt-fade,
  .js-loaded .jt-up,.js-loaded .jt-down,
  .js-loaded .jt-left,.js-loaded .jt-right,
  .js-loaded .jt-zoom,.js-loaded .jt-flip
    { transition-duration:.4s; }
  .jt-delay-1 { transition-delay:.05s !important; }
  .jt-delay-2 { transition-delay:.10s !important; }
  .jt-delay-3 { transition-delay:.15s !important; }
}

@media (prefers-reduced-motion:reduce) {
  .js-loaded .jt-fade,.js-loaded .jt-up,.js-loaded .jt-down,
  .js-loaded .jt-left,.js-loaded .jt-right,
  .js-loaded .jt-zoom,.js-loaded .jt-flip {
    opacity:1 !important; transform:none !important; transition:none !important;
  }
}

/* ══ انیمیشن‌های loop ══ */
@keyframes jt-pulse {
  0%,100% { box-shadow:0 0 0 0 rgba(220,38,38,.5); }
  60%      { box-shadow:0 0 0 12px rgba(220,38,38,0); }
}
@keyframes jt-bounce-y {
  0%,100% { transform:translateX(-50%) translateY(0); }
  50%      { transform:translateX(-50%) translateY(10px); }
}
@keyframes jt-float {
  0%,100% { transform:translateY(0); }
  50%      { transform:translateY(-8px); }
}
.jt-pulse  { animation: jt-pulse   2.2s ease-in-out infinite; }
.jt-bounce { animation: jt-bounce-y 2s ease-in-out infinite; }
.jt-float  { animation: jt-float   3.5s ease-in-out infinite; }

/* ══ فرم پیام ══ */
.form-msg { padding:12px 16px; border-radius:10px; margin-bottom:14px; font-size:14px; }
.form-msg.success { background:rgba(40,180,90,.1); color:#3ddc84; border:1px solid rgba(40,180,90,.3); }
.form-msg.error   { background:rgba(220,38,38,.1); color:#dc2626; border:1px solid rgba(220,38,38,.3); }

/* ══ prose دارک‌مود ══ */
.dark .prose h1,.dark .prose h2,.dark .prose h3,
.dark .prose h4,.dark .prose strong { color:#f9fafb; }
.dark .prose p,.dark .prose li      { color:#d1d5db; }
.dark .prose h2                     { color:#f87171; }
.dark .prose a                      { color:#60a5fa; }

/* ══ سایدبار sticky فقط دسکتاپ ══ */
@media (max-width:1023px) {
  .sidebar-sticky { position:static !important; }
}

/* ══ موبایل ریسپانسیو ══ */
@media (max-width:640px) {
  .hero-thumb { max-height:220px !important; }
  .prose      { font-size:15px !important; }
}