/*
Theme Name: ZENTRIX THEME
Theme URI: file:///C:/xampp/htdocs/amiraliwordpress/wp-content/themes/amirthemes/index.html
Author:ZENTRIX CODE TEAM
Description: پوسته ی رسمی تیم ZentrixCode
*/
@font-face
{
    font-family: 'yekan';
    src:url('https://www.zentrixcode.ir/wp-content/themes/ZENTRIXCODE%20THEME/webfont/Yekan.woff') format('woff');
}
@font-face
{
    font-family: 'tnaha';
    src:url('https://www.zentrixcode.ir/wp-content/themes/ZENTRIXCODE%20THEME/webfont/Tanha-WOL.woff') format('woff');
}
@keyframes slideFromTop {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
  
  
}
.asl_w_container {
  width: 400px;
  margin:
2px 2px 2px 2px;
  min-width: 200px;
}
@keyframes slideFromRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
  
  
}
@keyframes slideFromLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
  
  
}
@keyframes slideFromBottom {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
  
  
}

body {
  margin: 0;
  padding: 0;
  background-color: #0a0f1c;
  background-image: url('https://www.zentrixcode.ir/wp-content/uploads/2025/07/bg.png'); /* مسیر فایل انتخابی */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #e0f7ff;
}



.carousel-item{
  animation: slideFromTop 2s ease-out;
    
}

#main_countedown_1 .countdown{
    animation: slideFromRight 2s ease-out;
}
ظ
.h
{
    height: 70px;
    width: 70px;
    float: right;

}
img, svg {
    vertical-align: middle;
    width: auto;
    height: auto;
    
}
.g
{
    background-color: rgb(0, 187, 255);
    margin-left: 5px;
    margin-right: 5px;
}
.wp-post-image {
  vertical-align: middle;
  width: auto;
  height: 300px;
  border-radius:
25%;
  border:
3px solid yellow;
}
.elementor img {
  border:
none;
  border-radius:
0;
  box-shadow: none;
  max-height: auto;
  height: 200px;
  max-width: 100%;
}

.img1
{
    width: 100px;
    height: 100px;
    border-radius: 25%;
    margin-right: 20px;
}
.ms
{
    margin-right: 0px;
    margin-left: 0px;
}
.ms2
{
    margin-right: 100px;

}
.me
{
    margin-right: 140px;
    width: 410px;
}
.mv
{
    margin-right: 10px;
    margin-left: 10px;
    font-size: 20px;
}

.col-md-6 {
  animation: slideFromLeft 2s ease-in;

}
.z
{
    height: 500px;
}

a:link
{
    color: black;
}
.asl_w_container {
  width: 100%;
  margin: 2px 2px 2px 2px;
  width: 200px;
}
a:hover
{
    color: black;
}
a:visited{
    color: black;
}
.body-part1
{
    font-size: 600px;
    font-weight:bold;
}

