/* --------->   CHAT GPT
*. kanso font*/

@font-face {
  font-family: 'title-logo';
  src: url('../fonts/kanso.woff2') format('woff2'),
       url('../fonts/kanso.woff') format('woff'),
       url('../fonts/kanso.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.title-logo {
  font-family: 'title-logo', sans-serif;
  font-size: 150px;      /* سایز دلخواهت */
  font-weight: normal;  /* یا bold، بسته به نیاز */
  line-height: 1.2;     /* تنظیم فاصله خطوط */
  /* میتونی افکت‌ها یا رنگ رو هم اینجا اضافه کنی */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .title-logo {
    font-size: 125px;
    line-height: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .title-logo {
    font-size: 100px;
    line-height: inherit;
  }
}

@font-face {
  font-family: 'Intro-logo';
  src: url('../fonts/kanso.woff2') format('woff2'),
       url('../fonts/kanso.woff') format('woff'),
       url('../fonts/kanso.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.Intro-logo {
  font-family: 'Intro-logo', sans-serif;
  font-size: 80px;      /* سایز دلخواهت */
  font-weight: normal;  /* یا bold، بسته به نیاز */
  line-height: 1.2;     /* تنظیم فاصله خطوط */
  /* میتونی افکت‌ها یا رنگ رو هم اینجا اضافه کنی */
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Intro-logo {
    font-size: 65px;
    line-height: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .Intro-logo {
    font-size: 50px;
    line-height: inherit;
  }
}


@font-face {
  font-family: 'conte';
  src: url('../fonts/Conte.woff2') format('woff2'),
       url('../fonts/Conte.woff') format('woff'),
       url('../fonts/conte.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.title-conte {
  font-family: 'conte', sans-serif;
  font-size: 33px;      /* سایز دلخواهت */
  font-weight: normal;  /* یا bold، بسته به نیاز */
  line-height: 1.2;     /* تنظیم فاصله خطوط */
  /* میتونی افکت‌ها یا رنگ رو هم اینجا اضافه کنی */
}

@font-face {
  font-family: 'selune';
  src: url('../fonts/Selune.woff2') format('woff2'),
       url('../fonts/Selune.woff') format('woff'),
       url('../fonts/Selune.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'daytona';
  src: url('../fonts/Daytona.woff2') format('woff2'),
       url('../fonts/Daytona.woff') format('woff'),
       url('../fonts/Daytona.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.products-title {
  font-family: 'daytona', sans-serif;
  font-size: 20px;      /* سایز دلخواهت */
  font-weight: normal;  /* یا bold، بسته به نیاز */
  line-height: 1.6;     /* تنظیم فاصله خطوط */
  /* میتونی افکت‌ها یا رنگ رو هم اینجا اضافه کنی */
}


/*            CART in MENU.          */


.menu-cart-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* دسکتاپ */
.menu-cart-link span {
  color: #7f7f7f;
  position: absolute;
  border-radius: 50%;
  font-size: 12px;
  margin-left: 3px;
  top: 13px;
  right: -10px;
}
.menu-cart-link i {
  font-size: 1.1em; /* یعنی ۱.۵ برابر فونت اصلی منو */
  color: var(--theme-color);
  transition: transform 0.3s ease, color 0.3s;
  
}
.menu-cart-link:hover i {
  color: #b3de4f;  /* مثلا طلایی روی hover */ 
  transform:  translateX(30px) scale(1);
}


/* موبایل */
.mobile-icons {
  align-items: center;
}

#cart-count-mobile {
  color: #7f7f7f;
  border-radius: 50%;
  font-size: 12px;
  padding: 2px 6px;
  margin-left: 3px;
}
html[lang="en"] .cart-icon {
  position: relative;
  margin-left: 20px;
}

/* موبایل */
@media (max-width: 991px) {
  html[lang="en"] .cart-icon {
    position: absolute;
    top: 20px;
  transform:  translateX(0);
  margin-right: 90px;
  }
  .cart-icon:hover i {
  transform: none !important;
  }
}


/** منو موبایل */ @media (max-width: 992px) {
    html[lang="en"] .mobile-header-items {
        display: flex;
        align-items: center;
        justify-content: flex-end; /* انگلیسی سمت راست */
        gap: 40px;
    }

    /* حالت انگلیسی */
    html[lang="en"] .mobile-header-items #navbar_toggle { order: 3; }
    html[lang="en"] .mobile-header-items .cart-icon   { order: 2; }
    html[lang="en"] .mobile-header-items .lang-icon   { order: 1; }

  
}


.ltr {
  direction: ltr;
  unicode-bidi: bidi-override; /* برای اطمینان از نمایش درست کاراکترها */
  text-align: left;            /* معمولا هم لازمه متن چپ‌چین باشه */
}


@media only screen and (max-width: 767px) {
  .grid-md-3 {
    display: none;
  }
}