#breadcrumbs {
    padding: 10px 0;
    font-size: 14px;
    color: #555;
}

#breadcrumbs a {
    color: #0073aa; /* رنگ لینک ها */
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

#breadcrumbs span.current {
    font-weight: bold;
    color: #333; /* رنگ آیتم فعلی */
}


.arian-marquee-container {
            width: 100%;
            overflow: hidden; /* مخفی کردن محتوای بیرون از کادر */
            white-space: nowrap; /* جلوگیری از شکستن خطوط */
            box-sizing: border-box;
            padding: 5px 0;
            position: relative; /* برای موقعیت دهی absolute محتوای داخلی */
            direction: ltr; /* جهت کلی کانتینر */
        }
        .arian-marquee-content {
            display: inline-block;
            /* این خط نیازی به پدینگ اضافه نداره چون با جاوااسکریپت محتوا تکرار میشه یا CSS3 anim. */
            animation: arian-marquee-animation 40s linear infinite; /* سرعت انیمیشن (مثلاً 40s برای کندتر شدن) */
            animation-play-state: running; /* مطمئن میشویم انیمیشن در حال اجراست */
            /* اضافه کردن این خط برای شروع انیمیشن از ابتدا در فایرفاکس */
            transform: translateX(0);
        }
        .arian-marquee-content:hover {
            animation-play-state: paused; /* توقف انیمیشن در هنگام هاور */
        }
        .arian-marquee-item {
            display: inline-block;
            margin-left: 50px; /* فاصله بین آیتم ها */
        }
        .arian-marquee-item:first-child {
            margin-left: 0; /* اولین آیتم از سمت چپ بدون مارجین باشد */
        }
.arian-marquee-item a {
	text-decoration: none;
	color: #5e4343;
	font-size: 15px;
}
        .arian-marquee-item a:hover {
            color: #373737;
        }

        /* تعریف انیمیشن marquee برای حرکت از راست به چپ */
        @keyframes arian-marquee-animation {
            0% { transform: translateX(0%); }
            100% { transform: translateX(-100%); }
        }






        /* استایل‌های عمومی برای کانتینرهای مدیا */
.custom-media-wrapper {
    position: relative;
    max-width: 100%; /* مطمئن شوید که از عرض کانتینر والد تجاوز نمی‌کند */
    margin: 0 auto; /* برای وسط چین کردن */
}

/* استایل برای پلیر ویدئو */
.custom-video-player {
    display: block; /* برای حذف فاصله اضافی زیر ویدئو */
    width: 100%;
    height: auto;
}

/* استایل برای پلیر صوتی */
.custom-audio-wrapper {
    /* برای نمایش کاور صوتی */
    position: relative;
    padding-bottom: 56.25%; /* نسبت ابعاد 16:9 برای کاور. می‌توانید این را تغییر دهید (مثلاً 100% برای مربع) */
    background-color: #f0f0f0; /* رنگ پس‌زمینه پیش‌فرض اگر کاور نباشد */
    overflow: hidden; /* برای اطمینان از اینکه تصویر پس‌زمینه از کانتینر بیرون نزند */
    display: flex; /* برای قرار دادن پلیر در پایین کاور */
    align-items: flex-end; /* پلیر را به پایین کانتینر می‌چسباند */
    justify-content: center; /* پلیر را در مرکز افقی قرار می‌دهد */
}

.custom-audio-player {
    display: block;
    width: 100%; /* پلیر صوتی تمام عرض کانتینر خود را اشغال می‌کند */
    max-width: 600px; /* یک حداکثر عرض برای پلیر صوتی برای ظاهر بهتر */
    position: absolute; /* برای قرار گرفتن روی تصویر پس‌زمینه */
    bottom: 0; /* چسباندن به پایین */
    left: 0;
    right: 0;
    margin: 0 auto; /* برای وسط چین کردن پلیر در پایین */
    z-index: 2; /* مطمئن شوید که پلیر روی تصویر پس‌زمینه قرار می‌گیرد */
}

/* استایل برای ویدئوهای آپارات (واکنش‌گرا) */
.custom-aparat-video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* نسبت ابعاد 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
        border-radius: 10px;
}

.custom-aparat-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* حذف حاشیه iframe */
}



.custom-video-player {
	border-radius: 10px;
}




/* --- استایل دهی سراسری برای textarea --- */
#commentform textarea#comment {
    width: 100%; /* سراسری کردن عرض */
    padding: 15px; /* فاصله داخلی */
    border: 1px solid #ddd; /* حاشیه خاکستری روشن */
    border-radius: 8px; /* گوشه‌های گرد */
    box-sizing: border-box; /* برای اینکه padding و border داخل width حساب شوند */
    font-size: 1rem; /* اندازه فونت */
    line-height: 1.5; /* فاصله خطوط */
    margin-bottom: 15px; /* فاصله از پایین */
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* انیمیشن برای فوکوس */
    resize: vertical; /* فقط اجازه تغییر سایز عمودی را می‌دهد */
}

#commentform textarea#comment:focus {
    border-color: #007bff; /* رنگ حاشیه هنگام فوکوس (آبی) */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* سایه هنگام فوکوس */
    outline: none; /* حذف outline پیش‌فرض مرورگر */
}

/* --- استایل دهی برای دکمه فرستادن دیدگاه --- */
#commentform input[type="submit"]#submit {
    background-color: #dc3545; /* رنگ قرمز برای پس‌زمینه */
    color: #fff; /* رنگ متن سفید */
    border: none; /* بدون حاشیه */
    padding: 12px 25px; /* فاصله داخلی دکمه */
    border-radius: 8px; /* گوشه‌های گرد */
    font-size: 1.1rem; /* اندازه فونت بزرگتر */
    font-weight: bold; /* متن پررنگ */
    cursor: pointer; /* نشانگر ماوس به شکل دست */
    transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out; /* انیمیشن برای هاور */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* سایه برای عمق دادن */
    font-family:Parastoo,tahoma;
}

#commentform input[type="submit"]#submit:hover {
    background-color: #c82333; /* رنگ قرمز تیره‌تر هنگام هاور */
    transform: translateY(-2px); /* کمی دکمه به سمت بالا حرکت کند */
}

#commentform input[type="submit"]#submit:active {
    background-color: #bd2130; /* رنگ قرمز باز هم تیره‌تر هنگام کلیک */
    transform: translateY(0); /* برگشت به حالت عادی */
    box-shadow: none; /* حذف سایه هنگام کلیک */
}

/* --- بهبودهای کلی برای فرم کامنت --- */
.comment-form {
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-top: 30px;
}

.comment-form p {
    margin-bottom: 15px;
}

.comment-form label {
    display: block; /* برای اینکه لیبل بالای فیلد قرار بگیرد */
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.comment-form .required-field-message {
    font-size: 0.9em;
    color: #777;
    margin-top: -10px; /* کمی به بالا بکشید */
    margin-bottom: 15px;
}

.comment-form .logged-in-as {
    font-size: 0.9em;
    color: #555;
    background-color: #e9ecef;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.comment-form .logged-in-as a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

.comment-form .logged-in-as a:hover {
    text-decoration: underline;
}