.c
{
    width: 200px;
    max-height: 600px;
}
.footer
{
    background-color: rgb(0, 0, 0);
    border-top: 8px solid rgb(0, 115, 120) ;
}
.footer-text-header
{
    font-size: 1rem;
    color: rgb(0, 200, 255);
    padding-bottom: 10px;
    border-bottom: 3px solid rgb(0, 115, 120);
    margin-top: 10px;
}
.footer ul
{
    padding-right: 0px;
    margin-right: 0px;
    list-style-type: none;
}
.footer ul li
{
    margin-top: 20px;
}
.footer ul li a
{
text-decoration: none;
color: rgb(255, 255, 255);
}
.footer ul li a:hover
{
    color: rgb(36, 116, 255);
}
/* single-title — دارک بنفش + آبی + قرمز — هاورِ بوردر خفن (بدون انیمیشن) */
.single-title{
margin: 7px;
  text-align: center;


  /* تایپوگرافی */
  font-family: "Vazirmatn", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 1.02;
  letter-spacing: 0.01em;
  padding: 0.55em 1.05em;
  border-radius: 16px;

  /* پس‌زمینهٔ داخلی تیره (حالت عادی ثابت) */
  background: linear-gradient(180deg, #07060a 0%, #0f0e14 100%);
  color: #F2EFFF;

  /* حالت عادی: بوردر ملایم بنفش تیره */
  border: 2px solid #4a0a74; /* Dark purple (static) */
  box-shadow: 0 12px 28px rgba(6,4,12,0.68);

  /* تغییرات سریع و بدون انیمیشن (هاور خودش تغییر میده) */
  transition: box-shadow 160ms ease, transform 160ms ease, background 120ms ease, border 120ms ease;
}

/* هاور: بردر گرادیانِ ثابت (بدون حرکت)، گلو/درخشش ملایم */
.single-title:hover{
  border: 3px solid transparent; /* لازم برای نشان دادن گرادیانِ بوردر */
  background-image:
    linear-gradient(180deg, #07060a 0%, #0f0e14 100%), /* پس‌زمینهٔ داخل */
    linear-gradient(90deg, /* بوردرِ گرادیانِ ثابت */
      #6A0DAD 0%,    /* بنفش */
      #00CFFF 38%,   /* آبس / آکوا */
      #FF3B3B 78%    /* قرمز تِپِره */
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;

  /* سایهٔ رنگِ بنفش-ملایم برای جلوه */
  box-shadow:
    0 20px 44px rgba(29,8,46,0.62),      /* محیطی */
    0 4px 18px rgba(0,207,255,0.06),     /* آبی/آکوا subtle */
    inset 0 1px 0 rgba(255,255,255,0.02);/* کمی روشنایی داخلی */

  transform: translateY(-4px); /* هاور بالا بردنِ خیلی ملایم */
  color: #FFFDFE;
}

/* یک لایه داخلی نازک برای عمق بیشتر (همیشه ثابت) */
.single-title::after{
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 12px;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
  z-index: -1;
}

/* اختیاری: اگر می‌خوای زیرِ متن یه خط نازک هم باشه */
.single-title[data-underline="true"]::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 40%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6A0DAD, #00CFFF, #FF3B3B);
  box-shadow: 0 6px 18px rgba(106,13,173,0.12);
}

/* موبایل */
@media (max-width: 420px) {
  .single-title{
    font-size: clamp(1rem, 6.8vw, 1.4rem);
    padding: .32em .7em;
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(6,4,12,0.6);
  }
}

/* احترام به ترجیح کاربر برای عدم حرکت */
@media (prefers-reduced-motion: reduce) {
  .single-title { transition: none; transform: none; }
  .single-title:hover { transform: none; }
}

.img-poster
{
    height: auto;
    width: 80%;
    border-radius: 1.5rem;
    display: block;
}
.left-col
{
    position: sticky;
    top: 50px; 
    margin-top: 40px;
    visibility:visible;
}
.sidebar {
    border-radius: 20px;
    margin-bottom: 40px;
    padding-top: 20px;
}
.sidebar img
{
    width: 100px;
    height: 90px;
    border-radius: 1rem;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-page
{
    width: 100%;
    border-radius: 2rem;
}
.part1
{font-size: 3rem;}
.wp-element-caption{
    font-size: 20px;
    font-weight: 200;
    color:rgb(0, 128, 255);
    text-align: center;
}
.right_product
{
    width: 70%;
    margin-top: 1%;
    float: right;
}
.product_title
{
    width: 100%;
    margin-bottom: 15px;
}
.product_title header h3
{
    background-color: rgb(31, 61, 255);
    color: rgb(205, 225, 235);
    border-radius: 48px;
    padding: 10px;
    text-align: center;
    box-shadow: 3px 3px 10px black;
}
.product_tab
{
    width: 100%;
    background-color: rgb(200, 230, 250);
    border: 6px double blue;
    padding: 15px;
    border-radius:8px;
}
.product-tab .content_tab
{
    font-size: 15px;
    padding: 10px;
    overflow: hidden;
}

.bg-h
{
    background-color: cornflowerblue;
}
.related-pro
{
    background-color:rgb(255, 250, 240) ;
    border: 6px double blue;
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px;
}
.product_video
{
    border: 6px double blue;
    border-radius: 8px;
    margin-bottom: 10px;
}
.related-pro h3
{
    font-size: 28px;
    font-weight: bold;
    border-bottom: 4px solid blue;
    padding: 15px 10px;
}
.logo-text
{
    float: start;
}
.product_video figure
{
    margin-bottom: 0px;
}
.related-pro ul li
{
    border: 5px rgb(50, 50, 88) solid;
    border-radius: 8px;
}
.related-pro h2
{
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}
.related-pro ul li span.price
{
    font-size: 40px;
    font-weight: bold;
    color: rgb(68, 68, 145);
    text-align: center;
    line-height: 30px;
}
.related-pro ul li a.button
{
    display: none !important;
}
.related-pro ul li span.onsale
{
    color: wheat;
    background-color: rgb(68, 68, 145);
    border-radius: 40px;
}
.related-pro .star-rating
{   color: rgb(28, 43, 177);
    margin-right: 50px !important;
    width: 90% !important;
}
.desc_tab_pro
{
    color: darkslateblue;
    background-color: aquamarine;
    border: 4px rgb(0, 147, 149) solid;
}
.fl_r
{
    width: 100%;
    float: right;
}
.sidebar_product
{
    width: 30%;
    position: sticky;
    top: 70px;
    float: right;
}
.singel_widget
{
    background-color: rgb(0, 85, 215);
    color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 48px;
    box-shadow: 3px 3px 10px black;
    margin-right: 40px;
    margin-top: 40px;
}.product_pric
 {
    font-size: 15px;
    display: flex;
    justify-content: space-evenly;
    padding-top: 15px;
    background: #aec7f3;
    color: rgb(13 110 253);
    border-radius: 40px;
    line-height: 40px;
}
.product_lable
{
    color: rgb(0, 10, 85);
    font-size: 30px;
    padding-top: 20px;
}
.product_pric p
{
    text-align: center;
}
.product_pric p > del
{
display:block ;
color: rgb(100, 100, 100);
padding-left: 35px;
}
.product_pric p > ins
{
    margin-top: 5px;
display: block;
color: black;
font-size: 20px;
}
p.price > span
{
    display: block;
    color: black;
    font-size: 20px;
    padding-top: 8px;
}
span.text_user_login
{
    border: solid 6px  rgb(13 110 253);
    background-color: #aec7f3;
    color: black;
    border-radius: 28px;
    text-align: center;
    font-size: 20px;
    margin-right: 5px;
    padding: 5px;
}
a.menu-register
{
    border: solid 6px  rgb(13 110 253);
    background-color: #aec7f3;
    border-radius: 28px;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    margin-left: 30px;

}
a.menu-my-account
{
    border: solid 6px  rgb(13 110 253);
    background-color: #aec7f3;
    margin-left: 30px;
    border-radius: 28px;
    text-align: center;
    font-size: 20px;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
}
a.menu-my-account2
{
    margin-left: 25px;
    text-align: center;
    font-size: 20px;
    margin-right: 5px;
    padding: 5px;
    text-decoration: none;
}
.myaccount-nav-style
{
    width: 20%;
    float: right;
    background-color: #aec7f3;
    border-radius: 50px;
    border: 3px solid #0d6efd;
}
.myaccount-nav-style ul
{
    padding: 20px;
}
.myaccount-nav-style ul li
{
    list-style: none;
    padding: 7px;
}
.myaccount-nav-style ul li a
{
    font-size: 20px;
    text-decoration: none;
    border-bottom: 3px solid #0d6efd;
    display: block;
    color:  #404040;
}
.myaccount-nav-style ul li a:hover
{
color: #0d6efd;
font-size: 30px;
}
.myaccount-content-style
{
    background: #aec7f3;
    float: right;
    width: 70%;
    border: 5px solid #0d6efd;
    border-radius: 50px;
    padding: 25px;
    margin-right: 30px;
    font-size:20px;
    color: #404040
}
/* page-title — بزرگ، مدرن، دارک بنفش + آکوا + قرمز (هاور قوی، بدون انیمیشن) */
.page-title{
  --radius: 28px;

  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;

  margin: 10px auto;
  padding: 15px;
  width: min(1200px, 94%);
  border-radius: var(--radius);
  font-size: 25px;

  /* پس‌زمینهٔ داخلی دارک (حالت عادی) */
  background: linear-gradient(180deg, #07060a 0%, #0d0c12 100%);
  color: #F6F2FF;
  text-align: center;

  /* سایهٔ محیطی سنگین برای جلوهٔ عمق */
  box-shadow:
    0 28px 70px rgba(7,6,12,0.78),
    0 4px 14px rgba(0,0,0,0.45) inset;

  /* یک بوردر داخلی خیلی ملایم تا لبه‌ها مشخص باشه */
  border: 1px solid rgba(255,255,255,0.03);

  /* روان شدن تغییرات هاور (تغییر آنی ولی ظریف) */
  transition: transform 160ms ease, box-shadow 160ms ease;
}

/* لایهٔ بوردر ثابت (غیر قابل لمس) — نشان‌دهندهٔ قابِ خفن */
.page-title::before{
  content: "";
  position: absolute;
  inset: -6px; /* فاصله از کارت تا بوردر */
  border-radius: calc(var(--radius) + 6px);
  z-index: -2;

  /* بوردر خاموش/ملایم در حالت عادی — تا خیلی چشم‌گیر نباشه */
  background: linear-gradient(90deg, rgba(106,13,173,0.22), rgba(60,140,150,0.14), rgba(255,59,59,0.12));
  filter: blur(8px) saturate(110%);
  pointer-events: none;
}

/* لایهٔ میانی برای contrast و عمق */
.page-title::after{
  content: "";
  position: absolute;
  inset: 8px; /* داخلِ بوردر یک فاصله برای نشان دادن ضخامت */
  border-radius: calc(var(--radius) - 8px);
  z-index: -1;
  background: linear-gradient(180deg, rgba(0,0,0,0.30), rgba(0,0,0,0.12));
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02);
}

/* متن عنوان درون کارت */
.page-title h1{
  margin: 0;
  font-family: "Vazirmatn", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 900;
  font-size: clamp(1.6rem, 3.8vw, 3.4rem);
  line-height: 1.02;
  letter-spacing: 0.01em;

  /* متن روشن برای خوانایی */
  color: #FFFDFE;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0 4px 18px rgba(5,3,10,0.55);
}

/* زیرعنوان ظریف */
.page-title .page-sub{
  margin: 0;
  font-size: clamp(.95rem, 1.6vw, 1.05rem);
  color: #CEC6E6;
  opacity: .92;
}

/* ---------- HAOVER خفن (بدون انیمیشن پیوسته) ---------- */
/* وقتی موس روش میاد: بوردر قوی و واضح، کمی بالا رفتن و افزایش سایه */
.page-title:hover{
  transform: translateY(-6px);
  box-shadow:
    0 44px 110px rgba(12,5,28,0.82), /* بلندتر و تیره‌تر */
    0 8px 30px rgba(0,0,0,0.48) inset;
}

/* نمایش بوردر قوی و صافی روی هاور (ثابت — بدون چرخش یا حرکت پیوسته) */
.page-title:hover::before{
  inset: -8px;
  border-radius: calc(var(--radius) + 8px);
  background: linear-gradient(90deg,
     #6A0DAD 0%,
     #00CFFF 42%,
     #FF3B3B 76%);
  filter: blur(6px) saturate(130%);
  opacity: 1;
}

/* یک نوار نِئونِ خیلی شیک زیر عنوان (اختیاری) */
.page-title[data-accent="true"] .page-sub{
  position: relative;
  padding-bottom: 10px;
}
.page-title[data-accent="true"] .page-sub::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 36%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #6A0DAD, #00CFFF, #FF3B3B);
  box-shadow: 0 8px 24px rgba(106,13,173,0.14);
}

/* موبایل: جمع و جور کن و شعاع رو کم کن */
@media (max-width: 520px){
  .page-title{
    padding: 20px;
    border-radius: 16px;
  }
  .page-title h1{ font-size: clamp(1.15rem, 7.5vw, 1.8rem); }
  .page-title::before{ inset: -4px; filter: blur(6px); }
  .page-title::after{ inset: 6px; }
}

/* اگر کاربر prefers-reduced-motion داشته باشه */
@media (prefers-reduced-motion: reduce){
  .page-title { transition: none; transform: none; }
  .page-title:hover { transform: none; }
}

.product_register
{
    background: #aec7f3;
    margin-top: 15px;
    border-radius: 40px;
    font-size: 20px;
    text-align: center;
    padding: 20px;
}
.product_register a
{
    text-decoration: none;
    color: rgb(0, 20, 200);
    transition-duration: 1s;
}
.product_register a:hover
{
color: rgb(0, 20, 100);
font-size: 30px;
transition-duration: 1s;
}
.bought_product
{
    background: #aec7f3;
    margin-top: 15px;
    border-radius: 40px;
    font-size: 17px;
    text-align: center;
    padding: 20px;
}
.bought_product p
{
    padding-top: 15px;
    color: rgb(0, 10, 85);
}
.product_rate
{
    background: #aec7f3;
    margin-top: 15px;
    margin-bottom: 10px;
    border-radius: 40px;
    font-size: 18px;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: space-evenly;
}
.product_rate .rate_text
{
    color: rgb(0, 10, 85); 
}
.product_rate .woocommerce
{
    color: rgb(0, 10, 85);
    padding-top: 5px;
}
.woocommerce .star-rating::before
{
    color: rgb(0, 10, 85);
}
.lesson_list_pro ul
{
    padding-right: 0px;
}
.lesson_list_pro ul li
{
    list-style: none;
    cursor: pointer;
}
.lesson_list_pro ul li h4 
{
    background: rgb(0, 85, 215);
    padding: 10px;
    font-size: 20px;
    border-radius: 20px;
    color: floralwhite;
}
.lesson_list_pro ul li h4 i
{
float: left;
padding: 5px;
}
.lesson_list_pro ul .time-course
{
background-color: cornflowerblue;
padding: 10px 0px;
border-radius: 20px;
text-align: center;
font-size: 15px;
color: floralwhite;
margin-bottom: 5px;
}
.lesson_list_pro ul li ul li a
{
background-color: rgb(155, 155, 200);
width: 100%;
display: block;
margin-bottom: 5px;
padding: 10PX 0px;
border-radius: 20px;
text-align: center;
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: azure;
}

.product_number_student
{
    padding: 15px;
     border: 15px solid darkblue; 
    text-align: center;
    font-size: 25px;
    border-radius: 40px;
    color:rgb(0, 10, 70) ;
}
.product_number_student i
{
margin-left: 5px;
color: rgb(0, 10, 70);
font-size: 30px;
}
.product_number_student span
{
color: rgb(0, 10, 70);
}
.pro_attributes{
padding: 10px;
font-size: 25px;
color: rgb(0, 0, 0);
border-bottom: #404040 5px solid;
border: 6px solid darkblue;
border-radius: 40px;
}
.pro_attributes i{
    color: darkblue;
    margin-left: 6px;
}
.pro_attributes span p{
    display: inline;
}
.singel_widget.mt4.ditails
{
    margin-top: 10px;
}
.CARD_price
{
    font-size: 18px;
    text-align: center;
    background-color: #0d6efd;
    padding: 10px 0px;
    border: 3px;
    border-radius: 40px;

}
.CARD_price del
{
color: darkgray;
margin: 5px;
}
.CARD_price ins
{
margin: 5px;
text-decoration: none;
color: #404040;
}
.part1
{
    font-size: 30PX;
}
.body-part1
{
    font-size: 30PX;
}
.ELE-IMG
{
    height: 40px;
    width: 250px;
}


#canvas{
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
    border: 3px solid red;
}
        #analog-clock {
            width: 150px;
            height: 150px;
            border: 8px solid #333;
            border-radius: 50%;
            position: relative;
            margin: 10px auto;
        }
        .clock-face {
            width: 100%;
            height: 100%;
            position: relative;
            transform: translateY(-3px);
        }
        .hand {
            position: absolute;
            width: 50%;
            height: 6px;
            background: #333;
            top: 50%;
            transform-origin: 100%;
            transition: all 0.05s;
        }
        .min-hand {
            height: 4px;
        }
        .second-hand {
            height: 2px;
            background: red;
        }
        .col-xxl-4 {
  flex: 0 0 auto;
  margin-top: 7px;

}
.single_widget{
	border:2px solid blue;
		border-radius:25%;
}
.is-menu path.search-icon-path {
  fill: #4a00b5;
}
.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
  background-color: #4d0099;
}

