/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* کارت اصلی ادیشن: ۳ ستون کاملاً هم‌سطح */
.kr-be-edition-card {
    display: grid;
    grid-template-columns: 1.4fr 1fr 250px; /* مشخصات | قیمت/دکمه | تصویر */
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.04);
    overflow: hidden;
    align-items: stretch; /* ستون‌ها دقیقاً هم‌ارتفاع */
}

/* تصویر کتاب – ستون آخر، سمت راست */
.kr-be-edition-card__image {
    grid-column: 3;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-right: 1px dashed #efefef;
}
.kr-be-edition-card__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

/* از بین بردن رفتار پیش‌فرض بدنه */
.kr-be-edition-card__body {
    display: contents;
}

/* ستون مشخصات کتاب – ستون سمت چپ */
.kr-be-edition-card__meta {
    grid-column: 1;
    padding: 1.2rem;
    background: #fafafa;
    border-radius: 10px;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    font-size: 0.95rem;
    color: #444;
}

.kr-be-meta-item strong {
    font-weight: 600;
    margin-left: 4px;
}

/* ستون قیمت + دکمه – ستون وسط */
.kr-be-edition-card__footer {
    grid-column: 2;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6rem;
    border-right: 1px dashed #ddd; /* خط چین بین مشخصات و ستون قیمت */
}

/* قیمت */
.kr-be-edition-card__price {
    font-size: 1.15rem;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
}

.kr-be-edition-card__stock {
    font-size: 0.9rem;
    color: #666;
}

/* دکمه افزودن به سبد – بزرگتر و تمام‌عرض */
.kr-be-edition-card__button .button {
    width: 100%;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
}

/* توضیح نسخه (اگر وجود داشته باشد) زیر دو ستون اول قرار بگیرد */
.kr-be-edition-card__note {
    grid-column: 1 / span 2;
    background: #fff9e4;
    margin: 0 1rem 1rem 1rem;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #666;
}

/* ریسپانسیو */
@media (max-width: 900px) {
    .kr-be-edition-card {
        grid-template-columns: 1fr;
    }
    .kr-be-edition-card__image {
        grid-column: 1;
        border-right: 0;
        border-bottom: 1px dashed #eee;
    }
    .kr-be-edition-card__meta,
    .kr-be-edition-card__footer {
        grid-column: 1;
        border-right: 0;
        margin: 0.7rem;
    }
    .kr-be-edition-card__button .button {
        width: 100%;
    }
}
/* کارت اصلی ادیشن: ۳ ستون در یک ردیف */
.kr-be-edition-card {
    display: grid;
    grid-template-columns: 250px 1fr 1.4fr; /* تصویر | قیمت/دکمه | مشخصات */
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.04);
    overflow: hidden;
    align-items: stretch;
}

/* هر سه ستون را مجبور می‌کنیم در ردیف اول باشند */
.kr-be-edition-card__image,
.kr-be-edition-card__meta,
.kr-be-edition-card__footer {
    grid-row: 1;
}

/* تصویر کتاب – حالا ستون اول (سمت چپ) */
.kr-be-edition-card__image {
    grid-column: 1;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border-right: 1px dashed #efefef;
}
.kr-be-edition-card__image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

/* حذف چینش بدنه */
.kr-be-edition-card__body {
    display: contents;
}

/* ستون وسط – قیمت + دکمه، با خط‌چین جداکننده */
.kr-be-edition-card__footer {
    grid-column: 2;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6rem;
    border-right: 1px dashed #ddd; /* جدا از ستون مشخصات */
}

.kr-be-edition-card__price {
    font-size: 1.15rem;
    font-weight: 700;
    color: #222;
    white-space: nowrap;
}
.kr-be-edition-card__stock {
    font-size: 0.9rem;
    color: #666;
}
.kr-be-edition-card__button .button {
    width: 100%;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
}

/* ستون سوم – مشخصات کتاب */
.kr-be-edition-card__meta {
    grid-column: 3;
    padding: 1.2rem;
    background: #fafafa;
    border-radius: 10px;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    font-size: 0.95rem;
    color: #444;
}
.kr-be-meta-item strong {
    font-weight: 600;
    margin-left: 4px;
}

/* توضیح نسخه در ردیف دوم، زیر دو ستون آخر */
.kr-be-edition-card__note {
    grid-column: 2 / span 2;
    grid-row: 2;
    background: #fff9e4;
    margin: 0 1rem 1rem 1rem;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #666;
}

/* ریسپانسیو */
@media (max-width: 900px) {
    .kr-be-edition-card {
        grid-template-columns: 1fr;
    }
    .kr-be-edition-card__image,
    .kr-be-edition-card__meta,
    .kr-be-edition-card__footer {
        grid-column: 1;
        grid-row: auto;
        border-right: 0;
    }
    .kr-be-edition-card__image {
        border-bottom: 1px dashed #eee;
    }
    .kr-be-edition-card__meta,
    .kr-be-edition-card__footer {
        margin: 0.7rem;
    }
    .kr-be-edition-card__button .button {
        width: 100%;
    }
}
/* فاصله از چپ و راست کارت */
.kr-be-edition-card {
    margin: 0 100px; /* اضافه شد */
    display: grid;
    grid-template-columns: 250px 1fr 1.4fr; 
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.04);
    overflow: hidden;
    align-items: stretch;
}

