:root {
	--wd-text-font: IRANSansX;
	--wd-text-font-weight: 500;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: IRANSansX;
	--wd-title-font-weight: 800;
	--wd-title-color: #242424;
	--wd-entities-title-font: IRANSansX;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: IRANSans;
	--wd-widget-title-font: IRANSansX;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: IRANSansX;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(178,143,101);
	--wd-alternative-color: rgb(32,47,70);
	--btn-default-font-family: IRANSansX;
	--btn-default-bgcolor: rgb(178,143,101);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(178,143,101);
	--btn-accented-bgcolor-hover: rgb(178,143,101);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

 
/* =========================================
   TAJER KALA - PREMIUM SEARCH BOX
========================================= */

.wd-header-search-form {
    width: 100% !important;
    padding: 0 !important;
}


/* =========================================
   SEARCH FORM
========================================= */

.wd-header-search-form .searchform {
    position: relative !important;

    width: 100% !important;
    height: 58px !important;

    display: flex !important;
    align-items: center !important;

    background: #ffffff !important;

    border: 1px solid rgba(178, 143, 101, 0.18) !important;

    border-radius: 18px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.10) !important;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* =========================================
   FOCUS
========================================= */

.wd-header-search-form .searchform:focus-within {
    border-color: #B28F65 !important;

    box-shadow:
        0 0 0 4px rgba(178, 143, 101, 0.10),
        0 10px 30px rgba(0, 0, 0, 0.12) !important;
}


/* =========================================
   INPUT
========================================= */

.wd-header-search-form .searchform .s {
    width: 100% !important;
    height: 100% !important;

    padding: 0 24px 0 70px !important;

    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    color: #18222c !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    direction: rtl !important;

    box-sizing: border-box !important;
}


/* =========================================
   PLACEHOLDER
========================================= */

.wd-header-search-form .searchform .s::placeholder {
    color: #9ba2aa !important;

    opacity: 1 !important;
}


/* =========================================
   SEARCH BUTTON
========================================= */

.wd-header-search-form .searchform .searchsubmit {

    position: absolute !important;

    left: 7px !important;
    top: 7px !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    max-width: 44px !important;

    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border: 0 !important;

    border-radius: 13px !important;

    background-color: #B28F65 !important;

    background-repeat: no-repeat !important;

    background-position: center center !important;

    background-size: 19px 19px !important;

    /*
       SVG Magnifying Glass
    */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' stroke='white' stroke-width='2'/%3E%3Cpath d='M16 16L21 21' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;

    color: transparent !important;

    box-shadow: none !important;

    outline: none !important;

    overflow: hidden !important;

    transform: none !important;

    transition:
        background-color 0.3s ease,
        transform 0.3s ease !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}


/* =========================================
   REMOVE WOODMART NATIVE ICON
========================================= */

.wd-header-search-form .searchform .searchsubmit::before,
.wd-header-search-form .searchform .searchsubmit::after {

    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    border: 0 !important;

    background: none !important;

    box-shadow: none !important;
}


/* =========================================
   HIDE "SEARCH" TEXT
========================================= */

.wd-header-search-form .searchform .searchsubmit span {

    display: none !important;

    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;
}


/* =========================================
   HOVER
========================================= */

.wd-header-search-form .searchform .searchsubmit:hover {

    background-color: #C4A174 !important;

    transform: scale(1.04) !important;

    background-size: 20px 20px !important;
}


/* =========================================
   ACTIVE / FOCUS
========================================= */

.wd-header-search-form .searchform .searchsubmit:focus,
.wd-header-search-form .searchform .searchsubmit:active {

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================
   CLEAR BUTTON
========================================= */

.wd-header-search-form .wd-clear-search {

    left: 65px !important;

    right: auto !important;
}


/* =========================================
   PREVENT WOODMART ICON CONFLICT
========================================= */

.wd-header-search-form .searchform .searchsubmit i,
.wd-header-search-form .searchform .searchsubmit svg {

    display: none !important;

    visibility: hidden !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .wd-header-search-form .searchform {
        height: 54px !important;

        border-radius: 16px !important;
    }


    .wd-header-search-form .searchform .searchsubmit {

        left: 6px !important;
        top: 6px !important;

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        max-width: 42px !important;

        min-height: 42px !important;
        max-height: 42px !important;

        border-radius: 12px !important;

        background-size: 18px 18px !important;
    }


    .wd-header-search-form .searchform .s {

        padding-left: 62px !important;
        padding-right: 20px !important;

        font-size: 13px !important;
    }
}

// استایل دمه ها 
/* =====================================================
   TAJER KALA — HEADER ACTIONS
   CART / WISHLIST / ACCOUNT / CONSULTATION
===================================================== */


/* -----------------------------------------------------
   ستون اصلی
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}


/* -----------------------------------------------------
   سه آیکون
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-header-cart,

header.whb-header_254869 .whb-col-right
.wd-header-wishlist,

header.whb-header_254869 .whb-col-right
.wd-header-my-account {

    position: relative !important;

    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;
    max-width: 52px !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 15px !important;

    background: rgba(255,255,255,0.045) !important;

    border: 1px solid rgba(255,255,255,0.14) !important;

    box-sizing: border-box !important;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease !important;
}


/* -----------------------------------------------------
   لینک داخل Box
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-header-cart > a,

header.whb-header_254869 .whb-col-right
.wd-header-wishlist > a,

header.whb-header_254869 .whb-col-right
.wd-header-my-account > a {

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 15px !important;
}


/* -----------------------------------------------------
   خود آیکون
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-tools-icon {

    width: 22px !important;
    height: 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    transition:
        color .3s ease,
        transform .3s ease !important;
}


/* -----------------------------------------------------
   Hover
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-header-cart:hover,

header.whb-header_254869 .whb-col-right
.wd-header-wishlist:hover,

header.whb-header_254869 .whb-col-right
.wd-header-my-account:hover {

    background: rgba(178,143,101,0.12) !important;

    border-color: rgba(178,143,101,0.65) !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.20),
        0 0 18px rgba(178,143,101,0.06) !important;
}


/* آیکون هنگام Hover */

header.whb-header_254869 .whb-col-right
.wd-tools-element:hover .wd-tools-icon {

    color: #B28F65 !important;

    transform: scale(1.06) !important;
}


/* -----------------------------------------------------
   Badge تعداد
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-tools-count {

    position: absolute !important;

    top: -6px !important;
    right: -6px !important;

    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    min-height: 19px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #B28F65 !important;

    color: #ffffff !important;

    border: 2px solid #071522 !important;

    font-family: inherit !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    z-index: 10 !important;
}


/* متن «مورد» و اطلاعات قیمت سبد مخفی */
header.whb-header_254869 .whb-col-right
.wd-header-cart .wd-tools-text {

    display: none !important;
}


/* -----------------------------------------------------
   دکمه درخواست مشاوره
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.whb-button-wrapper {

    margin: 0 0 0 8px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* خود دکمه */

header.whb-header_254869 .whb-col-right
.whb-button-wrapper a {

    position: relative !important;

    height: 52px !important;

    min-height: 52px !important;

    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;

    border-radius: 15px !important;

    background: linear-gradient(
        135deg,
        #B28F65 0%,
        #c5a274 100%
    ) !important;

    border: 1px solid rgba(255,255,255,0.16) !important;

    color: #ffffff !important;

    font-size: 12px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow:
        0 8px 22px rgba(178,143,101,0.16) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease !important;
}


/* Hover دکمه */

header.whb-header_254869 .whb-col-right
.whb-button-wrapper a:hover {

    background: linear-gradient(
        135deg,
        #c4a174 0%,
        #d2b587 100%
    ) !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 12px 30px rgba(178,143,101,0.28) !important;

    color: #ffffff !important;
}


/* -----------------------------------------------------
   جلوگیری از تغییر رنگ توسط Woodmart
----------------------------------------------------- */

header.whb-header_254869 .whb-col-right
.wd-tools-element a {

    color: #ffffff !important;
}

header.whb-header_254869 .whb-col-right
.wd-tools-element a:hover {

    color: #ffffff !important;
}
/* =========================================
   HEADER BOTTOM — PREMIUM NAVY
   ========================================= */

.whb-header-bottom {
    background: #202E45 !important;
    border: none !important;

    /* خط ظریف طلایی زیر هدر */
    border-bottom: 1px solid rgba(178, 143, 101, 0.55) !important;

    position: relative !important;
    z-index: 100 !important;
}

.whb-header-bottom-inner {
    min-height: 62px !important;
    align-items: center !important;
}


/* =========================================
   CATEGORY BUTTON — GOLD
   ========================================= */

.whb-header-bottom .wd-header-cats .menu-opener {
    height: 42px !important;
    padding: 0 20px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    background: #B28F65 !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 9px !important;

    box-shadow: 0 5px 18px rgba(0,0,0,0.12) !important;

    transition: all .3s ease !important;
}

.whb-header-bottom .menu-open-label {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.whb-header-bottom .menu-opener-icon {
    margin: 0 !important;
}


/* Hover دسته بندی */

.whb-header-bottom .wd-header-cats .menu-opener:hover {
    background: #C09A6C !important;
    transform: translateY(-1px) !important;

    box-shadow: 0 7px 22px rgba(178,143,101,0.25) !important;
}


/* =========================================
   MAIN MENU
   ========================================= */

.whb-header-bottom .wd-header-main-nav {
    height: 62px !important;
}

.whb-header-bottom .wd-nav-main > li > a {
    height: 62px !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 17px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    transition: color .25s ease !important;
}


/* حذف استایل پس زمینه WoodMart */

.whb-header-bottom .wd-nav-main > li > a::before {
    display: none !important;
}


/* Hover */

.whb-header-bottom .wd-nav-main > li:hover > a {
    color: #B28F65 !important;
}


/* =========================================
   ACTIVE MENU
   ========================================= */

.whb-header-bottom .wd-nav-main > li.current-menu-item > a {
    color: #B28F65 !important;
    font-weight: 700 !important;
}


/* خط طلایی زیر آیتم فعال */

.whb-header-bottom .wd-nav-main > li.current-menu-item > a::after {
    content: "" !important;

    position: absolute !important;

    bottom: 8px !important;
    right: 17px !important;
    left: 17px !important;

    height: 2px !important;

    background: #B28F65 !important;

    border-radius: 20px !important;
}


/* =========================================
   CATEGORY DROPDOWN
   ========================================= */

.whb-header-bottom .wd-dropdown-cats {
    border-radius: 12px !important;
    overflow: hidden !important;

    border: 1px solid rgba(178,143,101,0.25) !important;

    box-shadow: 0 18px 45px rgba(0,0,0,.18) !important;
}

.whb-header-bottom .wd-dropdown-cats .woodmart-nav-link {
    padding: 11px 18px !important;

    color: #263445 !important;
    font-size: 13px !important;

    transition: all .2s ease !important;
}

.whb-header-bottom .wd-dropdown-cats li:hover > a {
    background: #F7F3ED !important;
    color: #B28F65 !important;
}


/* =========================================
   SPACING
   ========================================= */

.whb-header-bottom .whb-col-left {
    gap: 10px !important;
}

.whb-header-bottom .whb-col-center {
    padding-right: 15px !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 1024px) {
    .whb-header-bottom {
        display: none !important;
    }
}



/* =====================================================
   TAJER KALA - SHOP CUSTOM TOP + WOODMART SIDEBAR
   Banner + Categories = Full Width
   Filters + Products = 2 Columns
===================================================== */

@media (min-width: 1025px) {

    /* ---------------------------------------------
       1. فضای اصلی فروشگاه
    --------------------------------------------- */

    body.woocommerce-shop .site-content {
        position: relative;
    }


    /* ---------------------------------------------
       2. محتوای اختصاصی بالای فروشگاه
       بنر + دسته بندی = تمام عرض
    --------------------------------------------- */

    body.woocommerce-shop .wd-html-block {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ---------------------------------------------
       3. اگر HTML Block داخل ستون اصلی باشد،
       آن را از محدودیت ستون خارج می‌کنیم
    --------------------------------------------- */

    body.woocommerce-shop .content-layout-wrapper > .wd-html-block,
    body.woocommerce-shop .site-content > .container .wd-html-block {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* ---------------------------------------------
       4. حذف فضای خالی کنار بنر
    --------------------------------------------- */

    body.woocommerce-shop .content-layout-wrapper {
        position: relative;
    }


    /* ---------------------------------------------
       5. Sidebar فقط از قسمت محصولات شروع شود
    --------------------------------------------- */

    body.woocommerce-shop .sidebar-container {
        margin-top: var(--tk-sidebar-offset, 0px) !important;
    }


    /* ---------------------------------------------
       6. جلوگیری از ایجاد فضای خالی در بالای Sidebar
    --------------------------------------------- */

    body.woocommerce-shop .sidebar-container {
        align-self: flex-start !important;
    }


    /* ---------------------------------------------
       7. محصولات همچنان کنار فیلترها باشند
    --------------------------------------------- */

    body.woocommerce-shop .products.wd-products {
        position: relative;
    }

}






















/* =========================================================
   TAJER KALA — SHOP PAGE FINAL CSS
   WoodMart / WooCommerce
========================================================= */

@media (min-width: 1025px) {

    /* =====================================================
       1. بخش بالایی فروشگاه
       بنر + دسته بندی = بدون تغییر
    ===================================================== */

    body.woocommerce-shop .tajer-shop-top {
        width: 100% !important;
        max-width: 100% !important;
    }


    /* =====================================================
       2. بخش پایین فروشگاه
       فیلتر + محصولات = حداکثر 1300px
       
       توجه:
       این قانون فقط روی بخش آرشیو محصولات اعمال می‌شود
       و به بنر و دسته‌بندی بالا کاری ندارد.
    ===================================================== */

    body.woocommerce-shop .shop-content-area {
        width: 100% !important;
        max-width: 1300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* =====================================================
       3. SIDEBAR / FILTER
    ===================================================== */

    body.woocommerce-shop .sidebar-container {

        background: #ffffff !important;

        border: 1px solid #eeeeee !important;

        border-radius: 14px !important;

        padding: 18px !important;

        box-sizing: border-box !important;

        /* کمی بالاتر */
        position: relative !important;
        top: -12px !important;

        /* فاصله از محصولات */
        margin-right: 18px !important;
    }


    /* =====================================================
       4. عنوان فیلتر
    ===================================================== */

    body.woocommerce-shop .sidebar-container .widget-title {

        font-size: 15px !important;

        font-weight: 700 !important;

        color: #26344A !important;

        margin-top: 0 !important;

        margin-bottom: 15px !important;
    }


    /* =====================================================
       5. بخش‌های مختلف فیلتر
    ===================================================== */

    body.woocommerce-shop .sidebar-container .widget {

        padding-bottom: 15px !important;

        margin-bottom: 15px !important;

        border-bottom: 1px solid #eeeeee !important;
    }


    /* آخرین فیلتر */
    body.woocommerce-shop
    .sidebar-container
    .widget:last-child {

        border-bottom: none !important;

        margin-bottom: 0 !important;

        padding-bottom: 0 !important;
    }


    /* =====================================================
       6. آیتم‌های داخل فیلتر
    ===================================================== */

    body.woocommerce-shop
    .sidebar-container
    ul li {

        margin-bottom: 6px !important;
    }


    /* =====================================================
       7. فاصله فیلتر و محصولات
    ===================================================== */

    body.woocommerce-shop .sidebar-container {
        margin-right: 18px !important;
    }


    /* =====================================================
       8. کارت محصولات
       فقط کمی گرد می‌شود
       هیچ استایل دیگری تغییر نمی‌کند
    ===================================================== */

    body.woocommerce-shop .wd-product {

        border-radius: 12px !important;

        overflow: hidden !important;
    }

}


/* =========================================================
   MOBILE
   هیچ تغییر خاصی روی ساختار موبایل ایجاد نمی‌کنیم
========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-shop .wd-product {
        border-radius: 10px !important;
        overflow: hidden !important;
    }

}
@media (min-width: 1025px) {

    /* فیلتر WoodMart */
    body.woocommerce-shop .sidebar-container {
        background: #fff !important;
        border: 1px solid #eeeeee !important;
        border-radius: 14px !important;
        padding: 18px !important;
        box-sizing: border-box !important;

        position: relative !important;
        top: -10px !important;
    }

    /* عنوان فیلتر */
    body.woocommerce-shop .sidebar-container .widget-title {
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #26344A !important;
        margin-bottom: 14px !important;
    }

    /* بخش‌های فیلتر */
    body.woocommerce-shop .sidebar-container .widget {
        border-bottom: 1px solid #eeeeee !important;
        padding-bottom: 15px !important;
        margin-bottom: 15px !important;
    }

    body.woocommerce-shop .sidebar-container .widget:last-child {
        border-bottom: none !important;
    }

    /* فقط گرد شدن کارت محصول */
    body.woocommerce-shop .wd-product {
        border-radius: 12px !important;
        overflow: hidden !important;
    }
}



/* =========================================================
   TAJER KALA — SHOP WIDTH
   فقط صفحه فروشگاه
========================================================= */

@media (min-width: 1200px) {

    /* فقط کانتینر اصلی فروشگاه */
    body.woocommerce-shop #main-content > .container {
        width: 1200px !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

}


/* =========================================================
   SIDEBAR
========================================================= */

@media (min-width: 1200px) {

    body.woocommerce-shop #main-content .wd-sidebar {
        padding-right: 30px !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }


    /* گرید محصولات */

    body.woocommerce-shop #main-content .wd-content-area {
        padding-left: 30px !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }


    body.woocommerce-shop #main-content .wd-content-area .products {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    body.woocommerce-shop #main-content > .container {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }

}


/* =========================================================
   MOBILE SHOP
========================================================= */

@media (max-width: 767px) {

    body.woocommerce-shop #main-content > .container {
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
    }


    body.woocommerce-shop #main-content .wd-sidebar {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }


    body.woocommerce-shop #main-content .wd-content-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}




/* =========================================================
   TAJER KALA
   CART PAGE ONLY
   PAGE ID: post-9
   CONTENT WIDTH: 1300px
========================================================= */


/* =========================================================
   1. فقط محتوای صفحه سبد خرید
========================================================= */

#post-9 {
    width: 100% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* خود محتوای سبد خرید */

#post-9 .wp-block-woocommerce-cart {
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}


/* =========================================================
   2. Layout اصلی سبد خرید
========================================================= */

#post-9 .wc-block-components-sidebar-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 390px !important;
    gap: 30px !important;
    align-items: start !important;
}


/* =========================================================
   3. بخش محصولات
========================================================= */

#post-9 .wc-block-components-main {
    min-width: 0 !important;
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    padding: 25px 28px !important;
}


