/*
	Theme Name:     Propharm Child
	Theme URI:      http://www.enovathemes.com/propharm
	Description:    Propharm - Pharmacy Medical WooCommerce WordPress Theme
	Author:         Enovathemes
	Author URI:     https://enovathemes.com
	Version:        1.0
	Template:       propharm
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    ul.products {
        grid-template-columns: repeat(3, 4fr);
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1024px) {
    .product-sidebar-toggle-false.sidebar-active.medium .loop-products, .product-sidebar-toggle-false.sidebar-active.small .loop-products {
        grid-template-columns: repeat(3, 4fr);
    }
}
@media only screen and (max-width: 400px) {
.loop-products, ul.products {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: grid;
    justify-items: stretch;
    grid-template-columns: repeat(1, 2fr);
    grid-row-gap: 8px;
    grid-column-gap: 8px;
}
}





/* custom tabular form of variation */
/* Table Styles */
.variations-table {
    width: 100%;
    border-collapse: collapse;
}

.variations-table th,
.variations-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

.variations-table th {
    background-color: #f4f4f4;
}

/* Quantity Input Styles */
.variations-table input[type="number"] {
    width: 60px;
}

/* Button Styles */
.variations-table .button {
    margin-top: 20px;
}
.product .summary table {
    width: 100%;
}
button.btn-nj {
    width: 100%;
    background-color: #15a9e3;
}

/* button below*/
.shop-summary-widgets {
   padding-top: 0px;
}

.product .summary .product_meta {
    margin-top: 0px;
}

/* product page*/
.en-quick-view {
    display: none;
}


a.compare-toggle {
    display: none;
}
/* single product page*/
.compare-toggle {
    display: none !important;
}
span.compare-title {
    display: none !important;
}
/* single product page - social link*/
div#post-social-share {
    display: none;
}

.woocommerce-tabs {
    width: 100%;
    margin-top: 10px; 
    padding: 0;
    position: relative;
}