/* =========================================================
   فروشگاه اینترنتی آفیس
   Flatsome Legacy Migration
   WOOCOMMERCE CSS
   ---------------------------------------------------------
   Phase 1:
   انتقال CSS موجود بدون بازطراحی
   ---------------------------------------------------------
   شامل:
   - WooCommerce عمومی
   - فرم‌های عمومی WooCommerce
   - Billing
   - Order / Order Received
   - Order Pay
   - WooCommerce Notices
   - جدول‌های WooCommerce
   - Cart layout
   - Variation / Item Meta
   - Shop page title
   ========================================================= */


/* =========================================================
   01. WOOCOMMERCE GENERAL
   ========================================================= */
/* =========================================================
   02. WOOCOMMERCE FORMS
   ========================================================= */
input[type="email"],
input[type="date"],
input[type="search"],
input[type="number"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select,
.select2-container .select2-choice {
    font-size: 12px;
    box-shadow: none !important;
    border-radius: 3px;
}

/* =========================================================
   03. SELECT2 / BILLING STATE
   ========================================================= */

#billing_state_field
span.select2.select2-container.select2-container--default.select2-container--focus {
    width: 49% !important;
}

p#billing_state_field {
    width: 49%;
    float: right;
}

p#billing_city_field {
    width: 49%;
    float: left;
}

#billing_postcode_field label {
    display: inline-block;
}

#billing_sabira_cities_field {
    width: 48%;
    float: left;
}


/* =========================================================
   04. WOOCOMMERCE NOTICE
   ========================================================= */
/* =========================================================
   05. CHECKOUT GENERAL STRUCTURE
   ========================================================= */
/* =========================================================
   06. ORDER PAY
   ========================================================= */

/* =========================================================
   07. WOOCOMMERCE TABLES
   ========================================================= */

th,
td {
    color: #000;
}

/* =========================================================
   08. WOOCOMMERCE ITEM META / VARIATIONS
   ========================================================= */

.product-name dl.variation,
ul.wc-item-meta {
    display: none;
}

dl.variation {
    display: none;
}


/* =========================================================
   09. WOOCOMMERCE CART
   ========================================================= */

@media screen and (min-width: 850px) {

    .woocommerce-cart
    .gallery-columns-4
    .gallery-item,

    .woocommerce-cart
    .large-columns-4 > .col,

    .woocommerce-cart
    .large-columns-4
    .flickity-slider > .col {
        max-width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

}


/* =========================================================
   10. SHOP PAGE
   ========================================================= */

.shop-page-title.featured-title .title-overlay {
    background-color: rgb(62, 141, 153) !important;
}


/* =========================================================
   11. VENDOR / PRODUCT LIST META
   ========================================================= */

small.wcvendors_sold_by_in_loop {
    display: none;
}


/* =========================================================
   12. SECTION TITLE
   ========================================================= */
/* =========================================================
   13. GENERAL WOOCOMMERCE UTILITY
   ========================================================= */

.has-border {
    border: none;
}
   Office-Learning | Microsoft 365 Home Category (NO-FLATSOME)
   Apply only on the product category page: microsoft-365-home
   (works even if CSS is global)
========================================================= */