@import url(./font.css);

/* ===== RESET ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



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

        /* انیمیشن تغییر شکل نرم برای پس‌زمینه تصویر (Blob) */
    @keyframes morph {
        0%, 100% { border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%; }
        34% { border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%; }
        67% { border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%; }
    }


        /* Marquee Animation */
    @keyframes marquee {
        0% { transform: translateX(0%); }
        100% { transform: translateX(-50%); } /* Negative translates to the left */
    }
    .animate-marquee {
        animation: marquee 20s linear infinite;
    }


        /* Hide scrollbar for Chrome, Safari and Opera */
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    .scrollbar-hide {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .blogo{
          width: 150px;
    }


        /* Safe area padding for newer iOS devices (notched iPhones) */
    .pb-safe {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    
    /* Support for hiding nav on scroll down (Optional enhancement) */
    .nav-hidden {
        transform: translateY(100%);
    }
    .map{
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}