/* 
Theme Name: Nostra Cosmetica
Theme URI: http://nostracosmetica.com/
Author: BIT387
Author URI: https://bit387.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: nostra
Tags: bit387
*/

/* Add your custom styles here */
.woocommerce div.product form.cart {
  display: flex;
  flex-wrap: wrap !important;
  gap: 0;
}

.woocommerce div.product form.cart .qty,
td.product-quantity .qty {
  -moz-appearance: textfield;
  width: 43px !important;
  text-align: center !important;
  outline: none !important;
}

td.product-quantity .qty {
  border-radius: 0px !important;
  min-height: 32.81px !important;
}

.woocommerce div.product form.cart .qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .qty::-webkit-inner-spin-button,
td.product-quantity .qty::-webkit-outer-spin-button,
td.product-quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce div.product form.cart .quantity.buttons_added,
td.product-quantity .quantity.buttons_added {
  margin: 0 !important;
  display: flex;
  gap: 0;
  align-items: center;
  border: 1px solid #000;
  border-radius: 50px;
}

td.product-quantity .quantity.buttons_added {
  justify-content: flex-end;
  display: inline-flex;
}

td.product-quantity .quantity.buttons_added .input-text.qty {
  border: 0 !important;
}

.woocommerce div.product form.cart .quantity.buttons_added button,
td.product-quantity .quantity.buttons_added button {
  font-size: 14.875px;
  background: transparent !important;
  width: 36px;
  padding: 9px 10px 11px;
  aspect-ratio: 1;
  background-position: center;
  background-size: 14.875px;
  background-repeat: no-repeat;
  border-radius: 0 !important;
  margin: 0 !important;
}

td.product-quantity .quantity.buttons_added button {
  padding: 9px 10px 7px;
}

.woocommerce div.product form.cart .quantity.buttons_added button svg,
td.product-quantity .quantity.buttons_added button svg {
  padding-top: 2px;
  margin-bottom: -2px;
}

.woocommerce div.product form.cart .quantity.buttons_added button svg path,
td.product-quantity .quantity.buttons_added button svg path {
  fill: #353535;
}

.woocommerce div.product form.cart .quantity.buttons_added button.minus,
td.product-quantity .quantity.buttons_added button.minus {
  border: 0;
}

.woocommerce div.product form.cart .quantity.buttons_added button.plus,
td.product-quantity .quantity.buttons_added button.plus {
  border: 0;
}

/* Product-specific accordion visibility. */

/* Beard Shampoo: keep key ingredients, usage, beard shampoo info, and ingredients. */
.single-product.postid-27 #mirisne-note,
.single-product.postid-27 #kako-djeluje,
.single-product.postid-27 #tekstura-i-zavrsetak,
.single-product.postid-27 #gdje-se-uklapa-u-rutinu {
  display: none !important;
}

/* Beard Elixir: keep active ingredients, usage, routine, and ingredients. */
.single-product.postid-28 #mirisne-note,
.single-product.postid-28 #kako-djeluje,
.single-product.postid-28 #zasto-poseban-sampon-za-bradu,
.single-product.postid-28 #tekstura-i-zavrsetak {
  display: none !important;
}

/* Beard Oil: keep key oils and ingredients, usage, texture, and ingredients. */
.single-product.postid-29 #mirisne-note,
.single-product.postid-29 #kako-djeluje,
.single-product.postid-29 #zasto-poseban-sampon-za-bradu,
.single-product.postid-29 #gdje-se-uklapa-u-rutinu {
  display: none !important;
}

/* Beard Butter: keep key ingredients, usage, and texture. */
.single-product.postid-30 #mirisne-note,
.single-product.postid-30 #kako-djeluje,
.single-product.postid-30 #zasto-poseban-sampon-za-bradu,
.single-product.postid-30 #gdje-se-uklapa-u-rutinu,
.single-product.postid-30 #sastav {
  display: none !important;
}

/* Natural Deo Spray: keep scent, function, key ingredients, usage, and ingredients. */
.single-product.postid-31 #zasto-poseban-sampon-za-bradu,
.single-product.postid-31 #tekstura-i-zavrsetak,
.single-product.postid-31 #gdje-se-uklapa-u-rutinu {
  display: none !important;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  opacity: 1 !important;
}

/* Checkout shipping method: display only its price while retaining its accessible label. */
.woocommerce-checkout
  .elementor-widget-woocommerce-checkout-page
  form.checkout
  .woocommerce-shipping-methods
  li
  label {
  font-size: 0 !important;
}

.woocommerce-checkout
  .elementor-widget-woocommerce-checkout-page
  form.checkout
  .woocommerce-shipping-methods
  li
  label
  .woocommerce-Price-amount {
  font-size: 13px !important;
}

[tabindex]:not([tabindex="-1"]):focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  box-shadow: 0 !important;
  outline: none !important;
}

ul.woocommerce-error {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.e-n-menu-title-container,
#elementor-menu-cart__toggle_button {
  position: relative;
}

@media (min-width: 1024px) {
  .e-n-menu-title-container::after,
  #elementor-menu-cart__toggle_button::after {
    background: #000;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: width 0.2s linear;
    width: 0;
  }

  #elementor-menu-cart__toggle_button::after {
    bottom: -6px;
  }

  .e-n-menu-title-container:hover::after,
  #elementor-menu-cart__toggle_button:hover::after {
    width: 100%;
  }
}