@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('./swiper-bundle.min.css');

/********************** FONTS **********************/

@layer base {
    /* AzarMehr */
    @font-face {
        font-family: "azarMehr";
        src: url("../fonts/AzarMehr/AzarMehr-FD[DSTY,KSHD,wght].woff2");
        font-display: swap;
    }
}

/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/********************** Styles **********************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: azarMehr, sans-serif;
}

html{
    scroll-behavior: smooth;
}

.swiper-button-disabled{
    .blue-arrow{
        display: block;
    }
    .white-arrow{
        display: none;
    }
}

/* header */
.hamburger-menu.active{
    right: 0;
}

/* Main Slider */
#main-slider .swiper-slide-next, #main-slider .swiper-slide-prev{
    scale: 0.8;
}

#main-slider .swiper-pagination-bullet-active{
    width: 40px;
    border-radius: 5px;
    background: #000000;
}

#main-slider .swiper-pagination-bullet{
    transition: all .5s;
}

/* Comments */
#comments .swiper-pagination-bullet-active{
    width: 40px;
    border-radius: 5px;
    background: #000000;
}
#comments .swiper-pagination-bullet{
    transition: all .5s;
}

/* Sliders */
#sliderOne .swiper-button-disabled, #sliderTwo .swiper-button-disabled{
    background: #F0F3F9;
}


#popularSlider .swiper-button-disabled{
    background: #D6DEEF;
}

[x-cloak] {
    display: none !important;
}