/*
Theme Name: Nogalia v2
Theme URI: http://www.nogalia.com.mx
Author: Compila Ideas
Author URI: https://www.compilaideas.com
Description: WooCommerce theme for Nogalia.
Version: 2.0
License: Private
Text Domain: nogaliav2
Tags: woocommerce bootstrap5
*/

#nogalia-breadcrumbs h1,
#nogalia-breadcrumbs a,
#nogalia-breadcrumbs .breadcrumb_last {
    color: white;
}


ul.products {
    padding-left: 0;
}

ul.products a.woocommerce-loop-product__link {
    text-align: center;
}

ul.products li {
    list-style: none;
}

ul.products li .woocommerce-loop-product__title {
    font-size: 0.8rem;
}

ul.products li img {
    height: 100%;
    width: 100%;
}

.offcanvas.offcanvas-product-filters {
    right: auto;
    left: 0;
    padding: 50px 40px;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .offcanvas.offcanvas-product-filters.offcanvas-open {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

/**
 * 
 */
 .woocommerce-page div.product div.images,
 .woocommerce-page div.product div.summary {
    width: 100%;
}


/**
 * Single product page
 */
.single-product .product-summery h1.product_title {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1675;
    margin-bottom: 25px;
}

.single-product .product-summery .product-price {
    font-size: 27px;
    font-weight: bold;
    line-height: 1.175;
    display: block;
    margin-bottom: 25px;
    color: #333333;
}

.single-product .quantity {
    float: unset !important;
}

.single-product .single_add_to_cart_button {
    font-size: .8rem !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    margin-left: 15px !important;
    border-color: #333333 !important;
    background-color: #333333 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    padding: 15px 40px !important;
    text-align: center !important;
    white-space: nowrap !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-radius: 500px !important;
}

/************************************************
  Tables
************************************************/

table,
table.wp-block-table {
	width: 100%;
	text-align: left;
	margin: 32px 0px;
	padding: 0px;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
	border: 3px solid rgba(0, 0, 0, 0.12);
	border-spacing: 0;
	border-radius: 4px;
}
table p,
table form,
table ul,
table li {
	margin: 6px 0px;
	padding: 0px;
}
table thead,
table tfoot,
table.wp-block-table thead,
table.wp-block-table tfoot {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}
table tbody tr:nth-child(odd) {
	background: rgba(0, 0, 0, 0.04);
}
table th,
table.wp-block-table th {
	font-size: 1.1rem;
	text-transform: uppercase;
	margin: 0px;
	padding: 12px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
table td,
table.wp-block-table td {
	padding: 12px;
	margin: 0px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}
table.wp-block-table.is-style-stripes {
	border-collapse: collapse;
}
table.wp-block-table.is-style-stripes td {
	border: 1px solid #dddddd;
	border: 1px solid rgba(0, 0, 0, 0.12);
}

.whatsapp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:50%;
    right:0%;
    background-color:#25d366;
    color:#FFF;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
    bottom: 15%;
    z-index: 9999;
}

.whatsapp-float:visited {
    color: #fff;
}

.my-float{
    margin-top:16px;
}

.single-product div.product .variations {
    box-shadow: unset;
}

.single-product div.product .variations tr {
    background: none;
}

.woocommerce div.product form.cart .variations {
    margin: 0em;
}

.woocommerce div.product form.cart .variations th {
    line-height: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    vertical-align: middle;
    padding-bottom: 0;
    width: 40%;
}

.woocommerce div.product form.cart .variations td {
    line-height: 0;
    vertical-align: middle;
    padding-bottom: 0;
}

.woocommerce div.product form.cart .variations select {
    height: fit-content;
}

.woocommerce div.product form.cart .variations .reset_variations {
    visibility: visible;
    float: right;
    margin-top: -13px;
    position: absolute;
}

.woocommerce div.product form.cart .woocommerce-variation-price {
    display: none;
}

.single-product div.product form.cart .quantity {
    float: none;
    margin: 0;
    display: inline-block;
}

.woocommerce div.product form.cart .button {
    float: right;
    clear: both;
    display: block;
    margin-top: 25px;
}

.woocommerce div.product form.cart .plus, 
.woocommerce div.product form.cart .minus {
    width: 25%;
    border: none;
    background: #e7e7e7;;
    height: 40px;
}

/* Chrome, Safari, Edge, Opera */
.woocommerce div.product form.cart input::-webkit-outer-spin-button,
.woocommerce div.product form.cart input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.woocommerce div.product form.cart input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  border: 0;
}

/* Optimizing Woocommerce CSS*/
.woocommerce-cart .shop_table .cart_item .quantity .qty {
    border-bottom: none;
}

.woocommerce table.cart td.actions #coupon_code {
    width: 217px;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    float: left;
}

