/*
Template: Labstica - Laboratory & Science Research WordPress Theme
Author: peacefulqode.co.in
Version: 1.0
Design and Developed by: Peacefulqode

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

/*================================================
[  Table of contents  ]
================================================

==> Woocommerce Shop Page
==> Woocommerce Shop Single
==> View Cart
==> Cart
==> Checkout
==> Order Received
==> Login
==> My Account
==> Woocommerce Pagination

======================================
[ End table content ]
======================================*/

/* ################################# */

/* Woocommerce Shop Page */

/* ################################# */
.woocommerce-breadcrumb {
    display: none;
}

/* ################################# */

/* Woocommerce Shop Page */

/* ################################# */
.woocommerce .woocommerce-result-count {
    margin: 10px 0 20px;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 30px;
}

/*===== Woocommerce Lists =====*/
.woocommerce .products ul,
.woocommerce ul.products {
    margin: 0;
    text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),
.wc-block-grid__product .wc-block-grid__product-title {
    font-size: 20px;
    line-height: 28px;
    color: var(--dark-color);
    padding: 0 0 5px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    font-size: 16px;
    color: var(--secondary-color);
    margin-bottom: 0;
    margin-top: 0;
}

.woocommerce ul.products li.product .price ins {
    font-weight: 500;
    text-decoration: none;
}

.woocommerce ul.products li.product .price del {
    margin-right: 5px;
}

.woocommerce ul.products li.product .onsale {
    min-width: auto;
    min-height: auto;
    padding: 2px 15px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    top: 10px;
    right: 10px;
    z-index: 0;
    font-weight: 500;
    background-color: var(--primary-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.woocommerce ul.products li.product .button {
    font-size: 16px;
    padding: 8px 30px;
    font-weight: 500;
}

.woocommerce ul.products li.product .button.loading::after {
    top: 9px;
    right: 15px;
}

.woocommerce ul.products li.product .button.loading {
    padding: 8px 40px 8px 30px;
}

.woocommerce a.added_to_cart {
    padding-top: .5em;
    display: inline-block;
    position: absolute;
    display: block;
    font-weight: var(--font-weight);
    text-transform: uppercase;
    font-size: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* ################################# */

/* Woocommerce Shop Single */

/* ################################# */
.woocommerce div.product div.images img {
    border-radius: var(--border-radius);
    margin-bottom: 15px;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: flex;
    gap: 15px;
}

.woocommerce ul.products li.product a img,
.wc-block-grid__products .wc-block-grid__product-image img {
    border-radius: var(--border-radius);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--dark-color);
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
}

.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
    font-weight: 500;
}

.woocommerce span.onsale {
    min-width: auto;
    min-height: auto;
    padding: 2px 15px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
    top: 10px;
    left: 10px;
    z-index: 0;
    font-weight: 500;
    background-color: var(--primary-color);
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}

.woocommerce div.product form.cart div.quantity {
    margin-right: 10px;
}

.woocommerce .quantity .qty {
    border-radius: 5px;
}

.woocommerce div.product .entry-summary .product_meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.single-product .entry-summary .product_meta .posted_in,
.single-product .entry-summary .product_meta .sku_wrapper {
    color: var(--dark-color);
}

.single-product .entry-summary .product_meta .sku_wrapper span {
    color: var(--secondary-color);
}

.single-product .entry-summary .product_meta .posted_in a {
    color: var(--primary-color);
}

.woocommerce div.product form.cart .variations label {
    font-weight: var(--font-weight);
    color: var(--dark-color);
    padding: 0;
    line-height: 3;
    vertical-align: middle;
}

.woocommerce div.product form.cart .variations select {
    margin-bottom: 15px;
    background-color: var(--grey-color);
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    border: 0;
    line-height: 1em;
    padding: 0;
    text-align: left;
}

.woocommerce div.product form.cart .button,
.woocommerce #review_form #respond .form-submit input {
    overflow: hidden;
    font-family: var(--body-fonts);
    font-weight: 500;
    text-transform: uppercase;
    background: var(--primary-color);
    line-height: 2;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 9px 30px;
    position: relative;
    width: auto;
    height: auto;
    color: var(--white-color);
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    transition: var(--transition-duration);
    border: none;
}

.woocommerce div.product form.cart .button:focus,
.woocommerce div.product form.cart .button:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce #review_form #respond .form-submit input:focus {
    background: var(--dark-color);
    color: var(--white-color);
}

.woocommerce div.product form.cart .reset_variations {
    display: inline-block;
    position: relative;
    top: 8px;
    text-transform: uppercase;
}

.woocommerce div.product .woocommerce-variation-price {
    margin-bottom: 20px;
}

.woocommerce .quantity .qty {
    padding: 0;
}

