/*
Theme Name: Baziti Theme RTL v6.3
Theme URI: https://baziti.com
Author: Reza & ChatGPT
Description: نسخه 6.3 با اسلایدر خودکار بنر اصلی (۳ اسلاید) و حرکت پیوسته و نرم دسته‌بندی‌ها (بدون دکمه و اسکرول بار).
Version: 6.3
Text Domain: baziti
Tags: rtl-language-support, woocommerce
*/
:root{
  --baziti-primary:#0d2a61;
  --baziti-bg:#f8f9fb;
  --baziti-card:#ffffff;
  --baziti-text:#1a1a1a;
  --baziti-muted:#64748b;
  --divider:#e6e9ef;
  --marquee-duration: 25s; /* سرعت پیشفرض حرکت پیوسته */
}
html{direction:rtl}
*{box-sizing:border-box}
body{
  margin:0;background:var(--baziti-bg);color:var(--baziti-text);
  font-family: IRANSans, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;line-height:1.6;
}
a{color:var(--baziti-primary);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.section{padding:26px 0}
.section-title{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:800;margin:0 0 14px;color:#0b1220}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--divider)}
.navbar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px 0}
.logo{display:flex;align-items:center;gap:10px}
.logo .placeholder{width:40px;height:40px;border-radius:10px;background:var(--baziti-primary);display:inline-block}
.nav-menu{display:flex;gap:16px;align-items:center}
.nav-menu a{color:#0b1220;font-weight:600}
.nav-actions{display:flex;gap:10px;align-items:center}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--divider);display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#0b1220}

/* Footer */
.site-footer{background:#0d2a61;color:#fff;margin-top:28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:26px 0}
.footer-grid h4{margin:0 0 10px}
.site-footer a{color:#e9eefc}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:12px 0;opacity:.85}

/* Hero Slider */
.hero-slider{position:relative;border-radius:18px;overflow:hidden;background:#dfe6f7;height:auto}
.hero-slide{position:relative;display:none}
.hero-slide.active{display:block;animation:fadeIn .8s ease both}
.hero-slide img{width:100%;height:auto;display:block;aspect-ratio:1800/818;object-fit:cover}
.hero-slide .caption{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(0,0,0,.35) 100%);color:#fff}
.hero-slide .caption h2{margin:0 0 6px;font-size:22px}
.hero-slide .caption p{margin:0;font-size:14px;opacity:.96}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* Icons */
.bz-grid-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:800px){.bz-grid-icons{grid-template-columns:repeat(4,1fr)}}
.icon-card{background:var(--baziti-card);border:1px solid var(--divider);border-radius:16px;padding:12px;text-align:center;box-shadow:0 2px 10px rgba(12,15,22,.04)}
.icon-card img{width:48px;height:48px;object-fit:contain;display:block;margin:0 auto 8px}
.icon-card h4{font-size:14px;margin:0 0 6px}
.icon-card p{font-size:12px;color:var(--baziti-muted);margin:0}

/* Category marquee */
.carousel-viewport{position:relative;overflow:hidden}
.marquee-track{display:flex;gap:10px;will-change:transform;animation:marquee var(--marquee-duration) linear infinite}
.category-card{flex:0 0 150px;background:var(--baziti-card);border:1px solid var(--divider);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(12,15,22,.04)}
.category-card .thumb{width:100%;height:100px;background:#f1f5ff;display:block}
.category-card img{width:100%;height:100%;object-fit:cover;display:block}
.category-card h4{font-size:13px;margin:8px 10px;color:#0b1220;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* حرکت بی‌پایان واقعی دسته‌بندی‌ها (Infinite seamless loop) */
.carousel-viewport {
  position: relative;
  overflow: hidden;
}

.marquee-track {
  display: flex;
  gap: 10px;
  will-change: transform;
  animation: scrollLoop var(--marquee-duration) linear infinite;
}

@keyframes scrollLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}


/* Hide scrollbars just in case */
.baziti-carousel{scrollbar-width:none}
.baziti-carousel::-webkit-scrollbar{display:none}


/* RTL helpers */
/* Duo Banners (Fixed Style) */
.duo-banners {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 10px;
}
@media (max-width:800px) {
  .duo-banners {
    grid-template-columns: 1fr;
  }
}
.duo-banners a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--divider);
  box-shadow: 0 2px 10px rgba(12,15,22,.04);
  background: #fff;
  transition: transform 0.3s ease;
}
.duo-banners a:hover {
  transform: scale(1.02);
}
.duo-banners img {
  width: 100%;
  height: auto;
  aspect-ratio: 1800/818;
  object-fit: cover;
  display: block;
}
/* 🌐 جهت هوشمند زبان برای فیلدهای متنی عمومی */
input[type="text"]:not([name*="phone"]):not([name*="mobile"]):not([name*="card"]),
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
}

/* ✳️ چپ‌چین شدن خودکار هنگام تایپ انگلیسی */
input:dir(ltr),
textarea:dir(ltr) {
  direction: ltr !important;
  text-align: left !important;
}

input:dir(ltr)::placeholder,
textarea:dir(ltr)::placeholder {
  text-align: left !important;
}

input::placeholder,
textarea::placeholder {
  text-align: right;
  opacity: 0.6;
  color: var(--baziti-muted);
}

/* ☑️ استثنا: فیلدهای شماره تلفن و کارت همیشه چپ‌چین */
input[name*="phone"],
input[name*="mobile"],
input[name*="card"] {
  direction: ltr !important;
  text-align: left !important;
}