﻿header {
    height: auto;
	min-height:15px;
}

    header::before::after {
        opacity: 0.5;
    }

footer ul {
    font-size: 14px;
}

footer p {
    font-size: 14px;
}

footer img {
    filter: grayscale(100%);
}

footer :hover {
    filter: grayscale(0%);
}

/*------scroll bar---------------------*/

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #888 #ffffff;
}
/*------scroll bar---------------------*/
.table-wrapper-scroll-y {
    display: block;
}

.text-justify {
    text-align: justify;
}


.card-header {
    background-image: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
    text-align: center;
}

.w-40 {
    width: 40%;
}

.h-40 {
    height: 40%;
}

/*pagination-ys*/
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: right;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-right: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: right;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-right: 0;
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }
/*pagination-ys*/


@media only screen and (min-width: 600px) {

    #carousel-Slider {
        max-height: 380px;
    }

        #carousel-Slider img {
            max-height: 380px;
            width: 100%;
        }

    .card-img-main {
        height: 128px;
    }
}


@media only screen and (max-width: 600px) {


    header .h1 {
        font-size: 16px;
        padding: 0;
        font-weight: bold;
    }

    header .h4, .h5, .h3, .h2 {
        font-size: 14px;
        padding: 0;
        font-weight: bold;
    }

    header .h6 {
        font-size: 12px;
        padding: 0;
        font-weight: bold;
    }

    .d-sm-none {
        display: none;
        width: 0;
        height: 0;
    }



    #carousel-Slider {
        max-height: 200px;
    }

        #carousel-Slider img {
            max-height: 180px;
            width: 100%;
        }

        #carousel-Slider .static-banner {
            font-size: 12px;
        }

    .card-img-main {
        height: 72px;
    }

    .navbar-brand {
        display: none;
    }
}

.swiper-button-next,
.swiper-button-prev {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    position: absolute;
}

    /* آیکون فلش Swiper */
    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 22px !important;
        font-weight: bold !important;
        color: #333 !important;
        line-height: 1 !important;
        width: auto !important;
        height: auto !important;
    }


@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(30, 144, 255, 0.7);
    }

    70% {
        box-shadow: 0 0 10px 10px rgba(30, 144, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(30, 144, 255, 0);
    }
}

.pulse-arrow {
    animation: pulse 2s infinite;
    border-radius: 50%;
}

.img-placeholder {
    background: #e0e0e0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .img-placeholder::after {
        content: "";
        position: absolute;
        top: 0;
        left: -150px;
        height: 100%;
        width: 150px;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
        animation: shimmer 1.5s infinite;
    }

@keyframes shimmer {
    100% {
        transform: translateX(100%);
    }
}