.woocommerce div.product form.cart .group_table td {
    vertical-align: middle;
    font-size: 18px;
}

.single-product ul.products li.product {
    margin-bottom: 0;
}

@media(max-width:479px) {

    .woocommerce ul.products[class*=columns-] li.product,
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        width: 100%;
    }
}

/*===== Woocommerce Tabs =====*/
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0px;
    margin: 0;
    border: none;
    line-height: 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0 10px 0 0;
    padding: 0;
    border: none;
    border-radius: 10px 10px 0 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 500;
    position: relative;
    top: 0;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 2;
    border: none;
    cursor: pointer;
    padding: 12px 30px;
    transition: var(--transition-duration);
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 10px 10px 0 0;
    background: var(--dark-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: var(--white-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    background: var(--primary-color);
    z-index: 2;
    border-bottom-color: var(--primary-color);
    color: var(--white-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
    display: none;
    border: none
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-top: 0;
    padding: 30px;
    border: 1px solid rgba(var(--dark-color-rgb), .2);
    border-radius: 0;
    margin-top: -1px
}

.woocommerce-Tabs-panel h2 {
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 32px
}

/*===== Woocommerce Table =====*/
.woocommerce table.shop_attributes {
    border: 1px solid rgba(var(--dark-color-rgb), .2);
}

.woocommerce table.shop_attributes th {
    font-weight: var(--font-weight);
    color: var(--dark-color) !important;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
    padding: 10px 20px;
    color: var(--secondary-color);
    border: none;
    border-right: 1px solid rgba(var(--dark-color-rgb), .2);
    text-align: left;
}

h3#order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.cart_totals h2,
.related.products h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}

/*===== Woocommerce Review =====*/
.woocommerce #review_form #respond {
    width: 100%;
}

.woocommerce #reviews #comment {
    height: 130px;
}

/* ################################# */

/* View cart */

/* ################################# */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    background: var(--grey-color);
    outline: none;
}

.woocommerce-message {
    border-top-color: var(--primary-color);
    outline: none;
}

.woocommerce-message::before {
    color: var(--primary-color);
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
.woocommerce table.my_account_orders .button {
    padding: 4px 15px;
    font-size: 14px;
}

.woocommerce-cart .wc-block-grid .wc-block-grid__product-onsale,
.woocommerce-cart .wc-block-grid__product-image .wc-block-grid__product-onsale {
    min-width: auto;
    min-height: auto;
    padding: 2px 15px;
    line-height: 30px;
    margin: 0;
    top: 10px;
    right: 10px;
    z-index: 9;
    font-weight: normal;
    border-radius: 900px;
    background-color: var(--primary-color);
    color: var(--white-color);
    border: none;
    font-size: 15px;
}

.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-title {
    margin: 0;
}

.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-price.price {
    font-size: 16px;
    color: var(--secondary-color);
    margin-bottom: 0;
}

.woocommerce-cart .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    font-size: 16px;
    padding: 8px 30px;
    border-radius: 900px;
    margin-top: 1em;
}

.woocommerce-cart h2.wp-block-heading.has-text-align-center {
    margin-bottom: 45px;
}

/* ################################# */

/* Cart */

/* ################################# */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
    color: var(--primary-color);
}

.is-large.wc-block-cart .wc-block-cart-items {
    border: 1px solid hsla(0, 0%, 7%, .11);
}

.wc-block-components-radio-control .wc-block-components-radio-control__input {
    padding: 0;
}

.is-large.wc-block-cart .wc-block-cart-items td,
.is-large.wc-block-cart .wc-block-cart-items th {
    text-align: left;
}

.woocommerce-cart .is-large.wc-block-cart .wc-block-cart-items th {
    padding: 10px 16px !important;
    color: var(--dark-color);
}

.woocommerce-cart .wc-block-components-product-badge {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white-color);
}

.woocommerce-cart .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    height: 36px;
    font-size: 14px;
    font-weight: var(--font-weight);
}

.woocommerce-cart .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link,
.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
    text-transform: uppercase;
    color: var(--primary-color);
}

.woocommerce-cart .is-large.wc-block-cart .wc-block-cart__totals-title {
    color: var(--dark-color);
    font-size: 24px;
    line-height: 32px;
}

.woocommerce-cart .is-large.wc-block-cart {
    margin-bottom: 0;
}

.wc-block-components-totals-wrapper,
.wc-block-components-product-price {
    color: var(--dark-color);
}

.wp-element-button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button {
    overflow: hidden;
    font-family: var(--body-fonts);
    font-weight: 500;
    text-transform: uppercase;
    background: var(--primary-color);
    line-height: 2;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 12px 30px;
    position: relative;
    width: auto;
    height: auto;
    color: var(--white-color);
    vertical-align: middle;
    text-decoration: none;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
    transition: var(--transition-duration);
    border: none;
}

