/* =========================================================
   فروشگاه اینترنتی آفیس
   Flatsome Legacy Migration
   PRODUCT CSS
   ---------------------------------------------------------
   Phase 1:
   انتقال CSS موجود بدون بازطراحی
   ---------------------------------------------------------
   نکته:
   این فایل فقط CSS مشترک صفحه محصول است.
   هیچ Product ID یا CSS اختصاصی Personal / Family /
   Windows / Microsoft 365 در این فایل قرار نمی‌گیرد.
   ========================================================= */


/* =========================================================
   01. PRODUCT CONTENT / TABS
   ========================================================= */

.tab-panels .entry-content {
    color: #0c0c0c;
    font-size: 14px;
}


/* =========================================================
   02. PRODUCT TAGS
   ========================================================= */

.tab-panels .entry-content .tagged_as {
    display: block;
    padding: 7px 15px;
    width: 100%;
    background: #f4f4f4;
    border-radius: 4px;
}

.tab-panels .entry-content .tagged_as .tag_title {
    margin-left: 15px;
    display: inline-block;
}

.tab-panels .entry-content .tagged_as a {
    padding: 7px 15px;
    font-size: 11px;
    margin-left: 7px;
    display: inline-block;
    border-radius: 4px;
    background: #e9e9e9;
}


/* =========================================================
   03. PRODUCT SHORT DESCRIPTION
   ========================================================= */

.product-short-description {
    color: #060606;
    font-size: 14px;
}


/* =========================================================
   04. PRODUCT PRICE
   ========================================================= */

p.price.product-page-price.price-on-sale {
    font-size: 17px;
}

span.amount {
    color: #007715;
}


/* =========================================================
   05. PRODUCT META
   ========================================================= */

.product_meta > span {
    display: inline-block;
}


/* =========================================================
   06. ADD TO CART
   ========================================================= */

button.single_add_to_cart_button.button.alt {
    font-weight: 300;
    padding: 5px 30px;
    border-radius: 25px;
    font-size: 12px;
    margin: 10px 2px;
    float: left;
    vertical-align: middle;
    background: #3e8d99;
    color: #fff;
}


/* =========================================================
   07. QUANTITY
   ========================================================= */

.text-center .quantity,
.quantity {
    margin-top: 14px;
}


/* =========================================================
   08. BACK IN STOCK
   ========================================================= */

input#backinstock_button {
    font-weight: 300;
    padding: 0 15px !important;
    min-width: 80px;
    border-radius: 25px;
    font-size: 12px;
    margin-right: 10px;
    min-height: 10px;
    vertical-align: middle;
    background: #3e8d99;
}


/* =========================================================
   09. PRODUCT SHARE
   ========================================================= */

.social-icons.share-icons.share-row.relative.icon-style-outline {
    margin-top: 30px;
}


/* =========================================================
   10. PRODUCT TITLE / GRID ITEM TITLE
   ========================================================= */

p.name.product-title {
    height: 52px;
}


/* =========================================================
   11. PRODUCT MEDIA / VIDEO
   ========================================================= */

/* =========================================================
   12. PRODUCT TICKET BUTTON
   ---------------------------------------------------------
   #hmum_new_ticket_btn is used in the product context.
   ========================================================= */

#hmum_new_ticket_btn {
    font-weight: 300;
    padding: 5px 30px;
    border-radius: 25px;
    font-size: 12px;
    margin: 10px 2px;
    float: right;
    vertical-align: middle;
    background: #3e8d99;
    color: #fff;
    cursor: pointer;
}


/* =========================================================
   13. CLEAR FIX
   ========================================================= */
/* =========================================================
   14. PRODUCT RELATED TAB STATE
   ========================================================= */

.butrelated.selected {
    margin-top: -15px;
}


/* =========================================================
   15. PRODUCT SECTION HEADING SIZE
   ========================================================= */
Office-Learning | Windows Tables + FAQ (Flatsome)
================================== */