/* ✅ حالت پیش‌فرض (دسکتاپ بزرگ) */
.wel-h2-title{
    font-size: 14px !important;
}
.wel-p-category{
    font-size: 13px !important;
}

/* نوار پایین فقط مخصوص موبایل و تبلت */
.book-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 6px 0;
    z-index: 1000;
}

.book-panel .book-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.book-panel i {
    color: #8b66e2; /* رنگ سازمانی آبی تیره */
    font-size: 19px;
    margin-bottom: 10px;
}

.book-panel span {
    font-size: 11px;
    color: #8b66e2; /* رنگ متن هم آبی تیره */
    font-weight: 700;
}

.book-panel {
    display: none;
}


.takhfifgasht-top-bar {
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, #8b66e2, #a17df5); /* گرادینت جذاب */
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    padding: 8px 0;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* سایه ملایم */
    position: relative;
    z-index: 9999;
    animation: takhfifgasht-pulseBar 3s infinite alternate;
    background-size: 200% 200%;
}

/* انیمیشن ملایم برای جلب توجه */
@keyframes takhfifgasht-pulseBar {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


.simple-slider, .simple-slide {
    width: 100%;        /* مطمئن شو کل عرض صفحه باشه */
    max-width: 100%;
    overflow: hidden;   /* جلوگیری از اسکرول اضافی */
}

.simple-slide img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.wel-slide-size{
    width:100%;
    height:550px;
    object-fit:cover;
}

.breadcrumb-section .breadcrumb-content h1 {
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 8px;
}



/* ✅ تبلت (768px تا 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
    .wel-btn-rezerv{
        font-size: 11px !important;
    }
    .wel-h2-title{
        font-size: 11px !important;
    }
    .wel-p-category{
        font-size: 10px !important;
    }
    .wel-p-catname{
        font-size: 11px !important;
    }
    .offer{
        font-size: 10px !important;
    }
    .wel-h5-blogtitle{
        font-size: 11px !important;
    }
    .wel-h6-cityblog{
        font-size: 10px !important;
    }
    .book-panel {
        display: flex;
    }
    .mas-div-bookItem{
        margin-top: -25px;
        background: #8b66e2;
        padding: 9px 29px;
        border-radius: 30px;
        box-shadow: #CCB 0 0 2px;
        color: #fff;
    }

    .wel-slide-size{
        width:100%;
        height:259px;
        object-fit:cover;
    }

}

/* ✅ موبایل (کمتر از 768px) */
@media (max-width: 767px) {
    .wel-btn-rezerv{
        font-size: 11px !important;
    }
    .wel-h2-title{
        font-size: 11px !important;
    }
    .wel-p-category{
        font-size: 10px !important;
    }
    .wel-p-catname{
        font-size: 11px !important;
    }
    .offer{
        font-size: 10px !important;
    }
    .wel-h5-blogtitle{
        font-size: 11px !important;
    }
    .wel-h6-cityblog{
        font-size: 10px !important;
    }
    .book-panel {
        display: flex;
    }
    .mas-div-bookItem{
        margin-top: -25px;
        background: #8b66e2;
        padding: 9px 29px;
        border-radius: 30px;
        box-shadow: #CCB 0 0 2px;
        color: #fff;
    }

    .wel-slide-size{
        width:100%;
        height:259px;
        object-fit:cover;
    }
}

/* ✅ موبایل خیلی کوچک (کمتر از 480px) */
@media (max-width: 480px) {
    .wel-btn-rezerv{
        font-size: 11px !important;
    }
    .wel-h2-title{
        font-size: 11px !important;
    }
    .wel-p-category{
        font-size: 10px !important;
    }
    .wel-p-catname{
        font-size: 11px !important;
    }
    .offer{
        font-size: 10px !important;
    }
    .wel-h5-blogtitle{
        font-size: 11px !important;
    }
    .wel-h6-cityblog{
        font-size: 10px !important;
    }
    .book-panel {
        display: flex;
    }
    .mas-div-bookItem{
        margin-top: -25px;
        background: #8b66e2;
        padding: 9px 29px;
        border-radius: 30px;
        box-shadow: #CCB 0 0 2px;
        color: #fff;
    }

    .wel-slide-size{
        width:100%;
        height:259px;
        object-fit:cover;
    }
}