@font-face {
    font-family: 'Vazir';
    src: url('/assets/fonts/Vazirmatn-Black.woff2') format('woff2'),
        url('/assets/fonts/Vazirmatn[wght].woff2') format('woff2'),
        url('/assets/fonts/Vazirmatn[wght].ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Vazir-Bold';
    src: url('/assets/fonts/Vazirmatn-Bold.woff2') format('woff2'),
        url('/assets/fonts/Vazirmatn-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* اعمال فونت برای کل صفحه */
body {
    font-family: 'Vazir', sans-serif !important;
}



body {
    /*font-family: 'B Nazanin';*/
    direction: rtl;
    text-align: right;
    margin: 0;
    padding: 0;
    /*display: flex;*/
    align-items: center; /* قرارگیری در مرکز عمودی */
    min-height: 100vh; /* حداقل ارتفاع برابر با ارتفاع صفحه */
    /*background-color: #f8f9fa;*/ /* رنگ پس‌زمینه برای تست */
    background: url('/assets/img/patt.png') repeat; /* تغییر به نام تصویر */
}

.container {
    /*background: white;*/
    /*display: flex;*/
    padding: 20px;
    border-radius: 10px; /* لبه‌های گرد برای زیبایی */
    box-shadow: 0 0 18px rgba(0,0,0,0.9); /* سایه برای زیبایی */
    background-color: white;
}

.eslamicBackground {
    background-color: #1d0c4be3; /* رنگ آبی با اپاسیته */
    background-image: url('/assets/img/moroccan-flower.png');
    background-repeat: repeat;
    background-blend-mode: multiply; /* ترکیب تصویر با رنگ پس‌زمینه */
    opacity: 0.95;
}


.section-img {
    max-width: 100%;
    border-radius: 10px;
}

.section-text {
    font-size: 18px;
    line-height: 1.8;
}

.section-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

/* فاصله بیشتر بین بخش‌ها */
.section {
    margin-bottom: 60px;
}


.btn-eslamic {
    background-color: #1d0c4be3;
    background-image: url('/assets/img/moroccan-flower.png');
    background-repeat: repeat;
    background-blend-mode: multiply;
    opacity: 0.95;
    color: #ecf0f1;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 18px;
    transition: all 0.3s ease;
}

    .btn-eslamic:hover {
        opacity: 1;
        background-color: #505b97f7;
    }


.dynamic-width span {
    display: inline-block;
    min-width: 30px; /* حداقل اندازه */
    max-width: 100px; /* حداکثر اندازه */
    padding: 5px 10px; /* ایجاد فاصله داخلی برای بهتر دیده شدن متن */
    text-align: center;
    white-space: nowrap; /* از شکستن متن جلوگیری می‌کند */
    overflow: hidden;
    text-overflow: ellipsis; /* اگر متن طولانی شد، ... نشان داده شود */
}



.navMenuCustom {
    background: #1d0c4be3;
    padding: 30px;
}


.card-background-color {
    color: #92951f;
}

.cart-Text-Color {
    color: black !important;
}


.dynamic-width span {
    display: inline-block;
    min-width: 50px;
    max-width: 120px;
    padding: 5px 10px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




.fixed-bottom {
    max-height: 52px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px; /* فاصله داخلی */
    text-align: center;
    z-index: 1000; /* مقدار بالا برای نمایش روی سایر محتواها */
    /* پس‌زمینه ترکیبی مشابه eslamicBackground */
    background-color: #1d0c4be3; /* رنگ آبی اصلی */
    background-image: url('/assets/img/moroccan-flower.png'); /* تصویر پس‌زمینه */
    background-repeat: repeat; /* تکرار الگو */
    background-blend-mode: multiply; /* ترکیب رنگ با تصویر */
    background-size: cover; /* پوشش کامل */
    /* افکت‌های زیبایی */
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); /* سایه */
    opacity: 0.95; /* کاهش شفافیت برای محو شدن جزئی */
    color: #ecf0f1; /* رنگ متن */
}

.card-img-top{
    max-height: 400px; 
    object-fit: cover;
}