@import 'tailwindcss';

@theme {
    --color-Paragraph: #594f53;
    --color-secoundry: #848484;
    --color-border: #d4d4d4;
    --color-borderG: #19bf0d;
    --color-Ogreen: #e8f9e7;
    --color-greey: #f8f8f8;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide .swiper-slide-next {
    width: 325px !important;
}

.swiper-slide .swiper-slide-active {
    width: 325px !important;
}

.swiper-wrapper {
    display: flex;
    transition-property: transform;
}
.swiper-slide {
    width: 83.33%;
    flex-shrink: 0;
    margin-right: 10px;
    display: block;
}
.swiper-slide {
    width: 83.33%;
    flex-shrink: 0;
    margin-right: 10px;
    display: block;
}

@media (min-width: 768px) {
    .swiper-slide {
        width: auto;
    }
}
/* ------------------------------logo animation---------------------------------------- */
@keyframes logoScale {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1.1);
    }
}
.logo-scale-animation {
    animation: logoScale 2s ease-in-out infinite;
}

/* -------------------------------date picker-------------------------- */
.custom-dropdown {
    width: 265px !important;
    height: 165px !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1) !important;
}
.currency__menu {
    margin-top: 0 !important;
    animation: dropdownAnim 0.25s ease forwards;
    transform-origin: top right;
}

/* أنيميشن المنيو */
@keyframes dropdownAnim {
    0% {
        opacity: 0;
        transform: translateY(-6px) scale(0.96);
    }
    100% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}