/* ================================
   Zentrix-style Comments — Modern / Neon / Lightweight
   Paste into theme style.css or Elementor Custom CSS
   ================================ */

/* ===== رنگ‌ها و متغیرها ===== */
:root{
  --zent-bg: #07070b;
  --card-bg: rgba(11,11,15,0.55);          /* پس‌زمینه کارت‌ها — شفاف */
  --glass-strong: rgba(255,255,255,0.03);
  --accent-blue: #38a3ff;                 /* آبی */
  --accent-purple: #8b5cf6;               /* بنفش */
  --accent-red: #ff4d6d;                  /* قرمز */
  --muted: #98a0ab;                       /* متن کم‌رنگ */
  --text: #e6eef8;                        /* متن اصلی */
  --glass-border: linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-red));
  --radius: 14px;
  --transition-fast: 180ms cubic-bezier(.2,.9,.3,1);
}

/* ===== پایه برای کل بخش نظرات ===== */
.commentlist,
.commentlist ul,
.commentlist li,
.commentlist li ul {
  box-sizing: border-box;
  color: var(--text);
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* لیست کلی */
.commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

/* هر آیتم نظرات (کارت سبک شیشه‌ای فضایی) */
.commentlist li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 14px;
  margin: 10px 0;
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.02));
  backdrop-filter: blur(6px) saturate(1.1);
  -webkit-backdrop-filter: blur(6px) saturate(1.1);
  position: relative;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);
  will-change: transform, box-shadow;
  border: 1px solid rgba(255,255,255,0.03);
}