/* =========================================================
   4. هدر جدول
========================================================= */

#post-9 .wc-block-cart-items__header {
    border-bottom: 1px solid #eeeeee !important;
}


#post-9 .wc-block-cart-items__header th {
    padding-bottom: 17px !important;
    color: #777777 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}


/* =========================================================
   5. ردیف محصولات
========================================================= */

#post-9 .wc-block-cart-items__row {
    border-bottom: 1px solid #eeeeee !important;
}


#post-9 .wc-block-cart-items__row:last-child {
    border-bottom: 0 !important;
}


#post-9 .wc-block-cart-item__image,
#post-9 .wc-block-cart-item__product,
#post-9 .wc-block-cart-item__total {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}


/* =========================================================
   6. تصویر محصول
========================================================= */

#post-9 .wc-block-cart-item__image img {
    width: 90px !important;
    height: 90px !important;
    object-fit: contain !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    padding: 5px !important;
    background: #fafafa !important;
}


/* =========================================================
   7. نام محصول
========================================================= */

#post-9 .wc-block-components-product-name {
    display: block !important;
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    text-decoration: none !important;
}


#post-9 .wc-block-components-product-name:hover {
    color: #b28a3b !important;
}


/* =========================================================
   8. قیمت محصول
========================================================= */

#post-9 .wc-block-components-product-price {
    margin-top: 7px !important;
}