.wp-element-button:hover,
.wp-element-button:focus,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:focus,
.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button:focus,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:focus {
    background: var(--dark-color);
    color: var(--white-color);
}

/* ################################# */

/* Checkout */

/* ################################# */
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    background-color: var(--primary-color) !important;
    color: var(--white-color) !important;
    border: inherit !important;
    padding: 3px !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
    color: var(--secondary-color);
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    color: var(--dark-color);
    font-weight: var(--font-weight);
}

.wc-block-components-validation-error {
    display: table-cell;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
    padding: 0;
}

.wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child {
    color: var(--dark-color);
    font-weight: var(--font-weight);
}

.woocommerce-checkout .wc-block-components-address-card__edit {
    background: var(--grey-color);
    color: var(--dark-color);
    text-decoration: none;
}

.woocommerce-checkout .wc-block-components-address-card__edit:hover {
    background: var(--primary-color);
    color: var(--white-color);
    text-decoration: none;
}

.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
    font-size: 16px;
    line-height: 1;
    font-weight: var(--font-weight);
}

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row {
    color: var(--dark-color);
}

.wp-block-woocommerce-checkout {
    padding: 0;
}

.wc-block-components-sidebar-layout {
    margin: 0;
}

/* ################################# */

/* Order Received */

/* ################################# */
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    padding: 10px;
    color: var(--white-color);
    background: green;
}

.woocommerce ul.order_details {
    padding: 0;
}

.woocommerce ul.order_details li {
    color: var(--dark-color);
}

.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
    margin-bottom: 15px;
}

.woocommerce table.shop_table,
.woocommerce .woocommerce-customer-details address {
    border-radius: 0;
    background: var(--grey-color);
    border: 1px solid var(--grey-color);
    border-spacing: 0;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    text-align: left;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    line-height: 2;
    font-weight: var(--font-weight);
    color: var(--dark-color);
}

.woocommerce .woocommerce-customer-details {
    margin-bottom: 0;
}

/* ################################# */

/* Login */

/* ################################# */
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    background: var(--grey-color);
    margin: 20px 0 0;
    border-color: var(--grey-color);
    border-radius: var(--border-radius);
    padding: 45px;
}

.woocommerce-account .woocommerce form .form-row label,
.woocommerce-account .woocommerce-page form .form-row label {
    text-transform: uppercase;
    color: var(--dark-color);
    margin-bottom: 5px;
}

.woocommerce-account .woocommerce form .form-row .input-text,
.woocommerce-account .woocommerce form .form-row select {
    border-radius: 900px;
    height: 54px;
    padding: 10px 20px 10px 30px;
    line-height: 54px;
}

.woocommerce-account .woocommerce form .form-row .input-text:focus,
.woocommerce-account .woocommerce form .form-row .input-text:hover,
.woocommerce-account .woocommerce form .form-row select:focus,
.woocommerce-account .woocommerce form .form-row select:hover {
    border-color: var(--primary-color);
    outline: none;
}

/* ################################# */

/* My Account  */

/* ################################# */

.woocommerce-form__label-for-checkbox {
    margin-top: 5px;
    margin-left: 30px;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 15px;
}

.woocommerce-MyAccount-navigation ul {
    margin: 0 15px 0 0;
    padding: 0;
    border: 1px solid var(--grey-color);
}

.woocommerce-MyAccount-navigation li {
    list-style: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid var(--grey-color);
}

.woocommerce-MyAccount-navigation li a {
    padding: 10px 15px;
    color: var(--dark-color);
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
    color: var(--white-color);
    text-decoration: none;
    background: var(--primary-color);
}

.woocommerce-MyAccount-navigation li a:before {
    float: right;
    font-family: "Ionicons";
    font-weight: bold;
    font-size: 20px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    content: "\f2b3";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    content: "\f3f7";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    content: "\f41f";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    content: "\f455";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    content: "\f3d1";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    content: "\f3a0";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    content: "\f29f";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before {
    content: "\f064";
}

/* ################################# */

/* Woocommerce Pagination */

/* ################################# */
.woocommerce nav.woocommerce-pagination ul {
    margin: 0;
    border: none;
    display: flex;
    justify-content: center;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
    border: none;
    margin-right: 10px;
}

.woocommerce nav.woocommerce-pagination ul li:last-child {
    margin-right: 0;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: var(--primary-color);
    border: none;
    color: var(--white-color);
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    position: relative;
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin: 0;
    color: var(--dark-color);
    background-color: var(--grey-color);
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 500;
    -webkit-border-radius: 900px;
    -moz-border-radius: 900px;
    border-radius: 900px;
}