/*
 Theme Name: Arsin Rugs
 Theme URI: https://saeidseifi.com
 Description: Arsin Rug Gallery
 Author: saeidseifi
 Author URI: https://saeidseifi.com
 Template: hello-elementor
 Version: 1.1
*/

/* حالت پایه: هر دو پنل بسته باشند */
/*[data-role="left-panel"],*/
/*[data-role="right-panel"] {*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    max-width: 0;*/
/*    max-height: 0;*/
/*    overflow: hidden;*/
/*    transform: translateX(0);*/
/*    transition: opacity 0.3s ease, max-width 0.3s ease, max-height 0.3s ease;*/
/*}*/

/* وقتی پنل باز است */
/*[data-role="left-panel"].arsin-open,*/
/*[data-role="right-panel"].arsin-open {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*    max-width: 9999px;*/
/*    max-height: 9999px;*/
/*}*/

/* اگر دوست داری پنل‌ها اسلایدی باز شوند از سمت چپ/راست: */
/*
[data-role="left-panel"] {
    transform: translateX(-20px);
}
[data-role="left-panel"].arsin-open {
    transform: translateX(0);
}
[data-role="right-panel"] {
    transform: translateX(20px);
}
[data-role="right-panel"].arsin-open {
    transform: translateX(0);
}
*/

/* استایل کلی دکمه‌ها (آیکن‌ها) */
/*[data-role="left-panel-toggle"],*/
/*[data-role="right-panel-toggle"] {*/
/*    cursor: pointer;*/
/*    transition: transform 0.3s ease;*/
/*    transform-origin: center center;*/
/*}*/

/* وقتی فعال/باز است، آیکن بچرخد */
/*[data-role="left-panel-toggle"].arsin-active,*/
/*[data-role="right-panel-toggle"].arsin-active {*/
/*    transform: rotate(180deg);*/
/*}*/

#slideDiv {
  transition: all 0.8s ease-in-out; /* حرکت نرم */
  /*   transform: translateX(-103%);  کاملاً بیرون صفحه */
   opacity: 0;
  visibility: hidden;
  
}
#slideDiv.active {
  opacity: 1;
  visibility: visible;
  left: 0;
}
#slideDiv2.active {
  opacity: 1;
  visibility: visible;
  right: 0;
}
#slideDiv2 {
  transition: all 0.5s ease; /* حرکت نرم */
  opacity: 0;
  visibility: hidden;
}



#slideDiv3.active {
  opacity: 1;
  visibility: visible;
}
#slideDiv3 {
  transition: all 0.5s ease; /* حرکت نرم */
  opacity: 0;
  visibility: hidden;
}
/*.btn a {*/

/*    clip-path: polygon(*/
/*      20px 0%,*/
/*      calc(100% - 20px) 0%,*/
/*      100% 50%,*/
/*      calc(100% - 20px) 100%,*/
/*      20px 100%,*/
/*      0% 50%*/
/*    );*/

/*}*/

/*.card-deail{*/
/*    display: none;*/
/*    transition: all 0.4s ease-in-out;*/
/*}*/
/*  .rug-card:hover .card-deail{*/
/*    display: grid;*/
/*  }*/

/*.color-card{*/
/*      clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);*/

/*}*/