#gift_notes {
    background-color: #d2d2d2;
    padding: 20px 16px;
    margin-top: 20px;
    margin-bottom: 40px;
}

#gift_notes textarea {
    height: 120px;
}

/* Minicart Product List */

.minicart .widget_shopping_cart_content {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  
  .minicart .woocommerce-mini-cart {
      padding: 0;
  }
  
  .minicart .woocommerce-mini-cart li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
    flex-direction: column;
  }
  
  .minicart .woocommerce-mini-cart li::after {
      margin-top: 10px;
  }
  
  .minicart .woocommerce-mini-cart li:last-child {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
  
  .minicart .woocommerce-mini-cart  li img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 75px;
        -ms-flex: 1 0 75px;
            flex: 1 0 75px;
  }
  
  .minicart .woocommerce-mini-cart img {
      width: 20% !important;
      margin-top: -13px;
      position: absolute;
      right: 0;
      height: auto;
  }
  
  .minicart .woocommerce-mini-cart li a {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(100% - 75px);
        -ms-flex: 1 0 calc(100% - 75px);
            flex: 1 0 calc(100% - 75px);
    color: #7E7E7E;
    padding-right: 22%;
  }
  .minicart .woocommerce-mini-cart li a:hover {
    color: #333333;
  }
  
  .minicart .woocommerce-mini-cart li .quantity {
    font-size: 12px;
    display: block;
    margin-top: 10px;
  }
  
  .minicart .woocommerce-mini-cart li .quantity .amount {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
  }
  
  .minicart .woocommerce-mini-cart li .variation dt {
    padding-bottom: 0;
  }
  
  .minicart .woocommerce-mini-cart li .variation dd {
      margin-bottom: 0;
      padding-bottom: 0;
  }
  
  .minicart .woocommerce-mini-cart li .remove {
    padding: 0 3px;
    color: #7E7E7E;
    text-decoration: none;
    font-size: 1.2rem;
    max-height: 17px;
  }
  
  .minicart .woocommerce-mini-cart li .remove:hover {
    color: red;
  }
  
  .minicart .woocommerce-mini-cart__total {
      visibility: hidden;
  }
  
  .woocommerce-mini-cart__buttons {
      text-align: center;
  }
  .woocommerce-mini-cart__buttons .button {
      padding: 8px 10px;
      background-color: #ccc;
      text-decoration: none;
      display: block;
      width: 100%;
  }
  .woocommerce-mini-cart__buttons .wc-forward {
      margin-bottom: 15px;
      color: #0D1821;
  }
  
  .wc-proceed-to-checkout .checkout-button,
  .woocommerce-mini-cart__buttons .checkout,
  #place_order {
      background-color: #CCA252 !important;
      color: #fff !important;
  }
  
  /* Minicart Product List */
  
  .btn-mini-cart {
      position: fixed;
      width: 60px;
      height: 60px;
      bottom: 70%;
      right: 0%;
      z-index: 100;
      border: none;
      background: none;
      font-size: 2.6rem;
      padding: 0;
      color: #000;
  }
  
  .woocommerce-mini-cart__total,
  .woocommerce-mini-cart__buttons {
      display: none;
  }

  .minicart .woocommerce-mini-cart {
    padding-bottom: 0;
}

/* Mobile view */
@media all and (max-width: 490px) {
    .woocommerce div.product form.cart .variations #presentacion {
        max-width: unset;
        min-width: unset;
		width: 130px;
        margin-right: 0;
	}

    .variations .label label {
        font-size: 0.6rem;
    }

    .product-meta table tbody tr td.label {
        padding-right: 0px;
    }

    .product-meta table tbody tr td.value {
        padding-left: 0px;
    }

    .product-meta .label span {
        font-size: 11px;
    }

    .product-meta .product-category li {
        font-size: 14px;
        margin: 0;
    }
}


.page-template-default .wp-block-social-links li a {
    margin: 0;
    display: block;
    padding-top: 10px;
}

.page-template-default .wp-block-social-link-anchor {
    fill: unset !important;
    background-color: unset !important;
}

.page-template-default .wp-block-media-text a:hover{
    color: #db2757;
}

.theme-nogaliav2 .products .grid-item a:hover .price {
    color: #db2757;
}