#post-9 .wc-block-components-product-price__regular {
    color: #aaaaaa !important;
    font-size: 12px !important;
}


#post-9 .wc-block-components-product-price__value {
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}


/* =========================================================
   9. توضیحات
========================================================= */

#post-9 .wc-block-components-product-metadata {
    margin-top: 5px !important;
}


#post-9 .wc-block-components-product-metadata__description p {
    margin: 0 !important;
    color: #999999 !important;
    font-size: 12px !important;
}


/* =========================================================
   10. تعداد محصول
========================================================= */

#post-9 .wc-block-components-quantity-selector {
    display: inline-flex !important;
    align-items: center !important;
    width: 105px !important;
    height: 38px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}


#post-9 .wc-block-components-quantity-selector input {
    width: 40px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #222222 !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}


#post-9 .wc-block-components-quantity-selector button {
    width: 32px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #555555 !important;
    font-size: 17px !important;
    cursor: pointer !important;
}


#post-9 .wc-block-components-quantity-selector button:hover {
    background: #f7f7f7 !important;
    color: #b28a3b !important;
}


/* =========================================================
   11. حذف محصول
========================================================= */

#post-9 .wc-block-cart-item__remove-link {
    margin-right: 10px !important;
    color: #999999 !important;
    font-size: 12px !important;
}


