/*
Theme Name:  DinaKala Child
Description: DinaKala Child Theme
Author:      Meysam Hosseinkhani
Author URI:  https://i-design.ir
Template:    dinakala
Version:     1.0.0
Text Domain: dina-kala
*/

.product-button {
    display: inline-block;
    padding: 6px 12px;
    background-color: var(--dina-add-btn-color, #28A745);
    color: var(--dina-add-btn-text-color, #FFFFFF);
    font-family: dana, Arial, sans-serif, tahoma; /* ارث‌بری فونت قالب */
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: var(--dina-input-border-radius, 4px);
    transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.product-button:hover {
    background-color: var(--dina-read-product-hover-color, #1E7E34);
    transform: scale(1.05);
}

/* آیکون سبد خرید */
.product-button::before {
    content: '\f217';
    font-family: fal-icon;
    margin-left: 18px;
    font-size: 21px;
    vertical-align: middle;
    width: 23px;
    display: inline-block;
}

/* افکت پس‌زمینه در حالت RTL */
.rtl .product-button::after {
    content: "";
    position: absolute;
    right: -20px;
    top: -7px;
    height: 80px;
    width: 66px;
    background: hsla(0, 0%, 100%, 0.21);
    border-radius: 45%;
    transition: all 0.3s ease-in-out;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
    .product-button {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 18px;
    }
}