/* 
Theme Name: Butter-and-Salt Development Theme
Author: Stanislav Statsenko
Author URI: https://butter-and-salt.de/
Template: hello-elementor
Version: 1.0.22
*/

/* Fonts Responsive ---------------------------------------------------------*/

* {
  word-wrap: break-word;
}

ul {
  padding-inline-start: 20px;
}

/* Buttons */
.elementor-button {
  padding: 0.8em 2em;
}
.elementor-button-text {
  font-size: 1rem;
  line-height: 0.8em;
}
.elementor-button-icon svg {
  width: clamp(0.875rem, 2.5vw, 1.125rem);
}

/* Mobile (bis 767px) */
@media (max-width: 767px) {
  h1 {
    font-size: clamp(2rem, 4vw, 2.75rem);
  }
  h2 {
    font-size: clamp(1.375rem, 3.5vw, 2.25rem);
  }
  h3 {
    font-size: clamp(1.25rem, 3vw, 2rem);
  }
  h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.75rem);
  }
  h5 {
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
  h6 {
    font-size: clamp(0.875rem, 1.5vw, 1.25rem);
  }
  table {
    font-size: clamp(0.75rem, 1.5vw, 1rem);
  }
}

/* Tablet (768px bis 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }
  h2 {
    font-size: clamp(1.375rem, 3.5vw, 1.875rem);
  }
  h3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
  h4 {
    font-size: clamp(1.125rem, 2.5vw, 1.625rem);
  }
  h5 {
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
  h6 {
    font-size: clamp(0.875rem, 1.5vw, 1.375rem);
  }
  table {
    font-size: clamp(0.75rem, 1.5vw, 1rem);
  }
}

/* Screen (ab 1025px) */
@media (min-width: 1025px) {
  h1 {
    font-size: clamp(3rem, 2.5vw, 4rem);
  }
  h2 {
    font-size: clamp(1.625rem, 2.25vw, 2.25rem);
  }
  h3 {
    font-size: clamp(1.5rem, 2vw, 2rem);
  }
  h4 {
    font-size: clamp(1.375rem, 1.75vw, 1.75rem);
  }
  h5 {
    font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  }
  h6 {
    font-size: clamp(1.125rem, 1.25vw, 1.25rem);
  }
  table {
    font-size: clamp(1rem, 1.25vw, 1rem);
  }
}

/* Überschriften in AGB */
.bns-tbk-agb h2 {
  font-size: 1.5rem !important;
  font-weight: 700;
}

.bns-tbk-agb h3 {
  font-size: 1.25rem !important;
  font-weight: 700;
}

/* Background Stripes --------------------------------------------------------------- */
.bns-bg-stripes::before {
  background-size: 6px 6px;
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.35) 8.33%,
    transparent 8.33%,
    transparent 50%,
    rgba(255, 255, 255, 0.35) 50%,
    rgba(255, 255, 255, 0.35) 58.33%,
    transparent 58.33%,
    transparent 100%
  );
}

/* Woocommerce Produkt Page ---------------------------------------------------------*/

.woocommerce table.shop_attributes {
  border-top: 0;
  font-size: 0.875rem;
  margin-bottom: 0;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes tr:nth-child(even) th,
.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes tr:nth-child(even) td {
  border-top: 1px solid var(--e-global-color-ddb8e31);
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  background: none;
}
.woocommerce table.shop_attributes th {
  width: 35%;
  text-align: left;
}

.woocommerce table.shop_attributes td {
  font-style: normal;
}

table td,
table th {
  vertical-align: middle;
}

.woocommerce-price-suffix {
  display: block;
  font-size: 0.85rem;
  color: var(--e-global-color-text);
}

p.available-on-backorder {
  display: none;
}

.woocommerce-variation-price .woocommerce-Price-amount {
  color: var(--e-global-color-secondary);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1em;
}

.flex-control-thumbs img {
  /* 	max-width: 50px; */
}

/* Variants on front*/
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: #ffffff;
}

table td,
table th {
  padding: 0;
}

/* Woocommerce buttons settings --------------------------------------*/

#bought-together-add-to-cart,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
  background-color: var(--e-global-color-accent);
  border-radius: 0;
}

.woocommerce a.button.alt:hover {
  background-color: var(--e-global-color-accent);
}

/* WOO Colors */

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: var(--e-global-color-6487855);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: var(--e-global-color-6487855);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) {
  border: 1px solid var(--e-global-color-accent);
}

/* Mega Menu ---------------------------------------------------------*/
.bns-telefonnummer {
  font-size: 1.5rem;
}

.bns-telefonnummer span {
  color: var(--e-global-color-accent);
}

.bns-mega-menu {
  z-index: 99 !important;
}

.bns-mega-menu .elementor-nav-menu li {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}

/* Zubehör direkt mitbestellen ---------------------------------------*/
.bought_together_products h3 {
  font-size: 1.25rem;
  color: var(--e-global-color-text);
}

.bought_together_tbl img {
  display: none;
}

.bought_together_tbl tbody td {
  border: 0;
}

.bought_together_tbl tbody tr {
  border-bottom: 1px solid var(--e-global-color-ddb8e31);
}

.bought_together_tbl input {
  margin-right: 1rem;
}

#bought-together-products-data {
  padding-top: 0;
}

/* Startseite Best seller Block*/

.bns-beschreibung {
  height: 200px;
  display: none;
}

.bns-best-seller:hover .bns-beschreibung {
  display: block;
}

/* change the value as per your need in PHP */
.woocommerce div.product div.images .flex-control-thumbs li {
  width: calc(100% / 6) !important;
}

.woocommerce-variation-add-to-cart-disabled {
  display: none !important;
}