#post-9 .wc-block-cart-item__remove-link:hover {
    color: #c0392b !important;
}


#post-9 .wc-block-cart-item__remove-link svg {
    width: 17px !important;
    height: 17px !important;
}


/* =========================================================
   12. مبلغ هر محصول
========================================================= */

#post-9 .wc-block-cart-item__total {
    text-align: left !important;
    vertical-align: top !important;
}


#post-9 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}


#post-9 .wc-block-cart-item__total
.wc-block-components-formatted-money-amount {
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}


/* =========================================================
   13. Badge تخفیف
========================================================= */

#post-9 .wc-block-components-sale-badge {
    padding: 5px 8px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #f7f3ea !important;
    color: #9a7735 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}


/* =========================================================
   14. سایدبار جمع کل
========================================================= */

#post-9 .wc-block-cart__sidebar {
    width: 100% !important;
    padding: 25px !important;
    position: sticky !important;
    top: 25px !important;
    border: 1px solid #eeeeee !important;
    border-radius: 18px !important;
    background: #ffffff !important;
}


/* =========================================================
   15. عنوان جمع کل
========================================================= */

#post-9 .wc-block-cart__totals-title {
    margin: 0 0 20px !important;
    padding-bottom: 17px !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #222222 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}


/* =========================================================
   16. کوپن
========================================================= */

#post-9 .wc-block-components-totals-coupon {
    margin-bottom: 18px !important;
    padding-bottom: 18px !important;
    border-bottom: 1px solid #eeeeee !important;
}


#post-9 .wc-block-components-panel__button {
    color: #555555 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* =========================================================
   17. مبلغ نهایی
========================================================= */

#post-9 .wc-block-components-totals-footer-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 5px 0 20px !important;
}


#post-9 .wc-block-components-totals-item__label {
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


#post-9 .wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: #222222 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}


/* =========================================================
   18. دکمه پرداخت
========================================================= */

#post-9 .wc-block-cart__submit-container {
    margin-top: 5px !important;
}


#post-9 .wc-block-cart__submit-button {
    width: 100% !important;
    min-height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #222222 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .25s ease !important;
}


#post-9 .wc-block-cart__submit-button:hover {
    background: #b28a3b !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}


/* =========================================================
   19. TABLET
========================================================= */

@media (max-width: 1350px) {

    #post-9 {
        width: calc(100% - 40px) !important;
        max-width: 1300px !important;
    }

    #post-9 .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1fr) 350px !important;
        gap: 25px !important;
    }

}


/* =========================================================
   20. MOBILE
========================================================= */

@media (max-width: 767px) {

    #post-9 {
        width: calc(100% - 24px) !important;
        max-width: none !important;
    }


    #post-9 .wc-block-components-sidebar-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 18px !important;
    }


    #post-9 .wc-block-components-main {
        width: 100% !important;
        padding: 15px !important;
        border-radius: 15px !important;
    }


    /* هدر جدول مخفی */

    #post-9 .wc-block-cart-items__header {
        display: none !important;
    }


    /* محصول */

    #post-9 .wc-block-cart-items__row {
        display: grid !important;
        grid-template-columns: 75px minmax(0, 1fr) !important;
        column-gap: 14px !important;
        padding: 18px 0 !important;
    }


    #post-9 .wc-block-cart-item__image {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding: 0 !important;
    }


    #post-9 .wc-block-cart-item__product {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding: 0 !important;
        min-width: 0 !important;
    }


    #post-9 .wc-block-cart-item__total {
        grid-column: 2 !important;
        grid-row: 2 !important;
        padding: 10px 0 0 !important;
        text-align: right !important;
    }


    #post-9 .wc-block-cart-item__image img {
        width: 75px !important;
        height: 75px !important;
    }


    #post-9 .wc-block-components-product-name {
        font-size: 13px !important;
        line-height: 1.7 !important;
    }


    #post-9 .wc-block-components-product-metadata__description {
        display: none !important;
    }


    #post-9 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }


    #post-9 .wc-block-cart__sidebar {
        width: 100% !important;
        padding: 20px !important;
        position: static !important;
        border-radius: 15px !important;
    }


    #post-9 .wc-block-cart__submit-button {
        min-height: 50px !important;
    }

}


/* =========================================================
   21. موبایل خیلی کوچک
========================================================= */

