@font-face {
  font-family: 'Yekan Bakh';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://sepehrancable.com/theme/core/sepehran/assets/fonts/bakh/Yekan-Bakh-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Yekan Bakh';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://sepehrancable.com/theme/core/sepehran/assets/fonts/bakh/Yekan-Bakh-Bold.woff') format('woff');
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
}

.slick-list{padding:2% 0%;}
.slick-slide img{ box-shadow: #a40606 0px 20px 30px -10px;border-radius:7px}
h3 {
    color: #000000;
}
@media (max-width: 480px){.component-video-fullwidth-slider .inner-wrap { padding: 0 5px; }}
@media (max-width: 790px) {
.carousel-control-next, .carousel-control-prev {
        display: none;}
}
    .component-video-fullwidth-slider .full-width-wrap {
    padding: 50px 0 0px !important;}
    .btn.btn-primary { color: #fff !important;}
    
    
.metal-price-widget.light .widget-footer {
 display: none;
}
.metal-price-widget.light .widget-header {
 display: none;
}

/* استایل برای افکت بلور */
.menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 8;
transition: all 0.3s ease;
}

/* اصلاح استایل منوی همبرگری */
@media screen and (max-width: 991px) {
#cssmenu {
width: 100%;
text-align: center !important;
position: relative;
z-index: 999;        padding-top: 30px;
}

#cssmenu ul {
width: 100%;
display: none;
background: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 999;
border-radius: 0 0 10px 10px;
padding: 0;
margin: 0;
max-height: 80vh;
overflow-y: auto;
transition: all 0.3s ease;
}

#cssmenu.mobile-menu ul.open {
display: block;
margin: 0px 0px 15px 0px !important;
animation: slideDown 0.3s ease forwards;
}

@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

#cssmenu > ul > li {
        width: 102%;
        float: none;
        display: block;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        right: 10px;
}

#cssmenu > ul > li:last-child {
border-bottom: none;
}

#cssmenu > ul > li > a {
padding: 15px 0px 20px 0px !important;
width: 100%;
display: block;
font-size: 18px !important;
margin-top: 10px !important;
color: #000 !important;
text-decoration: none;
border-bottom: 1px solid rgba(0,0,0,0.1);
}

#cssmenu > ul > li:hover > a {
background-color: #ffffff;
}

#cssmenu ul ul {
position: relative !important;
left: 0 !important;
right: 0 !important;
width: 100%;
margin: 0 !important;
text-align: center;
background: #222 !important;
box-shadow: none;
max-height: none;
border-radius: 0;
}

#cssmenu ul ul li {
padding: 0;
margin: 0;
}

#cssmenu ul ul li a {
padding: 20px 0px !important;
font-size: 16px !important;
color: #fff !important;
border-bottom: 1px solid rgba(255,255,255,0.1);
}

#cssmenu ul ul li:last-child a {
border-bottom: none;
}

#cssmenu ul ul ul {
background: #333 !important;
}

#cssmenu ul ul ul li a {
padding-left: 35px;
font-size: 14px !important;
}

.submenu-button {
position: absolute;
z-index: 99;
right: 10px;
top: 10px;
display: block;
height: 30px;
width: 30px;
cursor: pointer;
border-radius: 50%;
background: rgba(0,0,0,0.05);
text-align: center;
line-height: 30px;
transition: all 0.2s ease;
}

.submenu-button::after {
content: '+';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
color: #C54B4B;
}

.submenu-button.submenu-opened {
background: #C54B4B;
}

.submenu-button.submenu-opened::after {
content: '-';
color: #fff;
}

/* استایل دکمه همبرگر */
#cssmenu .buttonee {
width: 40px;
height: 40px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
z-index: 999;
background: transparent;
border-radius: 3px;
transition: all 0.3s ease;
}

#cssmenu .buttonee:after {
content: '';
position: absolute;
left: 10px;
top: 10px;
display: block;
width: 20px;
height: 3px;
background: #C54B4B;
box-shadow: 0 8px 0 #C54B4B, 0 16px 0 #C54B4B;
transition: all 0.3s ease;
border-top: 0px !important;
        border-bottom: 0px !important;
}

#cssmenu .buttonee.menu-opened {
background: rgba(197, 75, 75, 0.1);
}

#cssmenu .buttonee.menu-opened:after {
background: #C54B4B;
box-shadow: none;
transform: rotate(45deg);
top: 18px;
transition: all 0.3s ease;
}

#cssmenu .buttonee.menu-opened:before {
content: '';
position: absolute;
left: 10px;
top: 18px;
display: block;
width: 20px;
height: 3px;
background: #C54B4B;
transform: rotate(-45deg);
transition: all 0.3s ease;
}

.menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 8;
transition: all 0.3s ease;
}

/* اصلاح استایل منوی همبرگری - بازنویسی کامل */
@media screen and (max-width: 991px) {
/* آیکون همبرگر - بازنویسی کامل برای حذف استایل‌های قبلی */
#cssmenu .buttonee {
width: 40px;
height: 40px;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
z-index: 999;
border-radius: 3px;
background: transparent;
transition: all 0.3s ease;
}

/* حذف تمام استایل‌های قبلی */
#cssmenu .buttonee:after,
#cssmenu .buttonee:before,
#cssmenu .buttonee span {
box-shadow: none;
content: '';
display: block;
position: absolute;
width: 20px;
height: 3px;
background: #C54B4B;
transition: all 0.3s ease;
left: 10px;
}

/* موقعیت‌دهی خطوط */
#cssmenu .buttonee:before {
top: 10px;
}

#cssmenu .buttonee span {
top: 18px;
}

#cssmenu .buttonee:after {
top: 26px;
}

/* حالت باز */
#cssmenu .buttonee.menu-opened {
background: rgba(197, 75, 75, 0.1);
}

/* تغییر خطوط به حالت ضربدر */
#cssmenu .buttonee.menu-opened:before {
transform: rotate(45deg);
top: 18px;
}

#cssmenu .buttonee.menu-opened span {
opacity: 0;
}

#cssmenu .buttonee.menu-opened:after {
transform: rotate(-45deg);
top: 18px;
}
}


/* برای جلوگیری از اسکرول در زمان باز بودن منو */
body.menu-open {
overflow: hidden;
}

.social-icons-block {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
}

.social-icons-block a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.social-icons-block a:hover {
    transform: translateY(-2px);
}

.social-icons-block .svg-icon {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
}

/* Footer Specific Styles */

.bottom-bar .social-icons-block {
    margin-top: -5px;
    margin-left: 10px;
}
/* Responsive */
@media (max-width: 768px) {
    .social-icons-block {
        justify-content: center;
        width: 100%;
    }
}