/* افکت‌ها هنگام هاور کارت (سبک و کم‌هزینه) */
.commentlist li:hover {
  transform: translateY(-6px);
  box-shadow:
    0 8px 30px rgba(11,13,20,0.65),
    0 0 18px rgba(59,130,246,0.06),
    inset 0 1px 0 rgba(255,255,255,0.02);
  filter: saturate(1.05);
}

/* عمق تو در تو (فرزندان) */
.commentlist li ul.children li {
  margin-left: 62px;
  background: linear-gradient(180deg, rgba(255,255,255,0.015), rgba(0,0,0,0.015));
}

/* حالت‌های alt / odd / even — اختلاف خیلی ظریف در روشنایی */
.commentlist .alt,
.commentlist .odd { background-color: rgba(255,255,255,0.005); }
.commentlist .even { background-color: rgba(0,0,0,0.01); }

/* ===== وکِرد (vcard) — آواتار و نام ===== */
.commentlist .vcard {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 64px;
  max-width: 84px;
  flex-shrink: 0;
}

/* آواتار دایره‌ای — هاور با هاله نئون */
.commentlist .vcard img.photo,
.commentlist .vcard img.avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 2px solid rgba(255,255,255,0.04);
  transition: transform 260ms cubic-bezier(.2,.9,.3,1), box-shadow 260ms;
  box-shadow: 0 6px 18px rgba(0,0,0,0.55);
}
.commentlist .vcard img.avatar:hover{
  transform: scale(1.06);
  box-shadow:
    0 12px 30px rgba(0,0,0,0.6),
    0 0 12px rgba(139,92,246,0.12),
    0 0 30px rgba(56,163,255,0.06);
}