@media (max-width: 420px) {

    #post-9 {
        width: calc(100% - 20px) !important;
    }


    #post-9 .wc-block-components-main {
        padding: 12px !important;
    }


    #post-9 .wc-block-cart-items__row {
        grid-template-columns: 65px minmax(0, 1fr) !important;
        column-gap: 11px !important;
    }


    #post-9 .wc-block-cart-item__image img {
        width: 65px !important;
        height: 65px !important;
    }


    #post-9 .wc-block-components-product-name {
        font-size: 12px !important;
    }

}





/* =========================================================
   TAJER KALA - CHECKOUT ONLY
   WooCommerce Blocks Checkout
   Right: Checkout Fields
   Left: Order Summary
   ========================================================= */


/* ---------- کانتینر اصلی Checkout ---------- */

.wc-block-checkout {
    width: 1300px !important;
    max-width: 1300px !important;
    margin: 0 auto !important;

    direction: rtl !important;
}


/* ---------- چیدمان اصلی ---------- */

.wc-block-checkout .wc-block-components-sidebar-layout {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) 430px !important;

    column-gap: 55px !important;

    align-items: start !important;

    width: 100% !important;
}


/* =========================================================
   ستون اصلی فرم
   سمت راست
   ========================================================= */

.wc-block-checkout
.wc-block-components-main {
    width: 100% !important;

    min-width: 0 !important;

    grid-column: 1 !important;

    margin: 0 !important;
}


/* =========================================================
   خلاصه سفارش
   سمت چپ
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar {
    width: 100% !important;

    min-width: 0 !important;

    grid-column: 2 !important;

    margin: 0 !important;

    position: sticky !important;

    top: 30px !important;

    align-self: start !important;
}


/* =========================================================
   جلوگیری از رفتن خلاصه سفارش زیر فرم
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar-layout
.wc-block-components-main,

.wc-block-checkout
.wc-block-components-sidebar-layout
.wc-block-components-sidebar {
    float: none !important;
}


/* =========================================================
   باکس‌های سمت راست
   اطلاعات تماس / صورتحساب / پرداخت
   ========================================================= */

.wc-block-checkout
.wc-block-components-checkout-step {
    width: 100% !important;

    box-sizing: border-box !important;

    margin-bottom: 22px !important;

    padding: 30px !important;

    border: 1px solid #e8e8e8 !important;

    border-radius: 22px !important;

    background: #ffffff !important;
}


/* عنوان بخش‌ها */

.wc-block-checkout
.wc-block-components-checkout-step__heading {
    margin-bottom: 25px !important;
}


/* عنوان */

.wc-block-checkout
.wc-block-components-checkout-step__title {
    margin: 0 !important;

    font-size: 20px !important;

    font-weight: 700 !important;
}


/* =========================================================
   فاصله بین فیلدها
   ========================================================= */

.wc-block-checkout
.wc-block-components-address-form {
    gap: 18px !important;
}


/* فیلدها */

.wc-block-checkout
.wc-block-components-text-input,
.wc-block-checkout
.wc-blocks-components-select {
    margin-bottom: 0 !important;
}


/* ظاهر Input */

.wc-block-checkout
.wc-block-components-text-input input,

.wc-block-checkout
.wc-blocks-components-select select {
    min-height: 62px !important;

    border-radius: 15px !important;

    border: 1px solid #dedede !important;

    background: #fff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   خلاصه سفارش سمت چپ
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar
.wp-block-woocommerce-checkout-order-summary-block {

    width: 100% !important;

    box-sizing: border-box !important;

    border: 1px solid #e8e8e8 !important;

    border-radius: 22px !important;

    background: #fff !important;

    padding: 30px !important;
}


/* عنوان خلاصه */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-checkout-order-summary__title {

    padding: 0 0 22px !important;

    margin: 0 !important;

    border-bottom: 1px solid #eeeeee !important;
}


/* متن عنوان */

.wc-block-checkout
.wc-block-components-checkout-order-summary__title-text {

    font-size: 20px !important;

    font-weight: 700 !important;

    margin: 0 !important;
}


/* =========================================================
   محصولات خلاصه سفارش
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-order-summary-item {

    position: relative !important;

    display: grid !important;

    grid-template-columns: 65px minmax(0, 1fr) !important;

    gap: 14px !important;

    padding: 20px 0 !important;

    border-bottom: 1px solid #eeeeee !important;
}


/* تصویر محصول */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-order-summary-item__image {

    width: 65px !important;

    height: 65px !important;
}


.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-order-summary-item__image img {

    width: 65px !important;

    height: 65px !important;

    object-fit: contain !important;

    border-radius: 12px !important;

    border: 1px solid #eeeeee !important;
}


/* نام محصول */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-product-name {

    font-size: 14px !important;

    line-height: 1.8 !important;

    font-weight: 600 !important;

    margin: 0 0 5px !important;
}


/* تعداد محصول */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-order-summary-item__quantity {

    position: absolute !important;

    top: 12px !important;

    right: 52px !important;

    width: 22px !important;

    height: 22px !important;

    border-radius: 50% !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    font-size: 11px !important;
}


/* قیمت */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-order-summary-item__total-price {

    font-size: 14px !important;

    font-weight: 700 !important;
}


/* =========================================================
   قیمت تخفیف
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-sale-badge {

    margin-top: 7px !important;

    font-size: 11px !important;

    border-radius: 8px !important;

    padding: 5px 8px !important;
}


/* =========================================================
   جمع جزء و مجموع
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-totals-item {

    padding: 13px 0 !important;
}


.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-totals-footer-item {

    padding-top: 20px !important;

    margin-top: 5px !important;

    border-top: 1px solid #eeeeee !important;

    font-size: 18px !important;

    font-weight: 700 !important;
}


/* =========================================================
   کوپن
   ========================================================= */

.wc-block-checkout
.wc-block-components-sidebar
.wc-block-components-totals-coupon {

    margin: 10px 0 !important;
}


/* =========================================================
   دکمه ثبت سفارش
   ========================================================= */

.wc-block-checkout
.wc-block-components-checkout-place-order-button {

    min-height: 58px !important;

    border-radius: 15px !important;

    font-size: 16px !important;

    font-weight: 700 !important;
}


/* =========================================================
   جلوگیری از فاصله‌های اضافی داخلی
   ========================================================= */

.wc-block-checkout
.wc-block-components-checkout-step__content {

    margin: 0 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1350px) {

    .wc-block-checkout {
        width: calc(100% - 40px) !important;
        max-width: none !important;
    }

    .wc-block-checkout
    .wc-block-components-sidebar-layout {
        column-gap: 35px !important;

        grid-template-columns: minmax(0, 1fr) 390px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

    .wc-block-checkout {
        width: calc(100% - 30px) !important;
    }

    .wc-block-checkout
    .wc-block-components-sidebar-layout {

        display: flex !important;

        flex-direction: column !important;

        gap: 20px !important;
    }

    .wc-block-checkout
    .wc-block-components-main,

    .wc-block-checkout
    .wc-block-components-sidebar {

        width: 100% !important;

        grid-column: auto !important;

        position: static !important;
    }

    .wc-block-checkout
    .wc-block-components-checkout-step {

        padding: 22px !important;

        margin-bottom: 15px !important;
    }

    .wc-block-checkout
    .wc-block-components-sidebar
    .wp-block-woocommerce-checkout-order-summary-block {

        padding: 22px !important;
    }
}














/* =========================================================
   TAJER KALA
   SINGLE BLOG POST ONLY
   CONTENT + SIDEBAR SIDE BY SIDE
   ========================================================= */


/* =========================================================
   فقط صفحه تکی مقاله
   ========================================================= */

body:has(article.post-single-page) #main-content {
    display: grid !important;
    grid-template-columns: minmax(0, 9fr) minmax(280px, 3fr) !important;
    gap: 30px !important;
    align-items: start !important;
}


/* محتوا */

body:has(article.post-single-page) #main-content > .wd-content-area {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 !important;
}


