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

@layer base {
    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Thin.woff2') format('woff2');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-ExtraLight.woff2') format('woff2');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Medium.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-SemiBold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Bold.woff2') format('woff2');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-ExtraBold.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: Vazirmatn;
        src: url('assets/fonts/woff2/Vazirmatn-Black.woff2') format('woff2');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: dana;
        font-style: normal;
        font-weight: bold;
        src: url('assets/fonts/eot/dana-bold.eot');
        src: url('assets/fonts/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('assets/fonts/woff2/dana-bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/dana-bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: dana;
        font-style: normal;
        font-weight: normal;
        src: url('assets/fonts/eot/dana-regular.eot');
        src: url('assets/fonts/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
        url('assets/fonts/woff2/dana-regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/dana-regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }

    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 100;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 200;
        src: url('assets/fonts/woff2/KalamehWebFaNum-ExtraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-ExtraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 300;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 500;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 600;
        src: url('assets/fonts/woff2/KalamehWebFaNum-SemiBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-SemiBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }

    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 800;
        src: url('assets/fonts/woff2/KalamehWebFaNum-ExtraBold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-ExtraBold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: 900;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: bold;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
    @font-face {
        font-family: KalamehWebFaNum;
        font-style: normal;
        font-weight: normal;
        src: url('assets/fonts/woff2/KalamehWebFaNum-Regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
        url('assets/fonts/woff/KalamehWebFaNum-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    }
}

/*change mui select component border color to black from gray*/
.MuiOutlinedInput-notchedOutline {
    border-style: none !important;
}
.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: #1976d2 !important;
}
.modal-header .btn-close {
    margin: 0 !important;
}
.product-card-image {
    width: 100%;
    height: 10vw;
    object-fit: cover;
}
.preview-image {
    width: 10vw;
    height: 10vw;
    object-fit: cover;
}
.preview-image-in-card {
    width: 20vw;
    height: 20vw;
    object-fit: cover;
}
.content-images {
    width: 20vw;
    height: 20vw;
    object-fit: cover;
}
.MuiButtonBase-root.MuiPaginationItem-root.Mui-selected {
    background-color: #1C1C1C !important;
    color: white !important;
}
.MuiButtonBase-root.MuiPaginationItem-root {
    background-color: #F4F4F4 !important;
    border: none !important;
    margin-left: 1px;
}
.article-category-select .MuiOutlinedInput-notchedOutline {
    border-color: #B3B3B3 !important;
}
