/*persiancoral added*/
figure.video-wrapper figcaption {
    margin-bottom: 20px;
    text-align: center;
    font-size: small;
}

h2 {
    margin-bottom: 5px !important;
    font-size: 21px;
}

.elementor-widget.short-description,
.elementor-widget.long-description {
    margin-bottom: 5px;
}

.woodmart-archive-shop .wd-content-layout {
    padding-top: 0;
}

.tablepress {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tablepress table {
    width: 100%;
    max-width: none;
}

/* product count */
.woocommerce-loop-category__title mark.count {
    font-size: 12px;
    opacity: .55;
}

/* your ACF text */
.cat-usage {
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, .72);

}

/* استایل پایه برای نشان قیمت */
.price-badge {
    display: inline-block;
    background-color: #2ecc71;
    color: white;
    font-size: 14px;

    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* در حالت موبایل کمی فونت بزرگتر باشد */
@media (max-width: 768px) {
    .price-badge {
        font-size: 15px;
        width: 100%;
        /* در موبایل تمام عرض رو بگیره */
        text-align: center;
    }
}

.wd-prefooter {
    padding-bottom: 0 !important;
}

.wd-dropdown-menu a:hover {
    color: var(--nav-color-hover);
}

/*persiancoral added */
/* --- تنظیمات کلی تیترها (برای اولویت بالا) --- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    /* اطمینان از اعمال فونت فارسی قالب */
    line-height: 1.4;
}

/* ===========================
   1. تیتر اصلی (H1) - آبی و مقتدر
   =========================== */
h1,
.h1 {
    color: #0d47a1;
    /* آبی سرمه‌ای برند */
    font-weight: 600;
    /* خیلی ضخیم */
    font-size: 30px;

}

/* ===========================
   2. تیتر بخش‌ها (H2) - نوار قرمز دار
   =========================== */
h2,
.h2 {
    color: #1e293b;
    /* نوک‌مدادی تیره */
    font-weight: 400;
    font-size: 24px;

    /* نوار قرمز سمت راست */
    border-right: 4px solid #ff5252;
    padding-right: 12px;

    /* تنظیم فاصله */

    display: inline-block;
    /* باعث می‌شود خط قرمز فقط به اندازه متن باشد نه کل خط */
    width: 100%;
    /* اگر خواستید خط قرمز کل عرض را نگیرد، این را بردارید */
}

h2.elementor-heading-title {
    padding-right: 12px;
}

/* ===========================
   3. زیرتیترها (H3) - طوسی و نرم
   =========================== */
h3,
.h3 {
    color: #424242;
    /* طوسی تیره */
    font-weight: 300;
    font-size: 19px;
    margin-bottom: 10px;
}

/* ===========================
   4. تیترهای کوچک (H4)
   =========================== */
h4,
.h4 {
    color: #616161;
    font-weight: 600;
    font-size: 16px;
}

/* فارسی کردن جهت علامت سوال تولتیپ */
.wd-hint {
    transform: scaleX(-1);
    display: inline-block;
    /* برای اینکه دستور چرخش روی متن کار کند */
}

.alborz-faq-container {
    max-width: 100%;
    margin: 20px 0;
}

.alborz-faq-item {
    background: #f9f9f9;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.alborz-faq-title {
    padding: 15px;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    position: relative;
    color: #333;
}

.alborz-faq-title::-webkit-details-marker {
    display: none;
}

.alborz-faq-title:after {
    content: '+';
    float: left;
    font-size: 20px;
}

.alborz-faq-item[open] .alborz-faq-title:after {
    content: '-';
}

.alborz-faq-content {
    padding: 15px;
    background: #fff;
    border-top: 1px solid #eee;
    line-height: 1.8;
}

.faq-main-title {

    margin-bottom: 10px !important;
    padding-right: 15px;
    border-right: 5px solid #007bff;
    /* رنگ برند البرزمخزن */
}

/* =========================================
   استایل‌های اختصاصی محتوای البرز مخزن
========================================= */

/* ۱. باکس مشاوره و نکات (am-note) */
.am-note {
    background-color: #f4f9ff;
    /* آبی بسیار روشن و آرامش‌بخش */
    border-right: 4px solid #0056b3;
    /* خط تاکید سمت راست برای زبان فارسی */
    padding: 15px 20px;
    margin: 25px 0;
    border-radius: 8px 0 0 8px;
    /* گرد شدن گوشه‌های سمت چپ */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    /* سایه بسیار ملایم */
    font-size: 0.95em;
    color: #333333;
    line-height: 1.8;
    position: relative;
}

.am-note strong {
    color: #0056b3;
    font-size: 1.05em;
    display: inline-block;
    margin-bottom: 5px;
}

/* ۲. باکس مناسب برای... (am-suitable) */
.am-suitable {
    background-color: #f6fff8;
    /* سبز بسیار روشن برای القای حس مثبت و تایید */
    border: 1px solid #c3e6cb;
    padding: 20px 25px;
    margin: 30px 0;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.04);
}

.am-suitable strong {
    display: block;
    color: #155724;
    font-size: 1.1em;
    margin-bottom: 15px;
    border-bottom: 2px dashed #c3e6cb;
    /* خط جداکننده زیبا */
    padding-bottom: 10px;
}

.am-suitable ul {
    margin: 0;
    padding-right: 20px;
}

.am-suitable li {
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.7;
    list-style-type: none;
    /* حذف بولت‌های پیش‌فرض */
    position: relative;
}

/* ساخت تیک سبز رنگ به جای بولت برای لیست کاربردها */
.am-suitable li::before {
    content: "✓";
    color: #28a745;
    font-weight: bold;
    position: absolute;
    right: -20px;
}

/* ۳. باکس ویژگی‌ها و مشخصات فنی (am-spec) */
.am-spec {
    background-color: #ffffff;
    border: 1px solid #e1e8ed;
    padding: 20px 25px;
    margin: 25px 0;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.am-spec ul {
    padding-right: 15px;
    margin: 0;
}

.am-spec li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f4f8;
    /* خط جداکننده بین ویژگی‌ها */
    color: #4a5568;
    line-height: 1.6;
}

.am-spec li:last-child {
    border-bottom: none;
    /* حذف خط زیرین آیتم آخر */
}

.am-spec strong {
    color: #2b6cb0;
}

/* ===========================
   📱 تنظیمات موبایل (Responsive)
   =========================== */
@media (max-width: 768px) {

    h1,
    .h1 {
        font-size: 24px;
    }

    h2,
    .h2 {
        font-size: 20px;
        border-right-width: 3px;
    }

    h3,
    .h3 {
        font-size: 17px;
    }

    h4,
    .h4 {
        font-size: 15px;
    }
}