/* نام نویسنده و نقش */
.commentlist .vcard cite.fn {
  display:block;
  font-weight:600;
  color: var(--text);
  font-size: 14px;
  line-height: 1;
}
.commentlist .vcard cite.fn a.url { color: inherit; text-decoration: none; }
.commentlist .vcard span.says { display:block; font-size:12px; color:var(--muted); margin-top:2px; }

/* ===== محتوای کامنت ===== */
.commentlist li .comment,
.commentlist li .comment p {
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: 14px;
  line-height: 1.55;
}

/* متا دیتا (تاریخ، لینک‌ها) */
.commentlist .comment-meta,
.commentlist .commentmetadata {
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
  display:flex;
  gap:8px;
  align-items:center;
}
.commentlist .comment-meta a,
.commentlist .commentmetadata a {
  color: var(--muted);
  text-decoration: none;
  padding: 6px 8px;
  border-radius: 8px;
  transition: background var(--transition-fast), color var(--transition-fast);
}
.commentlist .comment-meta a:hover,
.commentlist .commentmetadata a:hover {
  background: rgba(255,255,255,0.02);
  color: var(--text);
}

/* پینگ‌بک و نویسنده پست */
.commentlist .pingback { opacity:0.95; font-style: italic; }
.commentlist .bypostauthor cite.fn { position: relative; }
.commentlist .comment-author-admin cite.fn::after {
  content: "author";
  font-size:10px;
  text-transform:uppercase;
  padding:2px 6px;
  margin-left:8px;
  border-radius:999px;
  background: linear-gradient(90deg,var(--accent-purple),var(--accent-blue));
  color:#05060a;
  font-weight:700;
}

/* ===== دکمه جواب / ریپلای ===== */
.commentlist .reply { display:block; margin-top:10px; }
.commentlist .reply a {
display: block ruby;margin: 100px;
  align-items:center;
  gap:8px;
  font-size:13px;
  padding:8px 12px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border: 1px solid rgba(255,255,255,0.035);
  text-decoration:none;
  color: var(--text);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
  box-shadow: 0 6px 18px rgba(0,0,0,0.45);
}
.commentlist .reply a:hover{
  transform: translateY(-3px);
  background: linear-gradient(90deg, rgba(56,163,255,0.07), rgba(139,92,246,0.06));
  box-shadow:
    0 14px 34px rgba(11,13,20,0.6),
    0 0 18px rgba(139,92,246,0.06);
}

/* ===== دکمه کنسل ریپلای ===== */
#cancel-comment-reply {
  display:block;
  margin-top:8px;
}
#cancel-comment-reply a{
  font-size:13px;
  color:var(--muted);
  text-decoration: none;
  padding:6px 8px;
  border-radius:10px;
  transition: color var(--transition-fast), background var(--transition-fast);
}
#cancel-comment-reply a:hover{
  color:var(--text);
  background: rgba(255,255,255,0.02);
}

/* ===== استایل فرم ارسال نظر (ساده و هم‌خوان با کارت‌ها) ===== */
.commentlist .comment-form,
.commentlist form.comment-form,
.commentlist input[type="text"],
.commentlist input[type="email"],
.commentlist textarea {
  width:100%;
  background: linear-gradient(180deg, rgba(255,255,255,0.014), rgba(0,0,0,0.01));
  border: 1px solid rgba(255,255,255,0.035);
  padding:12px 14px;
  border-radius: 12px;
  color: var(--text);
  resize: vertical;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.01);
}
.commentlist input[type="text"]:focus,
.commentlist input[type="email"]:focus,
.commentlist textarea:focus {
  outline: none;
  box-shadow:
    0 8px 28px rgba(11,13,20,0.6),
    0 0 12px rgba(56,163,255,0.06);
  transform: translateY(-2px);
}