/* مجبور کردن سه ستون روی یک ردیف */
.kr-be-edition-card__image,
.kr-be-edition-card__meta,
.kr-be-edition-card__footer {
    grid-row: 1;
}

/* تصویر کتاب */
.kr-be-edition-card__image {
    grid-column: 1;
    background: #fafafa;
    padding: 1rem;
    border-right: 1px dashed #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kr-be-edition-card__image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: contain;
}

/* حذف رفتار بدنه */
.kr-be-edition-card__body {
    display: contents;
}

/* ستون وسط (قیمت و دکمه) */
.kr-be-edition-card__footer {
    grid-column: 2;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* قیمت برود بالا */
    align-items: center;         /* مرکز افقی */
    gap: 0.8rem;
    border-right: 1px dashed #ddd;
}

/* قیمت – آوردن به بالا و وسط */
.kr-be-edition-card__price {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

/* دکمه ۳۰٪ کوچک‌تر */
.kr-be-edition-card__button .button {
    width: 70%;      /* کوچک‌تر از قبل */
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    margin: 0 auto; /* وسط */
}

.kr-be-edition-card__stock {
    font-size: 0.85rem;
    color: #666;
    text-align: center;
    width: 100%;
}

/* ستون سوم – مشخصات کتاب وسط‌چین عمودی + افقی */
.kr-be-edition-card__meta {
    grid-column: 3;
    padding: 1.2rem;
    background: #fafafa;
    border-radius: 10px;
    margin: 1rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 4px 14px rgba(0,0,0,0.05);

    display: flex;
    flex-direction: column;
    justify-content: center;  /* وسط عمودی */
    align-items: center;       /* وسط افقی */
    text-align: center;        /* متن هم وسط */
    gap: 0.4rem;
    font-size: 0.95rem;
    color: #444;
}

.kr-be-meta-item strong {
    font-weight: 600;
}

/* توضیح نسخه */
.kr-be-edition-card__note {
    grid-column: 2 / span 2;
    grid-row: 2;
    background: #fff9e4;
    margin: 0 1rem 1rem 1rem;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #666;
}

/* ریسپانسیو */
@media (max-width: 900px) {
    .kr-be-edition-card {
        grid-template-columns: 1fr;
        margin: 0 10px;
    }
    .kr-be-edition-card__image,
    .kr-be-edition-card__meta,
    .kr-be-edition-card__footer {
        grid-column: 1;
        grid-row: auto;
        border-right: 0;
        text-align: center;
    }
    .kr-be-edition-card__image {
        border-bottom: 1px dashed #eee;
    }
    .kr-be-edition-card__button .button {
        width: 100%;
    }
}
/* ستون وسط: قیمت + موجودی + دکمه */
.kr-be-edition-card__footer {
    grid-column: 2;
    padding: 1.5rem 1rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-right: 1px dashed #ddd;
}

/* یک فضای خالی بالای ستون برای پایین آوردن قیمت و دکمه */
.kr-be-edition-card__footer::before {
    content: "";
    flex: 1;   /* باعث می‌شود محتوا به نیمه پایین ستون برود */
}

/* قیمت و موجودی تقریباً وسط ستون، وسط‌چین */
.kr-be-edition-card__price,
.kr-be-edition-card__stock {
    width: 100%;
    text-align: center;
}

.kr-be-edition-card__price {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

/* دکمه کاملاً پایین ستون و عریض */
.kr-be-edition-card__button {
    width: 100%;
    margin-top: 0.75rem;
}

.kr-be-edition-card__button .button {
    width: 100%;      /* عریض */
    padding: 0.7rem 1rem;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
}
@media (max-width: 900px) {

    /* دو ستون اول: عکس + مشخصات در یک ردیف */
    .kr-be-edition-card {
        display: grid;
        grid-template-columns: 1fr 1fr; /* دو ستون در موبایل */
        grid-template-rows: auto auto; /* ردیف اول = عکس + مشخصات / ردیف دوم = قیمت + دکمه */
        margin: 0 10px;
    }

    /* تصویر در ستون 1 ردیف 1 */
    .kr-be-edition-card__image {
        grid-column: 1;
        grid-row: 1;
        border-bottom: 0;
        border-right: 1px dashed #eee;
    }

    /* مشخصات در ستون 2 ردیف 1 */
    .kr-be-edition-card__meta {
        grid-column: 2;
        grid-row: 1;
        margin: 0.7rem;
        border-right: 0;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    /* قیمت + دکمه در ردیف دوم، کل عرض */
    .kr-be-edition-card__footer {
        grid-column: 1 / span 2; /* هر دو ستون */
        grid-row: 2;
        border-right: 0;
        border-top: 1px dashed #eee;
        padding-top: 1.2rem;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* دکمه همچنان تمام‌عرض */
    .kr-be-edition-card__button .button {
        width: 100%;
    }
}