/* سایدبار */

body:has(article.post-single-page) #main-content > .wd-sidebar {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}


/* =========================================================
   کارت اصلی مقاله
   ========================================================= */

body:has(article.post-single-page) article.post-single-page {
    background: #ffffff !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 26px !important;
    padding: 0 !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 35px rgba(23, 38, 61, 0.07),
        0 2px 8px rgba(23, 38, 61, 0.03) !important;

    margin: 0 0 30px !important;
}


/* =========================================================
   هدر مقاله
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-single-post-header {
    padding: 32px 35px 0 !important;
}


/* =========================================================
   دسته بندی
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-post-cat {
    margin: 0 0 17px !important;
}

body:has(article.post-single-page) article.post-single-page .wd-post-cat a {
    display: inline-flex !important;
    align-items: center !important;

    padding: 7px 16px !important;

    background: #f7f3e9 !important;
    color: #b18a32 !important;

    border: 1px solid #e4d29f !important;
    border-radius: 30px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition: all .25s ease !important;
}

body:has(article.post-single-page) article.post-single-page .wd-post-cat a:hover {
    background: #c8a24d !important;
    color: #ffffff !important;
}


/* =========================================================
   عنوان مقاله
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-post-title {
    color: #17263d !important;

    font-size: 36px !important;
    font-weight: 800 !important;

    line-height: 1.65 !important;

    margin: 0 0 22px !important;
}


/* =========================================================
   متادیتای مقاله
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-post-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    padding: 13px 17px !important;
    margin-bottom: 28px !important;

    background: #f8fafc !important;

    border: 1px solid #edf0f3 !important;
    border-radius: 14px !important;

    font-size: 13px !important;
}


/* =========================================================
   تصویر شاخص
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-post-image {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    position: relative !important;
}


body:has(article.post-single-page) article.post-single-page .wd-post-image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    border-radius: 20px !important;

    transition: transform .5s ease !important;
}


body:has(article.post-single-page) article.post-single-page .wd-post-image:hover img {
    transform: scale(1.015) !important;
}


/* خط طلایی */

body:has(article.post-single-page) article.post-single-page .wd-post-image::after {
    content: "" !important;

    position: absolute !important;

    right: 35px !important;
    left: 35px !important;
    bottom: 0 !important;

    height: 4px !important;

    background: #c8a24d !important;

    border-radius: 10px 10px 0 0 !important;
}


/* =========================================================
   محتوای مقاله
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content {
    padding: 35px !important;

    color: #4f5b6b !important;

    font-size: 17px !important;
    line-height: 2.25 !important;

    text-align: right !important;
}


body:has(article.post-single-page) article.post-single-page .wd-entry-content p {
    color: #505d6d !important;

    font-size: 17px !important;
    line-height: 2.25 !important;

    margin: 0 0 20px !important;
}


/* =========================================================
   H2
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content h2 {
    position: relative !important;

    color: #17263d !important;

    font-size: 24px !important;
    font-weight: 800 !important;

    line-height: 1.8 !important;

    margin: 45px 0 22px !important;

    padding: 13px 18px !important;

    background: #f8fafc !important;

    border-right: 4px solid #c8a24d !important;

    border-radius: 10px !important;
}


/* =========================================================
   H3
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content h3 {
    color: #17263d !important;

    font-size: 19px !important;
    font-weight: 800 !important;

    margin: 30px 0 10px !important;

    padding-right: 13px !important;

    border-right: 3px solid #d8b56a !important;
}


/* =========================================================
   متن Bold
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content strong {
    color: #17263d !important;
    font-weight: 800 !important;
}


/* =========================================================
   اولین پاراگراف
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content > p:first-child {
    font-size: 18px !important;

    color: #27364c !important;

    font-weight: 500 !important;
}


/* =========================================================
   آخرین پاراگراف
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content > p:last-child {
    background: #f8fafc !important;

    border-right: 4px solid #c8a24d !important;

    border-radius: 12px !important;

    padding: 18px 20px !important;

    color: #27364c !important;

    font-weight: 600 !important;
}


/* =========================================================
   لینک‌ها
   ========================================================= */

body:has(article.post-single-page) article.post-single-page .wd-entry-content a {
    color: #b18a32 !important;

    text-decoration: none !important;

    font-weight: 600 !important;
}


/* =========================================================
   FOOTER مقاله
   ========================================================= */

body:has(article.post-single-page) .wd-single-footer {
    margin: 0 30px 30px !important;

    padding: 18px 20px !important;

    background: #f8fafc !important;

    border: 1px solid #e7ebf0 !important;

    border-radius: 15px !important;
}


/* =========================================================
   SIDEBAR DESIGN
   فقط صفحه مقاله
   ========================================================= */

body:has(article.post-single-page) .wd-sidebar {
    position: relative !important;
}


body:has(article.post-single-page) .wd-sidebar .widget-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}


body:has(article.post-single-page) .wd-sidebar .wd-widget {
    background: #ffffff !important;

    border: 1px solid #e7ebf0 !important;

    border-radius: 18px !important;

    padding: 22px !important;

    box-shadow: 0 8px 25px rgba(23, 38, 61, 0.05) !important;
}


