/*
Theme Name: SeoBot Utix
Theme URI: https://example.com
Author: You
Author URI: https://example.com
Description: قالب وردپرس سئوبات یوتیکس - صفحه اصلی و بلاگ
Version: 1.0
Text Domain: seobot
*/
@font-face {
    font-family: Vazirmatn;
    src: url("assets/fonts/Vazirmatn-Regular.woff2");
    font-weight:400;
}

@font-face {
    font-family: Vazirmatn;
    src: url("assets/fonts/Vazirmatn-Medium.woff2");
    font-weight:500;
}

@font-face {
    font-family: Vazirmatn;
    src: url("assets/fonts/Vazirmatn-Bold.woff2");
    font-weight:700;
}


body {
    font-family: Vazirmatn, sans-serif;
}
:root{
  --ink:#1E2A28;
  --ink-soft:#5B655F;
  --paper:#EFEDE6;
  --surface:#FBFAF6;
  --line:#DAD5C7;
  --teal:#1B6F63;
  --teal-dark:#14564C;
  --teal-tint:#DCEFEA;
  --bronze:#B08D57;
  --bronze-tint:#EDE3CF;
  --cream:#F5F1E8;
}

html,body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Vazirmatn', sans-serif;
}

/* --- افکت باران در پس‌زمینه --- */
.seobot-rain-line{
  animation-name: seobot-rain-fall;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  will-change: transform;
}
@keyframes seobot-rain-fall{
  0%   { transform: translateY(-15vh); }
  100% { transform: translateY(115vh); }
}
@media (prefers-reduced-motion: reduce){
  .seobot-rain-line{ animation:none; opacity:0 !important; }
}

/* --- آکاردئون سوالات متداول --- */
.faq-answer{
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:max-height .3s ease-in-out, opacity .3s ease-in-out;
}
.faq-item.open .faq-answer{
  max-height:600px;
  opacity:1;
}
.faq-item.open .faq-arrow{
  transform:rotate(180deg);
}
.faq-arrow{
  transition:transform .2s;
}


/* ناوبری داینامیک قالب */
.seobot-primary-menu,
.seobot-mobile-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.seobot-primary-menu > li > a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: #000000;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s ease;
}
.seobot-primary-menu > li > a:hover,
.seobot-primary-menu > li.current-menu-item > a,
.seobot-primary-menu > li.current_page_item > a {
  color: var(--teal);
}
.seobot-primary-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: .5rem 0;
  position: absolute;
  min-width: 220px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: .5rem;
  box-shadow: 0 12px 30px rgba(30, 42, 40, .12);
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity .2s ease, transform .2s ease;
}
.seobot-primary-menu > li { position: relative; }
.seobot-primary-menu > li:hover > .sub-menu,
.seobot-primary-menu > li:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.seobot-primary-menu .sub-menu a {
  display: block;
  padding: .55rem .9rem;
  color: var(--ink);
  text-decoration: none;
  white-space: nowrap;
}
.seobot-primary-menu .sub-menu a:hover { background: var(--teal-tint); color: var(--teal-dark); }
.seobot-mobile-menu li a {
  display: block;
  padding: .55rem .65rem;
  color: var(--ink);
  border-radius: .35rem;
  text-decoration: none;
}
.seobot-mobile-menu li a:hover,
.seobot-mobile-menu li.current-menu-item > a,
.seobot-mobile-menu li.current_page_item > a { background: var(--teal-tint); color: var(--teal-dark); }
.seobot-mobile-menu .sub-menu { list-style: none; padding: .25rem .75rem 0 0; margin: 0; }
#site-header { backdrop-filter: blur(7px); }
#site-nav { background: rgba(239, 237, 230, .82); }

/* محتوای تولیدشده در ادیتور وردپرس */
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.entry-content th, .entry-content td { border: 1px solid var(--line); padding: .75rem; text-align: right; }
.entry-content blockquote { border-right: 4px solid var(--teal); padding: .75rem 1rem; margin: 1.5rem 0; background: var(--teal-tint); border-radius: .35rem; }
.entry-content iframe { max-width: 100%; }
.entry-content a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 767px) {
  #site-nav { padding-top: .75rem; padding-bottom: .75rem; }
  .seobot-primary-menu { flex-direction: column; align-items: stretch; }
}

.seobot-mobile-menu .sub-menu {
  position: static;
  min-width: 0;
  padding: .25rem .75rem 0 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  opacity: 1;
  pointer-events: auto;
  transform: none;
}