/*
Theme Name: berggold
Author: Nashchubskyi Stanislav
*/

/* fonts upload */
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
}

@media screen and (min-width: 601px) {
  body .hide-on-tab-and-desc {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  body .hide-on-mobile {
    display: none !important;
  }

  .ingredient-block .grid {
    gap: 10px;
  }
}

/* plus minus block */

.plus.qib-button::before {
  content: "";
  background: center / cover no-repeat
    url("/wp-content/uploads/2024/10/plus.svg");
  min-width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

body .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
  font-family: "Gilroy";
}

body .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) {
  width: 60px;
  height: 49px;
  border: 0 !important;
  border-left: 1px solid #eeeeee !important;
  border-right: 1px solid #eeeeee !important;
  font-size: 14px;
  font-weight: 500;
}

.minus.qib-button::before {
  content: "";
  background: center / cover no-repeat
    url("/wp-content/uploads/2024/10/minus.svg");
  min-width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.qib-button {
  position: relative;
}

body .qib-button:not(#qib_id):not(#qib_id) {
  font-size: 0;
  border: 0 !important;
  background: transparent;
  height: 50px;
  width: 40px;
}

.qib-container {
  overflow: hidden;
  height: 50px;
  border-radius: 4px;
  border: 1px solid #eeeeee;
}

body .wpcf7 form .wpcf7-response-output {
  margin: 0;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
}

.rel-position {
  position: relative;
  z-index: 9;
}

input {
  outline: 0 !important;
}

.wpcf7-response-output {
  font-family: Gilroy;
}

/* ingredients block */

@media screen and (min-width: 601px) and (max-width: 1200px) {
  body .ingredient-block {
    margin-bottom: 70px;
  }
}

body div.ingredient-overlay {
  left: 10px;
  bottom: 10px;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .ingredient-block .grid {
    gap: 20px;
  }
}

@media screen and (max-width: 600px) {
  body .ingredient-block {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 601px) and (max-width: 990px) {
  body .ingredient-block {
    margin-bottom: 70px;
  }
}

body .ingredient-overlay p {
  color: #fff;
}

.ingredients strong {
  font-weight: 700;
}

/* promotion banner */

@media screen and (min-width: 600px) {
  body .promotion-banner {
    margin-bottom: 71px;
  }
}

@media screen and (max-width: 600px) {
  body .promotion-banner-wrap .btn-zum-katalog {
    margin-top: 20px;
  }

  body .promotion-banner {
    margin-bottom: 60px;
  }

  body .promotion-banner-wrap-content h1 {
    font-size: 36px;
  }

  body .promotion-banner-wrap-content {
    align-items: center;
  }

  body .promotion-banner-wrap {
    justify-content: center;
    padding-top: 73px;
    padding-bottom: 73px;
    padding-left: 0;
    padding-right: 0;
  }

  .rabbat-image-wrap {
    display: none;
  }
}

@media screen and (min-width: 601px) and (max-width: 990px) {
  body .promotion-banner-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 42px;
    padding-left: 30px;
  }

  body div img.rabbat-image {
    max-width: 266px;
  }

  body .promotion-banner-wrap-content h1 {
    font-size: 60px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  body .promotion-banner-wrap {
    padding-top: 33px;
    padding-bottom: 33px;
    padding-right: 54px;
  }

  body div img.rabbat-image {
    max-width: 414px;
  }
}

body img.rabbat-image {
  max-width: 467px;
}

.promotion-banner {
  border-radius: 4px;
  overflow: hidden;
}

.promotion-banner-wrap > div {
  position: relative;
  z-index: 2;
}

.promotion-banner-wrap-content h1 em {
  font-style: normal;
  background: linear-gradient(90deg, #d7bb85 0%, #fff2d9 48.5%, #d7bb85 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.promotion-banner-wrap-content h1 {
  font-family: Kanit;
  font-size: 70px;
  font-weight: 600;
  line-height: 120%;
  color: #fff;
}

.promotion-banner-wrap-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.promotion-banner-wrap .btn-zum-katalog {
  padding: 15px 48.5px;
  width: unset;
  height: unset;
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  margin-top: 30px;
}

.promotion-banner-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #18141399;
  position: absolute;
  top: 0;
  left: 0;
}

.promotion-banner-wrap {
  padding-left: 70px;
  padding-right: 148px;
  padding-top: 17px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

/* ingredient block */
@media screen and (max-width: 380px) {
  body .ingredient-overlay {
    width: calc(100% - 20px);
    padding: 15px;
    height: unset;
  }
}

@media screen and (max-width: 600px) {
  body .ingredient-block {
    margin-bottom: 50px;
    margin-top: 60px;
  }

  body .ingredient-background {
    height: 200px;
  }
}

body .ingredient-overlay {
  height: unset;
}

body.no-scroll {
  overflow: hidden;
}

/* product tag */
.product-card .product-tag,
.shop-content .products .product-tag {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  background: #bf0d3e;
  padding-right: 26px;
  padding-left: 13px;
  position: absolute;
  left: 0;
  top: 15px;
}

.product-card {
  position: relative;
}

.product-tag::after {
  content: "";
  background: center / cover no-repeat
    url("/wp-content/uploads/2024/10/after_tag.svg");
  position: absolute;
  right: -1px;
  width: 16px;
  height: 100%;
  top: 0;
}

body .standart-title h1 {
  padding-left: 0;
  border-left: 0;
  line-height: 120%;
}

@media screen and (max-width: 600px) {
  body .standart-breadcrumbs a {
    font-size: 14px;
  }

  body div.standart-title,
  body div.standart-title p {
    font-size: 30px;
  }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
  body div.standart-title,
  body div.standart-title p {
    font-size: 34px;
  }
}

@media screen and (max-width: 1200px) {
  body div.standart-title,
  body div.standart-title p {
    padding-left: 20px;
  }
}

body div.standart-title p {
  padding-left: 0;
  margin-bottom: 0;
}

div.standart-title,
div.standart-title p {
  font-family: Kanit;
  font-size: 40px;
  font-weight: 500;
  color: #181413;
  margin-bottom: 25px;
  position: relative;
  padding-left: 20px;
}

div.standart-title::before {
  content: "";
  background: #bf0d3e;
  width: 4px;
  height: calc(100% - 8px);
  position: absolute;
  left: 0;
  top: 4px;
}

/* application block */

@media screen and (max-width: 600px) {
  .application-container-inside-content {
    flex-direction: column;
  }

  .application-container-inside-content .application-image {
    max-width: 100px;
  }

  body .application-columns {
    padding-top: 15px;
    padding-right: 0;
    padding-top: 15px;
  }

  body .application-text {
    margin-bottom: 16px;
  }

  body .application-title {
    margin-bottom: 11px;
    font-size: 16px;
  }

  body .application-container-inside-content {
    gap: 20px;
  }
}

@media screen and (max-width: 990px) {
  body .application-columns {
    flex-direction: column;
    gap: 15px;
  }
}

@media screen and (min-width: 601px) and (max-width: 990px) {
  body .application-container-inside-content {
    gap: 30px;
  }

  .application-image {
    max-width: 200px;
  }
}

.application-title {
  font-family: "Gilroy";
  font-size: 18px;
  font-weight: 600;
  max-width: 407px;
  margin-bottom: 15px;
}

.application-text {
  font-family: "Gilroy";
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400;
}

.application-right-column strong,
.application-left-column strong {
  font-weight: 500;
}

.application-left-column,
.application-right-column {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.application-container-inside-content {
  display: flex;
  gap: 50px;
}

@media screen and (min-width: 1201px) {
  .application-container {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 1200px) {
  .application-container {
    margin-bottom: 70px;
  }
}

.application-content * {
  font-family: "Gilroy";
  line-height: 120%;
  color: #181413;
}

.application-columns {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 20px;
  padding-right: 23px;
  padding-bottom: 20px;
  display: flex;
  gap: 30px;
}

.application-item div {
  max-width: 326px;
}

.application-item {
  display: flex;
  gap: 12px;
}

.application-image {
  display: flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
}

/* single section */
@media screen and (max-width: 600px) {
  .single-section .breadcrumbs {
    margin-top: 30px;
  }

  .single-section .woocommerce-breadcrumb a {
    font-size: 14px;
  }

  body .single-section .breadcrumbs {
    margin-bottom: 30px;
  }

  .single-section .standart-title {
    margin-bottom: 43px;
  }

  body .single-section {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 601px) and (max-width: 990px) {
  body .single-inside-wrap {
    gap: 20px;
  }

  .single-section .standart-title {
    margin-bottom: 40px;
  }

  .single-section .breadcrumbs {
    margin-top: 50px;
  }

  body .single-section {
    margin-bottom: 70px;
  }
}

.single-section .breadcrumbs {
  margin-bottom: 40px;
}

.single-section .career-card h3 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Gilroy";
  margin-bottom: 50px;
}

.single-section .career-card .card {
  border-radius: 4px;
  overflow: hidden;
}

.single-inside-wrap {
  display: flex;
  gap: 50px;
}

.single-section {
  margin-bottom: 110px;
}

.single-vacancy-description li {
  line-height: 100%;
  display: flex;
  align-items: center;
}

.single-vacancy-description * {
  font-family: "Gilroy" !important;
}

.single-vacancy-description p {
  margin-bottom: 10px;
}

.single-vacancy-description h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 120%;
  margin-bottom: 15px;
}

.single-vacancy-description ul {
  gap: 15px !important;
}

body .single-vacancy-description ul {
  max-height: unset;
}

.single-vacancy-description li::before {
  content: "" !important;
  background: url("/wp-content/uploads/2024/10/downloads_block_star1.svg");
  min-width: 12px;
  height: 12px;
  width: unset;
}

.single-section .download-button-block {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

.single-section .download-button-block a {
  background: #bf0d3e;
  border-color: #bf0d3e !important;
}

.single-section .btn-hier-downloaden {
  margin-top: 30px;
}

.single-section .download-button-block p {
  font-family: "Gilroy";
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .single-section .career-card {
    flex-direction: column;
    gap: 20px;
  }

  .single-section .career-card .card {
    max-height: 360px;
    width: 100%;
  }

  body .single-inside-wrap {
    gap: 60px;
  }

  body .single-section .career-card h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 990px) {
  body .single-inside-wrap {
    flex-direction: column;
  }

  .single-section .career-card {
    display: flex;
    align-items: center;
  }

  .single-section .download-button-block a {
    margin-top: 0;
  }
}

.single-section .career-card h3 {
  width: unset;
  padding: 14px 20px;
  border-radius: 4px 0 0 4px;
}

/* login styles */
.login-subtitle {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}

.login-page {
  color: #181413;
}

@media screen and (max-width: 600px) {
  body .login-subtitle {
    margin-bottom: 5px;
  }

  body .register-block .woocommerce-form-row > p {
    font-size: 14px;
  }

  body .woocommerce .login-page form .form-row {
    width: 100%;
  }

  body .login-page .woocommerce-form {
    gap: 20px;
  }

  body div.login-page div.breadcrumbs {
    margin-top: 30px !important;
    margin-bottom: 30px;
  }

  body .register-line {
    flex-direction: column;
    gap: 20px;
  }

  .register-line button {
    width: 100%;
    justify-content: center;
  }

  .login-page .woocommerce-breadcrumb a {
    font-size: 12px;
  }

  body .login-page .login-text,
  body .register-block {
    padding-top: 30px;
    margin-top: 30px;
  }

  body .login-page .woocommerce-form-row label {
    font-size: 16px;
  }

  body .login-page form.woocommerce-form {
    margin-top: 30px;
  }

  body .login-page .register-block,
  body .lost_reset_password {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 601px) {
  .register-line .woocommerce-Input {
    max-width: 310px;
  }
}

@media screen and (max-width: 700px) {
  body .submit-row {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 601px) and (max-width: 990px) {
  body div.login-page div.breadcrumbs {
    margin-top: 50px;
  }

  body .login-page .register-block,
  body .lost_reset_password {
    margin-bottom: 70px;
  }
}

.woocommerce-privacy-policy-text {
  display: none;
}

.login-page .register-block {
  margin-bottom: 100px;
}

div.login-page div.breadcrumbs {
  margin-top: 60px;
  margin-bottom: 40px;
}

.login-page .login-text {
  padding-top: 40px;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-family: "Gilroy";
  line-height: 120%;
  max-width: 915px;
  border-top: 1px solid #eeeeee;
}

.login-page * {
  line-height: 120% !important;
}

.login-page .woocommerce-form-login__rememberme {
  display: none !important;
}

.login-page form.woocommerce-form.register {
  flex-direction: column;
}

.login-page .woocommerce-form.register {
  gap: 15px;
}

wc-order-attribution-inputs {
  display: none;
}

.login-page form.woocommerce-form.login {
  flex-wrap: wrap;
}

.login-page form.woocommerce-form {
  padding: 0;
  border: 0 !important;
  margin-top: 40px;
  max-width: 650px;
  margin-bottom: 0 !important;
}

.register-block {
  margin-top: 40px;
  border-top: 1px solid #eeeeee;
  padding-top: 40px;
}

body .woocommerce .login-page form .form-row {
  padding: 0;
  margin: 0;
}

.login-page .woocommerce-form {
  display: flex;
  gap: 30px;
}

.login-page .woocommerce-form-row label {
  font-family: Gilroy;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 11px;
}

.login-page .woocommerce-Input {
  padding: 16px 15px;
  min-width: 310px;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  color: #181413;
}

.login-page .woocommerce-Input::placeholder {
  color: #909090;
}

.login-page .woocommerce-Input,
.login-page .woocommerce-Input::placeholder {
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 400;
}

body .login-page .woocommerce-button.button {
  background: #bf0d3e !important;
  padding: 15px 78px !important;
  border-radius: 4px !important;
  font-family: Gilroy !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #fff !important;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-right: 0;
}

body .login-page.reset-page .woocommerce-button.button {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.submit-row {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
}

.woocommerce-LostPassword.lost_password {
  font-family: "Gilroy";
  font-weight: 600;
}

.register-line {
  display: flex;
  gap: 30px;
}

.register-block .woocommerce-form-row > p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}

.show-password-input::after {
  display: none;
}

.woocommerce .login-page form .show-password-input {
  background: center / contain no-repeat
    url("/wp-content/uploads/2024/11/eye.svg");
  width: 20px;
  height: 20px;
  right: 15px;
  transform: translateY(-50%);
  top: 50%;
}

.clear {
  display: none;
}

.lost_reset_password {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 100px;
}

.login-page.reset-page .login-text {
  max-width: 100%;
}
@media screen and (min-width: 601px) {
  .shop-content h5 {
    min-height: 48px;
  }
}
.price-line > div {
  margin: 0;
}
.price-line {
  display: flex;
  align-items: center;
}

body .product-price span {
  padding-bottom: 0;
  margin-top: -15px;
}
body .product-info {
  margin-top: 0;
}
body .product-price {
  font-size: 24px;
  display: flex;
  align-items: center;
  gap: 7px;
}

body .discount-badge {
  margin-left: 0;
}

body .product-main-slider .swiper-slide img {
  width: 100%;
}

body .btn-zum-katalog {
  border-width: 1px !important;
}

.categories-slider-wrap form {
  transition: all 0.5s;
}

.categories-slider-wrap form:hover {
  scale: 1.05;
}

.home_swiper_navigation {
  z-index: 15 !important;
}

.wp-block-table.custom-table {
  max-width: 1000px;
}

/* standart */

.wc-proceed-to-checkout a:hover svg path {
  fill: #bf0d3e;
}

.single_add_to_cart_button {
  border: 1px solid #bf0d3e;
}

.summary.entry-summary form.wpcf7-form button {
  border: 1px solid #d7bb85;
}

.single_add_to_cart_button,
.single_add_to_cart_button svg *,
.summary.entry-summary form button,
.summary.entry-summary form button svg * {
  transition: all 0.3s;
}

.summary.entry-summary .wpcf7-form button:hover {
  background: transparent;
  color: #d7bb85;
}

.summary.entry-summary .wpcf7-form button:hover svg path {
  fill: #d7bb85;
}

.single_add_to_cart_button:hover svg path {
  fill: #bf0d3e;
}

.single_add_to_cart_button:hover {
  background: transparent;
  color: #bf0d3e;
}

a:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

body .content-block li::before {
  content: "";
  background: center / contain no-repeat
    url("/wp-content/uploads/2025/01/Star-1.svg");
  top: 11px;
  width: 8px;
  height: 7px;
}

body .add-to-cart {
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  background: #bf0d3e;
  display: flex;
  gap: 10px;
}

.contact-item-left-space {
  margin-left: 52px;
}

.after-price-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.after-price-info p {
  font-size: 14px;
  font-family: "Gilroy";
}

/* formular wrap */

.formular-wrap {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.formular-block .form-input {
  flex-basis: calc(50% - 10px);
}

.cd-upload-btn {
  color: #bf0d3e;
}

.formular-wrap .formular-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.formular-wrap .wpcf7-not-valid-tip {
  margin-top: 5px;
}

.form-input.form-textarea,
.form-input.form-multifile {
  flex-basis: 100%;
}

.formular-wrap legend {
  width: 100%;
  font-family: Kanit;
  font-weight: 500;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0%;
}

.formular-wrap .form-input {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.formular-wrap .form-input .wpcf7-form-control-wrap input,
.formular-wrap .form-input .wpcf7-form-control-wrap textarea {
  line-height: 120%;
  padding: 16px 20px;
  border-radius: 4px;
  border: 1px solid #eeeeee;
  width: 100%;
  font-family: Gilroy;
  font-size: 14px;
  font-weight: 400;
  color: #181413;
}

.content-block .codedropz-upload-inner h3 {
  width: 100%;
}

.dnd-upload-status .dnd-upload-details .name span {
  color: #bf0d3e;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
  background: #bf0d3e;
}

.formular-wrap .wpcf7-submit:hover {
  background: #fff;
  color: #bf0d3e;
}

.formular-wrap .wpcf7-submit {
  padding: 15px 48.5px;
  transition: all 0.5s;
  width: unset;
  height: unset;
  font-family: Gilroy;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  background: #bf0d3e;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #bf0d3e;
}

[data-wpcf7-id="2265"] form.invalid .wpcf7-response-output {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .formular-wrap legend {
    font-size: 28px;
  }

  .formular-block .form-input {
    flex-basis: 100%;
  }

  .formular-wrap .formular-block {
    flex-direction: column;
    gap: 15px;
  }
}

.custom-table tbody tr:not(:first-of-type) td:not(:first-of-type) img {
  max-width: 20px;
}

body .custom-table tbody tr:first-of-type td,
body .custom-table tbody tr:not(:first-of-type) td:first-of-type {
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-banner .btn-zum-katalog {
  margin: 0;
}

.button-banner {
  bottom: 50px;
  left: 50px;
}

@media screen and (max-width: 768px) {
  .button-banner {
    left: 30px;
  }
}

@media screen and (min-width: 769px) {
  .mobile-image-banner {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .desktop-image-banner {
    display: none;
  }
}

.nav-list li.current-menu-item a {
  color: #bf0d3e;
}

button[data-method="ppcp-gateway"] {
  display: none;
}

.category-description p:not(:last-child),
.spec_text_before_catalog .category-description:not(:last-child) {
  margin-bottom: 15px;
}