@font-face {
  font-family: 'hw';
  src: url(assets/font/Strongela\ Delmonte.woff);
}
@font-face {
  font-family: 'yekan';
  src: url(assets/font/YekanNumbers-Regular.woff),format('woff');
}
@font-face {
  font-family: 'vazir';
  src: url(assets/font/Vazir-Medium.woff) ,format('woff'), url(assets/font/Vazir-Medium.eot), format('eot'), url(assets/font/Vazir-Medium.woff2),format('woff2');
}
@font-face {
  font-family: 'Aulita';
  src: url(assets/font/Aulita.woff);
}
@font-face {
  font-family: 'dance';
  src: url('assets/font/transfonter.org-20250529-094923/DancingScript-Medium.eot'), format('eot'), url('assets/font/transfonter.org-20250529-094923/DancingScript-Medium.woff'),format('woff'),
  url('assets/font/transfonter.org-20250529-094923/DancingScript-Medium.woff2'), format('woff2');
}
body {
  font-family: 'Vazir';
  padding-bottom: 60px; /* space for footer */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
 
background: linear-gradient(
  rgba(0, 0, 0, 0.4),
  rgba(0, 0, 0, 1)
),
url(assets/img/arabesque.png);
background-size: cover;
background-attachment: fixed;
background-position: center;
color: #fff;
font-family: 'Vazir';
}

body, html {
margin: 0;
padding: 0;
height: 100%;
}
main {
  flex: 1;
}
.sidebar-icon {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 1.5rem;
  cursor: pointer;
  z-index: 1050;
  color:#4287f5;
}

.sidebar-menu {
  position: fixed;
  top: 0;
  right: -250px;
  width: 250px;
  height: 100%;

  background-color: #142435;
  color: white;
  transition: right 0.3s;
  padding-top: 60px;
  z-index: 1040;
}

.sidebar-menu.active {
  right: 0;
}

.sidebar-menu a {
  display: block;
  color: white;
  padding: 12px 20px;
  text-decoration: none;
  line-height: 3.3rem;
}

.sidebar-menu a:hover,
.sidebar-menu a.active {
  background-color: #4287f5;
}

footer {
  position: relative;
  z-index: 100;
  background-color: #142435;
}
.sidebar-slogan {
  position: absolute;
  left: -100px; /* فاصله از سمت چپ یا تنظیم دلخواه */
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  color: #4287f5;
  font-family: 'dance', sans-serif;
  letter-spacing: 5px;
  user-select: none;
}
.menu-image {
  width: 100%;
  max-width: 220px;  /* اندازه دلخواه */
  display: block;
  margin: 20px auto 10px auto;
  opacity: 0.9;
  transition: all 0.3s ease-in-out;
}

/* وقتی موس روی تصویر رفت */
.menu-image:hover {
  opacity: 1;
  transform: scale(1.05);
}
.text-justify {
  text-align: justify !important;
}


/* زیر منوی محصولات */
.submenu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
  padding-right: 15px;
  direction: rtl;
}

.submenu.open {
  max-height: 500px; /* مقدار کافی برای نمایش کامل زیرمنو */
}

.has-submenu {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  user-select: none;
  transition: color 1s ease;
}

/* چرخش آیکون فلش */
.has-submenu i {
  transition: transform 1s ease;
}

.has-submenu.open i {
  transform: rotate(180deg);
}