/* دکمه ارسال — پاک و نئون-لمس */
.commentlist input[type="submit"],
.commentlist button[type="submit"] {
  display:inline-block;
  padding:10px 18px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  font-weight:700;
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-purple));
  color: #06060a;
  box-shadow: 0 10px 30px rgba(11,13,20,0.6), 0 0 22px rgba(139,92,246,0.08);
  transition: transform var(--transition-fast), filter var(--transition-fast);
}
.commentlist input[type="submit"]:hover,
.commentlist button[type="submit"]:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
}

/* ===== انواع کلاس‌های خاص که فرستادی — اطمینان از شمول ===== */
.commentlist .reply,
.commentlist .reply a,
.commentlist .alt,
.commentlist .odd,
.commentlist .even,
.commentlist .thread-alt,
.commentlist .thread-odd,
.commentlist .thread-even,
.commentlist li ul.children .alt,
.commentlist li ul.children .odd,
.commentlist li ul.children .even,
.commentlist .vcard,
.commentlist .vcard cite.fn,
.commentlist .vcard span.says,
.commentlist .vcard img.photo,
.commentlist .vcard img.avatar,
.commentlist .vcard cite.fn a.url,
.commentlist .comment-meta,
.commentlist .comment-meta a,
.commentlist .commentmetadata,
.commentlist .commentmetadata a,
.commentlist .parent,
.commentlist .comment,
.commentlist .children,
.commentlist .pingback,
.commentlist .bypostauthor,
.commentlist .comment-author,
.commentlist .comment-author-admin,
.commentlist li p,
.commentlist li ul,
.commentlist li ul.children li,
.commentlist li ul.children li.alt,
.commentlist li ul.children li.byuser,
.commentlist li ul.children li.comment,
.commentlist li ul.children li.depth-{id},
.commentlist li ul.children li.bypostauthor,
.commentlist li ul.children li.comment-author-admin,
#cancel-comment-reply,
#cancel-comment-reply a { /* already دست‌خوش بقیه قواعد */ }

/* ===== واکنش‌گرایی ===== */
@media (max-width:980px){
  .commentlist li { padding:12px; gap:12px; }
  .commentlist .vcard { min-width:52px; max-width:68px; }
  .commentlist .vcard img.avatar { width:48px; height:48px; }
  .commentlist li ul.children li { margin-left:48px; }
}

/* ===== انیمیشن خیلی ریز برای حس "فضایی" ===== */
@keyframes zent-float {
  0%{ transform: translateY(0px); }
  50%{ transform: translateY(-3px); }
  100%{ transform: translateY(0px); }
}
.commentlist li[data-floating="true"] {
  animation: zent-float 4.5s ease-in-out infinite;
}
.comment-list li {
    background: #f5f7fa;
    width: 100%;
    margin-top: 15px;
    padding: 20px;
    border-radius: 15px;
}

.comment-list .children .comment-li {
    padding: 0
}
/* ارائه شده توسط NIAS.ir | نیاس*/
.comment-author {
    float: right;
    display: table-cell;
    width: 120px;
    padding-left: 10px;
    text-align: center
}

.comment-author img {
    border-radius: 30%;
    box-shadow: 0 5px 7px rgba(28,76,156,.1)
}

.comment-content {
    display: -ms-grid;
    display: grid;
    padding: 20px;
        border-radius: 20px;
}

.comment-content * {
    font-size: 15px;
    overflow: auto
}

.comment-author a {
    font-size: 15px;
    font-weight: 700;
    display: block;
        color: #535353;
}
/* ارائه شده توسط NIAS.ir | نیاس*/

.comment-metadata {
    font-size: 14px;
    background: #6c757d40;
    display: block;
    border-radius: 3px;
    color: #6c757d;
    font-weight: 300;
    margin: 7px 0;
    box-shadow: 0 5px 20px #6c757d40;
        padding: 0 10px;
}

.children .comment-content {
    background: #e6f0ed
}

.children .comment-content * {
    color: #28a655
}

.children .comment-content .comment-reply-link {
    color: #FF5722
}

.children li{
    padding: 0;
}

.comment-list .children {
    width: 95%;
    margin-right: 5%
}


.comment-form-author {
    margin-left: 2%
}

.comment-form-author,.comment-form-email {
    width: 49%;
    float: right;
    margin-bottom: 30px
}

.comment-respond {
    width: 100%;
    padding: 40px;
    background: #fff;
    box-shadow: 0 5px 25px rgb(0 0 0 / 7%);
    border-radius: 20px;
    margin: 20px 0
}

.comment-awaiting {
    background: #fdbf2a;
    padding: 10px 0;
    position: sticky;
    bottom: 0;
    display: block;
    width: 100%;
    text-align: center
}


.comment-reply-link {
    font-size: 14px;
    background: #FF572240;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    font-weight: 300;
    padding: 3px;
    color: #FF5722;
    margin-top: 10px;
    box-shadow: 0 5px 20px #FF572240!important;
}

.comment-reply-login {
    margin-top: 10px;
    font-size: 13px
}

#cancel-comment-reply-link {
    font-size: 14px;
    background: #ff494940;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    padding: 5px 10px;
    color: #ff4949;
    margin-top: 10px;
    box-shadow: 0 5px 20px #ff494940
}


article.comment-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 30px;
    gap: 10px;
position: relative;
}

footer.comment-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 18%;
}

/* ارائه شده توسط NIAS.ir | نیاس*/

.comment-content {
    width: 80%;
}

.reply {
    float: right;
    width: 80%;
    display: flex;
    flex-direction: row;
    position: absolute;
    bottom: 0;
    padding: 0 20px 20px;
}

li.comment {
    list-style: none;
}

