/*
Theme Name: خیمه
Theme URI: #
Author: ViraPeak
Author URI: #
Description: قالب اختصاصی فروشگاه خیمه - توسعه داده شده توسط ViraPeak
Version: 2.0.0
Text Domain: kheyme
*/
@font-face {
    font-family: 'YekanBakh';
    src: url('./fonts/YekanBakh-VF.woff2') format('woff2'),
         url('./fonts/YekanBakh-VF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'YekanBakh', sans-serif !important;
}

/* Custom Scrollbar for horizontal lists */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Mega Menu Transition */
.group:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Mobile Menu Transition */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
}

#mobile-overlay {
    transition: opacity 0.3s ease-in-out;
}

/* Swiper fixes */
.swiper-slide {
    height: auto !important;
}

/* Marquee Animation Classes */
.marquee-wrapper {
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}

/* حرکت بی‌نهایت به سمت راست (چون سایت RTL است) */
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}

.animate-scroll {
    animation: scroll 60s linear infinite;
}

/* توقف انیمیشن با رفتن موس روی کل بخش */
.marquee-wrapper:hover .animate-scroll {
    animation-play-state: paused;
}

.vira-sms-custom-page-gate__layout {
    padding-top: 80px !important;
}

/* Kheyme brand palette overrides */
:root {
    --kheyme-primary: #1C615C;
    --kheyme-primary-hover: #164F4B;
}
.text-orange-500,.text-orange-600,.text-orange-700 { color: var(--kheyme-primary) !important; }
.bg-orange-500,.bg-orange-600,.bg-orange-700 { background-color: var(--kheyme-primary) !important; }
.border-orange-500,.border-orange-600,.border-orange-700 { border-color: var(--kheyme-primary) !important; }
.hover\\:text-orange-500:hover,.hover\\:text-orange-600:hover,.hover\\:text-orange-700:hover { color: var(--kheyme-primary) !important; }
.hover\\:bg-orange-500:hover,.hover\\:bg-orange-600:hover,.hover\\:bg-orange-700:hover { background-color: var(--kheyme-primary) !important; }