/* عنوان ویجت */

body:has(article.post-single-page) .wd-sidebar .wp-block-heading {
    color: #17263d !important;

    font-size: 18px !important;

    font-weight: 800 !important;

    margin: 0 0 18px !important;

    padding-right: 12px !important;

    border-right: 3px solid #c8a24d !important;
}


/* لینک‌های نوشته‌های تازه */

body:has(article.post-single-page) .wd-sidebar a {
    color: #39485c !important;

    transition: all .2s ease !important;
}


body:has(article.post-single-page) .wd-sidebar a:hover {
    color: #b18a32 !important;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media (max-width: 991px) {

    body:has(article.post-single-page) #main-content {
        display: block !important;
    }

    body:has(article.post-single-page) #main-content > .wd-content-area {
        width: 100% !important;
    }

    body:has(article.post-single-page) #main-content > .wd-sidebar {
        width: 100% !important;
        margin-top: 25px !important;
    }

}


@media (max-width: 767px) {

    body:has(article.post-single-page) article.post-single-page {
        border-radius: 18px !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-single-post-header {
        padding: 22px 20px 0 !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-post-title {
        font-size: 25px !important;
        line-height: 1.7 !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-entry-content {
        padding: 25px 20px !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-entry-content p {
        font-size: 16px !important;
        line-height: 2.15 !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-entry-content h2 {
        font-size: 20px !important;
        margin-top: 35px !important;
    }

    body:has(article.post-single-page) article.post-single-page .wd-post-image,
    body:has(article.post-single-page) article.post-single-page .wd-post-image img {
        border-radius: 15px !important;
    }

    body:has(article.post-single-page) .wd-single-footer {
        margin: 0 20px 20px !important;
    }

}

body:has(article.post-single-page) #main-content {
    display: grid !important;

    width: 1300px !important;
    max-width: 1300px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    grid-template-columns: minmax(0, 1fr) 325px !important;
    gap: 30px !important;

    align-items: start !important;
}









/* =========================================================
   TAJER KALA - BLOG ARCHIVE + SINGLE POST
   فقط مخصوص وبلاگ
   عرض کلی: 1300px
   محتوا + سایدبار کنار هم
   ========================================================= */


/* =========================================================
   1. BLOG ARCHIVE
   فقط صفحاتی که Blog Loop دارند
   ========================================================= */

body:has(.wd-blog-holder) #main-content{
    width: 1300px !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(280px, 1fr) !important;
    gap: 30px !important;

    direction: ltr !important;
    align-items: start !important;
}


/* محتوا */
body:has(.wd-blog-holder) #main-content > .wd-content-area{
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 1 !important;
    direction: rtl !important;
}


/* سایدبار */
body:has(.wd-blog-holder) #main-content > .wd-sidebar{
    width: 100% !important;
    max-width: 100% !important;
    grid-column: 2 !important;
    direction: rtl !important;

    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   2. BLOG GRID
   ========================================================= */

body:has(.wd-blog-holder) .wd-blog-element{
    width: 100% !important;
}


body:has(.wd-blog-holder) .wd-posts.wd-blog-holder{
    width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;

    margin: 0 !important;
}


/* =========================================================
   3. کارت‌های مقالات
   ========================================================= */

body:has(.wd-blog-holder) .wd-post{
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow: 0 4px 18px rgba(0,0,0,.045) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease !important;
}


body:has(.wd-blog-holder) .wd-post:hover{
    transform: translateY(-3px) !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.08) !important;
}


/* =========================================================
   4. مقاله اول = کارت بزرگ
   ========================================================= */

body:has(.wd-blog-holder) .wd-post:first-child{
    grid-column: span 2 !important;
}


body:has(.wd-blog-holder) .wd-post:first-child .wd-post-inner{
    display: flex !important;
    flex-direction: row !important;
    min-height: 285px !important;
}


/* تصویر مقاله اول */
body:has(.wd-blog-holder) .wd-post:first-child .wd-post-thumb{
    width: 58% !important;
    flex: 0 0 58% !important;

    min-height: 285px !important;
}


/* محتوای مقاله اول */
body:has(.wd-blog-holder) .wd-post:first-child .wd-post-content{
    width: 42% !important;
    flex: 0 0 42% !important;

    padding: 25px 22px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    direction: rtl !important;
}


/* تصویر */
body:has(.wd-blog-holder) .wd-post-img,
body:has(.wd-blog-holder) .wd-post-img img{
    width: 100% !important;
    height: 100% !important;
}


body:has(.wd-blog-holder) .wd-post-img{
    overflow: hidden !important;
}


body:has(.wd-blog-holder) .wd-post-img img{
    object-fit: cover !important;

    transition: transform .35s ease !important;
}


body:has(.wd-blog-holder) .wd-post:hover .wd-post-img img{
    transform: scale(1.035) !important;
}


/* =========================================================
   5. کارت‌های معمولی
   ========================================================= */

body:has(.wd-blog-holder) .wd-post:not(:first-child) .wd-post-thumb{
    width: 100% !important;
    height: 145px !important;
}


body:has(.wd-blog-holder) .wd-post:not(:first-child) .wd-post-content{
    padding: 17px 16px 18px !important;
    direction: rtl !important;
}


/* =========================================================
   6. عنوان مقاله
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-title{
    margin: 10px 0 10px !important;

    font-size: 16px !important;
    line-height: 1.8 !important;

    font-weight: 700 !important;

    color: #17243a !important;
}


body:has(.wd-blog-holder) .wd-post-title a{
    color: #17243a !important;
}


body:has(.wd-blog-holder) .wd-post-title a:hover{
    color: #b28a45 !important;
}


/* عنوان مقاله بزرگ */
body:has(.wd-blog-holder) .wd-post:first-child .wd-post-title{
    font-size: 20px !important;
    line-height: 1.9 !important;
}


/* =========================================================
   7. دسته‌بندی
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-cat{
    display: inline-flex !important;
    width: fit-content !important;

    margin-bottom: 4px !important;
}


body:has(.wd-blog-holder) .wd-post-cat a{
    display: inline-block !important;

    padding: 4px 9px !important;

    border-radius: 5px !important;

    background: #f5f7fa !important;

    color: #8a6a38 !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   8. خلاصه مقاله
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-excerpt{
    margin-top: 5px !important;

    color: #6f7782 !important;

    font-size: 12px !important;
    line-height: 2 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}


/* =========================================================
   9. متا
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-meta{
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin-top: 8px !important;

    font-size: 10px !important;
    color: #999 !important;
}


body:has(.wd-blog-holder) .wd-post-author{
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}


/* =========================================================
   10. ادامه مطالعه
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-read-more{
    margin-top: 12px !important;
}


body:has(.wd-blog-holder) .wd-post-read-more a{
    font-size: 11px !important;

    color: #b28a45 !important;

    font-weight: 600 !important;
}


body:has(.wd-blog-holder) .wd-post-read-more a:hover{
    color: #8e6b32 !important;
}


/* =========================================================
   11. تاریخ روی تصویر
   ========================================================= */

body:has(.wd-blog-holder) .wd-post-date{
    border-radius: 6px !important;

    overflow: hidden !important;
}


body:has(.wd-blog-holder) .wd-post-date-day{
    font-size: 14px !important;
}


body:has(.wd-blog-holder) .wd-post-date-month{
    font-size: 9px !important;
}


/* =========================================================
   12. SIDEBAR
   ========================================================= */

body:has(.wd-blog-holder) .wd-sidebar{
    background: transparent !important;
}


body:has(.wd-blog-holder) .widget-area{
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}


/* هر ویجت یک کارت */
body:has(.wd-blog-holder) .sidebar-widget{
    background: #ffffff !important;

    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;

    padding: 18px !important;

    box-shadow: 0 4px 18px rgba(0,0,0,.035) !important;

    margin: 0 !important;
}


/* عنوان سایدبار */
body:has(.wd-blog-holder) .sidebar-widget h2{
    margin: 0 0 14px !important;

    font-size: 14px !important;
    line-height: 1.8 !important;

    color: #17243a !important;

    font-weight: 700 !important;
}


/* =========================================================
   13. SEARCH SIDEBAR
   ========================================================= */

body:has(.wd-blog-holder) .widget_search form{
    margin: 0 !important;
}


body:has(.wd-blog-holder) .widget_search .wp-block-search__label{
    display: block !important;

    margin-bottom: 10px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    color: #17243a !important;
}


body:has(.wd-blog-holder) .widget_search .wp-block-search__inside-wrapper{
    display: flex !important;

    border: 1px solid #e7e7e7 !important;

    border-radius: 7px !important;

    overflow: hidden !important;
}


body:has(.wd-blog-holder) .widget_search input{
    min-width: 0 !important;

    border: 0 !important;

    box-shadow: none !important;

    background: #fafafa !important;

    font-size: 11px !important;

    padding: 10px !important;
}


body:has(.wd-blog-holder) .widget_search button{
    border: 0 !important;

    border-radius: 0 !important;

    background: #17243a !important;

    color: #ffffff !important;

    font-size: 11px !important;

    padding: 0 14px !important;
}


/* =========================================================
   14. لیست نوشته‌های تازه
   ========================================================= */

body:has(.wd-blog-holder) .wp-block-latest-posts{
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body:has(.wd-blog-holder) .wp-block-latest-posts li{
    margin: 0 !important;

    padding: 10px 0 !important;

    border-bottom: 1px solid #f0f0f0 !important;
}


body:has(.wd-blog-holder) .wp-block-latest-posts li:last-child{
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}


body:has(.wd-blog-holder) .wp-block-latest-posts a{
    color: #424b58 !important;

    font-size: 11px !important;

    line-height: 1.9 !important;
}


body:has(.wd-blog-holder) .wp-block-latest-posts a:hover{
    color: #b28a45 !important;
}


/* =========================================================
   15. دسته‌ها و آرشیو
   ========================================================= */

body:has(.wd-blog-holder) .wp-block-categories,
body:has(.wd-blog-holder) .wp-block-archives{
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


body:has(.wd-blog-holder) .wp-block-categories li,
body:has(.wd-blog-holder) .wp-block-archives li{
    padding: 7px 0 !important;

    border-bottom: 1px solid #f1f1f1 !important;
}


body:has(.wd-blog-holder) .wp-block-categories a,
body:has(.wd-blog-holder) .wp-block-archives a{
    font-size: 11px !important;

    color: #59616d !important;
}


body:has(.wd-blog-holder) .wp-block-categories a:hover,
body:has(.wd-blog-holder) .wp-block-archives a:hover{
    color: #b28a45 !important;
}


/* =========================================================
   16. SINGLE BLOG POST
   ========================================================= */

body.single-post #main-content{
    width: 1300px !important;
    max-width: 1300px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 3fr)
        minmax(280px, 1fr) !important;

    gap: 30px !important;

    direction: ltr !important;

    align-items: start !important;
}


body.single-post #main-content > .wd-content-area{
    grid-column: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    direction: rtl !important;
}