ol.comment-list {
    padding: 0;
}
.says{
    display: none;
}
.comment-content p {
    margin-bottom: 55px;
}

input[type="submit"]{
    background-color: #ffc33a;
    background-image: linear-gradient(45deg, #ffc33a, #ffd450);
    display: block;
    border-radius: 50px;
    box-shadow: 0 7px 20px #ffc5419e;
    border: none !important;
    margin: 20px auto !important;
    display: table;
    line-height: 3em;
    color: #000 !important;
    padding: 0 40px;
    text-align: center;
    font-family: 'nias peyda';
}
p.comment-form-comment {
    display: flex;
    flex-direction: column;
}

textarea#comment  , form#commentform p input{
    border: 1px solid #e1e1e1;
    border-radius: 10px;
   padding: 12px 24px;
}

form#commentform p {
    display: flex;
    flex-direction: column;
    width: 100%;
}

p.comment-form-url {
    display: none!important;
}
section#comments {
    display: flex;
    flex-direction: column;
}
/* ارائه شده توسط NIAS.ir | نیاس*/

div#respond {
    order: -99;
}
@media only screen and (max-width:1024px){
article.comment-body {display:flex;justify-content: center;}
footer.comment-meta , .comment-content , .comment-list .children{
    width:100%
}
    .comment-list .children{
        margin:0;
        padding:0
    }



    }
#comments{
	background-color:white;
	
margin-bottom: 50px;
}
/* ===========================
   PCMI — Ultimate Dark Neon Card CSS (Centered)
   ZentrixCode.ir Edition
   =========================== */

:root{
  --pcmi-bg: #05070e;
  --pcmi-card: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.05));
  --pcmi-accent: #9d00ff;
  --pcmi-accent-2: #00fff2;
  --pcmi-text: #e6eef8;
  --pcmi-muted: #7a859a;
  --pcmi-glow: rgba(157,0,255,0.25);
  --pcmi-radius: 16px;
  --pcmi-shadow: 0 10px 40px rgba(0,0,0,0.8), inset 0 1px 0 rgba(255,255,255,0.03);
}

/* container */
.pcmi-plans{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap: 24px;
  padding: 24px;
  background: radial-gradient(1200px 400px at 10% 10%, rgba(0,255,255,0.05), transparent 8%),
              radial-gradient(800px 300px at 90% 90%, rgba(157,0,255,0.05), transparent 10%),
              var(--pcmi-bg);
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  justify-items: center; /* کارت‌ها وسط چین افقی */
}

/* floating starfield */
.pcmi-plans::after{
  content:'';
  position:absolute;
  left:0; right:0; top:0; bottom:0;
  background-image: radial-gradient(1px 1px at 15% 25%, rgba(255,255,255,0.05), transparent),
                    radial-gradient(2px 2px at 50% 60%, rgba(157,0,255,0.03), transparent),
                    radial-gradient(1px 1px at 80% 80%, rgba(0,255,242,0.02), transparent);
  pointer-events:none;
  mix-blend-mode: overlay;
  opacity: 0.7;
  z-index:0;
}

/* individual card */
.pcmi-plan{
  background: var(--pcmi-card);
  border-radius: var(--pcmi-radius);
  padding: 24px;
  color: var(--pcmi-text);
  box-shadow: var(--pcmi-shadow);
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.04);
  transition: transform .35s cubic-bezier(.2,.9,.3,1), box-shadow .35s, background .35s;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center; /* وسط چین عمودی */
  align-items: center;     /* وسط چین افقی */
  text-align: center;      /* متن وسط چین */
}

/* decorative top neon swirl */
.pcmi-plan::before{
  content:'';
  position:absolute;
  left:-50%;
  top:-70%;
  width:220%;
  height:220%;
  background: conic-gradient(from 160deg at 50% 50%, rgba(157,0,255,0.12), rgba(0,255,242,0.08), rgba(157,0,255,0.12));
  transform: rotate(22deg);
  pointer-events:none;
  filter: blur(36px);
  opacity: .85;
}

/* hover */
.pcmi-plan:hover{
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 20px 60px rgba(0,0,0,0.85), 0 0 60px var(--pcmi-glow), inset 0 0 20px rgba(255,255,255,0.02);
}

/* title */
.pcmi-plan h3{
  font-family: 'Poppins', Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 700;
  font-size: 1.15rem;
  margin: 0 0 10px 0;
  letter-spacing: 0.3px;
  text-shadow: 0 2px 6px rgba(157,0,255,0.5);
}

/* description */
.pcmi-plan p{
  color: var(--pcmi-muted);
  margin:4px 0 12px 0;
  line-height:1.5;
  font-size:1rem;
}

/* price badge */
.pcmi-plan .price{
  display:inline-block;
  padding:8px 14px;
  background: linear-gradient(90deg,var(--pcmi-accent),var(--pcmi-accent-2));
  color: #0a0f1e;
  font-weight:700;
  border-radius:999px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5), 0 0 24px rgba(157,0,255,0.08);
  letter-spacing:0.5px;
  font-size:1rem;
}

/* duration */
.pcmi-plan small.duration{ display:block; margin-top:6px; color:var(--pcmi-muted); font-size:.85rem; }

/* buttons */
.pcmi-plan .button,
.pcmi-plan a.button{
  display:inline-block;
  border: none;
  padding: 12px 18px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.06));
  color: var(--pcmi-text);
  cursor:pointer;
  text-decoration:none;
  font-weight:700;
  letter-spacing:.3px;
  transition: all .3s ease;
  box-shadow: 0 8px 24px rgba(0,0,0,0.65), inset 0 -2px 8px rgba(0,0,0,0.3);
  text-align:center;
}

/* accent buy button */
.pcmi-plan a.button.pcmi-buy-link{
  background: linear-gradient(90deg, var(--pcmi-accent), var(--pcmi-accent-2));
  color: #020718;
  box-shadow: 0 12px 36px rgba(157,0,255,0.25), 0 6px 20px rgba(0,255,242,0.08);
  animation: pcmi-neonPulse 5s ease-in-out infinite;
}

/* current plan / disabled */
.pcmi-plan .pcmi-current-plan,
.pcmi-plan .button[disabled],
.pcmi-plan button[disabled]{
  background: transparent;
  border: 1px dashed rgba(157,0,255,0.08);
  color: var(--pcmi-accent);
  padding: 10px 14px;
  border-radius:14px;
  font-weight:700;
}

/* accent line */
.pcmi-plan .accent-line{
  height:4px;
  width:80px;
  margin:12px 0 18px 0;
  border-radius:4px;
  background: linear-gradient(90deg,var(--pcmi-accent),var(--pcmi-accent-2));
  box-shadow: 0 8px 24px rgba(157,0,255,0.08);
}

/* current-plan badge */
.pcmi-current-plan{
  display:inline-block;
  padding:10px 14px;
  background: rgba(157,0,255,0.1);
  color: var(--pcmi-accent);
  border-radius: 999px;
  font-weight:700;
  border:1px solid rgba(157,0,255,0.18);
}

/* small helper text */
.pcmi-plan .note{ color:var(--pcmi-muted); font-size:.85rem; margin-top:10px; }

/* responsive */
@media (max-width:600px){
  .pcmi-plans{ gap:16px; padding:16px; justify-items:center; }
  .pcmi-plan{ padding:16px; border-radius:14px; }
  .pcmi-plan h3{ font-size:1.05rem; }
}

/* hover & focus for buttons */
.pcmi-plan a.button:hover{ transform: translateY(-4px) scale(1.03); filter:brightness(1.1); }
.pcmi-plan a.button:focus, .pcmi-plan button:focus{ outline: 3px solid rgba(157,0,255,0.15); outline-offset: 3px; }

/* neon pulse animation */
@keyframes pcmi-neonPulse {
  0%,100% { box-shadow: 0 8px 24px rgba(157,0,255,0.18), 0 0 12px rgba(0,255,242,0.06); transform: translateY(0); }
  50% { box-shadow: 0 24px 48px rgba(157,0,255,0.25), 0 0 32px rgba(0,255,242,0.12); transform: translateY(-3px); }
}

/* ensure content sits above decorative layers */
.pcmi-plan, .pcmi-plans .pcmi-plan * { position: relative; z-index:2; }
/* ===============================
   PCMI My Plans - Ultra Dark Neon / Cyberpunk
   =============================== */
.pcmi-my-plans-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
    margin: 1rem auto;
    font-family: 'Segoe UI', 'Roboto', sans-serif;
    color: #0ff;
}

.pcmi-my-plans-wrapper p {
    text-align: center;
    font-size: 1rem;
    color: black;
    text-shadow: 0 0 5px #0ff, 0 0 15px #0ff40;
}

.pcmi-my-plans-wrapper strong {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 0.6rem;
    color: black;
    text-shadow: 0 0 8px #0ff, 0 0 20px #0ff80;
}

/* کارت پلن‌ها */
.pcmi-my-plans-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pcmi-my-plans-wrapper li {
    position: relative;
    background: linear-gradient(145deg, #0d1117, #1a1f2b);
    border: 2px solid #0ff;
    border-radius: 1rem;
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 20px #0ff5, 0 5px 15px rgba(0,255,255,0.2);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

/* افکت نور متحرک روی کارت */
.pcmi-my-plans-wrapper li::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(0,255,255,0.1) 0%, transparent 70%);
    transform: rotate(45deg);
    transition: all 0.5s ease;
}

.pcmi-my-plans-wrapper li:hover::before {
    transform: rotate(0deg) scale(1.2);
}

.pcmi-my-plans-wrapper li:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 30px #0ff, 0 6px 20px rgba(0,255,255,0.4);
}

/* متن داخل کارت */
.pcmi-my-plans-wrapper li {
    font-size: 0.95rem;
    color: #ccc;
}

.pcmi-my-plans-wrapper li strong {
    color: #0ff;
    text-shadow: 0 0 5px #0ff60;
}

/* افکت Glitch / Neon Flicker روی عناوین */
@keyframes neon-flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% { text-shadow: 0 0 5px #0ff, 0 0 10px #0ff; }
    20%, 24%, 55% { text-shadow: 0 0 20px #0ff, 0 0 40px #0ff; }
}

.pcmi-my-plans-wrapper li strong {
    animation: neon-flicker 2s infinite;
}

/* دکمه‌ها و لینک‌ها */
.pcmi-my-plans-wrapper button,
.pcmi-my-plans-wrapper a {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    border-radius: 0.8rem;
    border: none;
    font-weight: bold;
    cursor: pointer;
    color: #0ff;
    background: linear-gradient(120deg, #000, #111);
    box-shadow: 0 0 10px #0ff60, 0 4px 8px rgba(0,255,255,0.3);
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    text-align: center;
}

.pcmi-my-plans-wrapper button:hover,
.pcmi-my-plans-wrapper a:hover {
    background: linear-gradient(120deg, #0ff2, #0ff5);
    color: #000;
    box-shadow: 0 0 25px #0ff, 0 8px 15px rgba(0,255,255,0.5);
    transform: translateY(-3px) scale(1.05);
}
/*/////////////////////*/