body.single-post #main-content > .wd-sidebar{
    grid-column: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    direction: rtl !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   17. مقاله تکی
   ========================================================= */

body.single-post .wd-single-post{
    background: #ffffff !important;

    border: 1px solid #eeeeee !important;

    border-radius: 14px !important;

    padding: 30px !important;

    box-shadow: 0 5px 22px rgba(0,0,0,.04) !important;
}


/* =========================================================
   18. RESPONSIVE
   ========================================================= */

@media (max-width: 1400px){

    body:has(.wd-blog-holder) #main-content,
    body.single-post #main-content{
        width: calc(100% - 40px) !important;
        max-width: 1300px !important;
    }

}


@media (max-width: 900px){

    body:has(.wd-blog-holder) #main-content,
    body.single-post #main-content{
        display: block !important;

        width: calc(100% - 30px) !important;

        max-width: 100% !important;
    }


    body:has(.wd-blog-holder) #main-content > .wd-sidebar,
    body.single-post #main-content > .wd-sidebar{
        margin-top: 25px !important;
    }


    body:has(.wd-blog-holder) .wd-posts.wd-blog-holder{
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child{
        grid-column: span 2 !important;
    }

}


@media (max-width: 600px){

    body:has(.wd-blog-holder) #main-content,
    body.single-post #main-content{
        width: calc(100% - 20px) !important;
    }


    body:has(.wd-blog-holder) .wd-posts.wd-blog-holder{
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child{
        grid-column: span 1 !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child .wd-post-inner{
        display: block !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child .wd-post-thumb,
    body:has(.wd-blog-holder) .wd-post:first-child .wd-post-content{
        width: 100% !important;
        flex: none !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child .wd-post-thumb{
        height: 210px !important;
        min-height: 210px !important;
    }


    body:has(.wd-blog-holder) .wd-post:first-child .wd-post-content{
        padding: 18px !important;
    }

}