/*
 Theme Name:   Flatsome Child
 Theme URI:    http://yourwebsite.com/
 Description:  Child theme for Flatsome WordPress theme
 Author:       Your Name
 Author URI:   http://yourwebsite.com/
 Template:     flatsome
 Version:      1.0.0
 Text Domain:  flatsome-child
*/

:root {
  --var-tvz-font: "Quicksand";
}
html[lang="de"] body,
html[lang="en"] body,
html[lang="de"] body *:not(svg),
html[lang="en"] body *:not(svg) {
  font-family: var(--var-tvz-font), sans-serif !important;
}

html[lang="de"] h1,
html[lang="de"] h2,
html[lang="de"] h3,
html[lang="de"] h4,
html[lang="de"] h5,
html[lang="de"] h6,
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  font-family: var(--var-tvz-font), "Inter", sans-serif !important;
}

/* Body Font */
body {
  font-family: var(--var-tvz-font), "Inter", sans-serif !important;
}

/* Navigation Font */
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
  font-family: var(--var-tvz-font), "Inter", sans-serif !important;
}

/* Heading Font */
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
  font-family: var(--var-tvz-font), "Inter", sans-serif !important;
}

/* Alternate Font Class (optional) */
.alt-font {
  font-family: var(--var-tvz-font), "Inter", sans-serif;
}

/* End Fonts */

.button.is-outline,
input[type="button"].is-outline,
input[type="reset"].is-outline,
input[type="submit"].is-outline {
  background-color: #fff;
  border: 1px solid;
}

.blogimg {
  margin: auto;
}
.form-field-landing {
  border-color: #ffffff;
  background-color: #ffffff00;
}

/* Styling for Blog Page Tabs */
.blog-tabs .nav-tabs > li {
  margin: 0; /* Remove margin between tabs */
  padding: 0;
  flex-grow: 1; /* Make tabs fill container width */
}

.blog-tabs .nav-tabs > li > a {
  padding: 10.5px 18px; /* Reduced padding for smaller size */
  border-left: 1px solid #0c3c30; /* Border on the left for each tab */
  border-top: 1px solid #0c3c30; /* Top border for consistency */
  border-right: 1px solid #0c3c30; /* Right border for each tab */
  border-bottom: 1px solid #0c3c30; /* Add bottom border for inactive tabs */
  color: #000; /* Black font color for inactive tabs */
  text-align: center;
  background-color: transparent; /* Transparent background for normal tabs */
  transition: background-color 0.3s ease, color 0.3s ease,
    border-color 0.3s ease; /* Smooth transition for background, color, and border */
  border-radius: 0; /* Remove rounded corners */
  width: 100%; /* Ensure full width for each tab */
  display: block;
  font-size: 0.72em; /* Reduce font size */
  box-sizing: border-box; /* Include border in height calculation */
  position: relative; /* Allow for positioning adjustments */
}

.blog-tabs .nav-tabs > li.active > a {
  background-color: #0c3c30; /* Dark green background color for the active tab */
  color: #fff !important; /* White font color for active tab */
  font-weight: bold;
  border-left: 1px solid #0c3c30; /* Left border for active tab */
  border-top: 1px solid #0c3c30; /* Top border for active tab */
  border-right: 1px solid #0c3c30; /* Right border for active tab */
  border-bottom: 1px solid #fff; /* White bottom border to visually connect the content */
  margin-bottom: -1px; /* Adjust height to hide bottom border visually */
  box-sizing: border-box; /* Include border in height calculation */
}

.blog-tabs .nav-tabs > li > a:hover {
  background-color: rgba(
    12,
    60,
    48,
    0.85
  ); /* Dark green background with lower opacity for hover */
  color: #fff; /* White font color on hover */
  font-weight: bold;
  border-left: 1px solid #0c3c30; /* Left border on hover */
  border-top: 1px solid #0c3c30; /* Top border on hover */
  border-right: 1px solid #0c3c30; /* Right border on hover */
  border-bottom: 1px solid #0c3c30; /* Ensure bottom border remains on hover */
}

.blog-tabs .nav {
  display: flex;
  justify-content: center; /* Center the tabs */
  align-items: stretch; /* Stretch tabs to fill height */
  width: 100%; /* Full width for the tab container */
  border-bottom: 2px solid #0c3c30; /* Dark green line below the tab bar */
}

.blog-tabs .nav-tabs {
  border: none; /* Remove the default border-bottom */
}



/* Lottie Fix for WPROCKET */
.my-lottie-fix {
  width: 100%;
  height: 75px;
}
/* End Lottie Fix */

/* new footer */
.tw-footer {
  background: #e7c89c;
  color: #222;
  padding: 40px 0 0 0;
  font-family: inherit;
}
.tw-footer > div {
  max-width: 1050px;
  margin: auto;
  position: relative;
}

.tw-footer-top h2 {
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 30px;
}

.tw-footer-features {
  display: flex;
  justify-content: center;
  gap: 70px;
  margin-bottom: 40px;
  flex-wrap: nowrap;
}

.tw-footer-feature {
  text-align: center;
  /* width: 170px; */
  flex-shrink: 1;
  flex-grow: 0;
}
.tw-footer-feature p {
  margin: 0 !important;
}

.tw-footer-feature .tw-icon {
  display: block;
  font-size: 40px;
  margin-bottom: 10px;
}

.tw-footer-main {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto 35px auto;
  flex-wrap: wrap;
  gap: 10px 30px;
  align-items: center;
}
.tw-footer-main h4 {
  font-weight: 700;
  font-size: 1.125em;
}

.tw-footer-links {
  display: flex;
  flex: 1;
}
.tw-footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* grid-auto-flow: column; */
  gap: 5px 50px;
}
.tw-footer-links ul li {
}
@media (min-width: 768px) {
  /* ستون اول */
  .tw-footer-links ul li:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
  }
  .tw-footer-links ul li:nth-child(2) {
    grid-row: 2;
    grid-column: 1;
  }
  .tw-footer-links ul li:nth-child(3) {
    grid-row: 3;
    grid-column: 1;
  }
  .tw-footer-links ul li:nth-child(4) {
    grid-row: 4;
    grid-column: 1;
  }

  /* ستون دوم */
  .tw-footer-links ul li:nth-child(5) {
    grid-row: 1;
    grid-column: 2;
  }
  .tw-footer-links ul li:nth-child(6) {
    grid-row: 2;
    grid-column: 2;
  }
  .tw-footer-links ul li:nth-child(7) {
    grid-row: 3;
    grid-column: 2;
  }
  .tw-footer-links ul li:nth-child(8) {
    grid-row: 4;
    grid-column: 2;
  }

  /* ستون سوم */
  .tw-footer-links ul li:nth-child(9) {
    grid-row: 1;
    grid-column: 3;
  }
  .tw-footer-links ul li:nth-child(10) {
    grid-row: 2;
    grid-column: 3;
  }
  .tw-footer-links ul li:nth-child(11) {
    grid-row: 3;
    grid-column: 3;
  }
  .tw-footer-links ul li:nth-child(12) {
    grid-row: 4;
    grid-column: 3;
  }
}

.tw-footer-links ul li a {
}
.tw-footer-links h3 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.tw-footer-links ul {
  /* list-style: none; */
  /* padding: 0; */
  /* margin: 0; */
}

.tw-footer-links li {
  margin-bottom: 5px;
}

.tw-footer-links a {
  color: #282828;
  text-decoration: none;
  transition: color 0.2s;
  font-size: 15px;
  font-weight: 500;
}

.tw-footer-links a:hover {
  color: #ab7b2f;
}

.tw-footer-form {
  /* flex: 1; */
  min-width: 220px;
  margin-top: 20px;
}

.tw-footer-bottom {
  border-top: 3px solid #555;
  margin-top: 30px;
  padding: 20px 0 10px 0;
  text-align: center;
  margin-top: 120px !important;
  display: flex;
  justify-content: center;
}
.tw-footer-logos {
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  top: -75px;
  align-items: center;
  gap: 15px;
  flex-direction: row-reverse;
}
.tw-footer-logos a {
  opacity: 0.7;
  transition: 0.3s;
}
.tw-footer-logos a:hover {
  opacity: 1;
}

.tw-footer-social {
  margin: 18px 0;
  display: inline-flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  width: auto;
  background: #e7c89c;
  margin: 0px 0 0 0;
  padding: 0 30px;
  position: absolute;
  top: -16px;
}

.tw-footer-social a {
  color: #222;
  font-size: 27px;
  margin: 0 12px;
  transition: color 0.2s;
  display: flex;
}

.tw-footer-social a:hover {
  color: #ab7b2f;
}
.tw-footer-social a svg {
  width: 30px;
}

.tw-footer-info {
  /* margin-top: 10px; */
  font-size: 0.9rem;
  color: #222;
}
.tw-footer-info ul {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin: 35px 0 25px;
}
.tw-footer-info ul li {
  margin: 0;
  display: flex;
  align-items: center;
}
.tw-footer-info ul li:not(:first-child):before {
  content: "";
  width: 1.5px;
  height: 18px;
  background: #282828;
  display: inline-block;
  margin-inline-end: 20px;
}

.tw-footer-info ul li a {
  color: #282828;
  text-decoration: none;
  margin: 0 3px;
  transition: color 0.2s;
  font-size: 17px;
}

.tw-footer-info a:hover {
  color: #ab7b2f;
}

@media (max-width: 768px) {
  .tw-footer-feature {
    width: calc(50% - 20px);
    background: #00000010;
    border-radius: 12px;
    padding: 20px;
  }

  .tw-footer-features {
    gap: 10px;
    flex-wrap: wrap;
  }

  .tw-footer > div {
    padding: 0 5px;
  }

  .tw-footer-main {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
  .tw-footer-main h3 {
    font-size: 22px;
  }

  .tw-footer-info ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px 11px;
    margin: 25px 0 15px;
  }

  .tw-footer-info ul li a {
    font-size: 16px;
  }

  .tw-footer-logos {
    position: unset;
    order: 3;
    display: flex;
    justify-content: center;
    margin: 10px 0 20px;
  }
  .tw-footer-logos a {
  }
  .tw-footer-logos a svg {
    max-height: 35px;
    max-width: 90px;
  }

  .tw-footer-social {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: unset;
  }
  .tw-footer-social a {
    margin: 0;
  }

  .tw-footer-bottom {
    width: calc(100% - 10px);
    margin-top: 25px !important;
    padding-top: 25px !important;
    border-top-width: 1px;
    display: flex;
    flex-direction: column;
  }

  .tw-footer {
    padding: 40px 0 10px;
  }
  .tw-footer-info ul li:not(:first-child):before {
    margin-left: 10px;
  }
  .tw-footer-links ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .tw-footer-links ul li:nth-child(4),
  .tw-footer-links ul li:nth-child(8),
  .tw-footer-links ul li:nth-child(12) {
    margin-bottom: 25px;
  }
}

.single_variation_wrap .single_variation {
  display: none !important;
}
.product-info .price {
  font-size: 1.2em !important;
}

.grecaptcha-badge {
  bottom: 114px !important;
  z-index: 1;
}

/* tavazo custom contact fotm */
.custom-contact-form {
  display: flex;
  flex-direction: column;
  --ccf-gap: 10px;
  gap: var(--ccf-gap);
  margin-bottom: 0 !important;
}
.custom-contact-form .ccf-row {
  display: flex;
  flex-direction: row;
  gap: var(--ccf-gap);
}

.custom-contact-form input {
  margin: 0;
}

.custom-contact-form textarea {}

.custom-contact-form button[type="submit"] {
  background: #1f4b40;
  color: #fff;
  margin-top: 10px;
}

.custom-contact-form button[type="submit"]:hover {
  background: #00000069;
}

.custom-contact-form .g-recaptcha {
  margin-top: 20px;
}
.ccf-message {
    border: 2px solid #1f4b40;
    padding: 10px;
    border-radius: 10px;
    font-weight: 600;
    color: #222;
}

.custom-contact-form input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.custom-contact-form div > label {
  display: flex;
  align-items: center;
}
.custom-contact-form.form-sending {
  opacity: 0.4;
  user-select: none;
  pointer-events: none;
}








/*tavazo login form */
.tavazo-custom-login {
  position: fixed;
  z-index: 9999999999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #00000099;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tavazo-custom-login .account-container {
  background: #fff;
  width: calc(100% - 120px);
  padding: 30px 0;
  max-height: 100vh;
}

.tavazo-custom-login .close-btn {
  position: absolute;
  background: #0c3c30;
  top: 40px;
  left: 80px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 24px;
  color: #fff;
  border-radius: 8px;
  line-height: 47px;
  cursor: pointer;
}
.nav-top-link.nav-top-not-logged-in.t-loading {
  border-color: red;
}


/* login page error style */
.woocommerce-account .woocommerce-error {
  background: #ffdada;
  padding: 10px 20px;
  margin-bottom: 20px;
  text-align: start;
}

.woocommerce-account .woocommerce-error li {
  padding: 0;
  margin: 0;
}
.woocommerce-account .woocommerce-form .g-recaptcha {
  margin-bottom: 20px;
}



/* tavazo newsletter */
.tw-footer-form {
  flex: 1;
  max-width: 410px;
  background: #F0D8B7;
  padding: 0;
  border-radius: 16px;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 1px solid #000;
  box-shadow: 0 0 0 4px #fff;
  position: relative;
}
.tw-footer-form:before {
  content: '';
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  position: absolute;
  background: #e7c89c;
  background: linear-gradient(0deg, #e7c89c 20%, #ffffff00 100%);
  inset-inline-start: -5px;
  inset-block-start: -5px;
}
.tw-footer-form:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: #F0D8B7;
  inset-inline-start: 0px;
  inset-block-start: 0px;
  border-radius: 16px
}
.tw-footer-form .footer-newsletter-container {
  padding: 30px;
  z-index: 1;
  position: relative;
}

.tw-footer-form .footer-newsletter-honeypot {
  display: none;
}

.tw-footer-form button#footer-newsletter-button {
  background: #0C3C30;
  color: #fff;
  height: 100%;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  border-radius: 12px !important;
  padding: 14px 25px;
  text-wrap-mode: nowrap;
}

#footer-newsletter-message {
  padding: 3px 10px;
  border-radius: 4px;
  background: #ffffff7a;
  margin-top: 10px;
  display: none;
}
#footer-newsletter-message.error {
  background: #ff4a4a;
  color: #fff;
 display: block;
}
#footer-newsletter-message.success {
background: #0c7855;
color: #fff;
display: block;
}
.tw-footer-form p {
  margin: 10px 0 0 0;
  color: #444;
}
.footer-newsletter-form-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  /* background: #fff; */
  align-items: center;
  justify-content: center;
  height: 48px;
}

.footer-newsletter-form-wrapper input[type="email"] {
  margin: 0;
  height: 100%;
  background-color: #EDF3EC !important;
  border-width: 0px 0px 0px 0px;
  border-radius: 12px;
  line-height: 32px;
  box-shadow: unset;
  border: none;
  opacity: 1 !important;
  padding: 12px;
}

.footer-newsletter-form-wrapper button {
  margin: 0;
}

.footer-newsletter-container > h2 {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  margin-bottom: 20px;
}

.tw-footer-form p a {
  color: #000;
  font-weight: 600;
}
.footer-newsletter-form-wrapper input[type="email"]:focus {
  box-shadow: unset;
  border-color: #0000001a;
}
.footer-newsletter-form-wrapper input[type="email"], .footer-newsletter-form-wrapper input[type="email"]::placeholder {
  color: #777777;
  font-size: 15px;
}






/* image variation swatches */
.variable-items-wrapper.image-variable-items-wrapper .variable-item.image-variable-item {
  width: 100px !important;
  height: 100px !important;
}
.variable-items-wrapper.image-variable-items-wrapper .variable-item.image-variable-item img {
  object-fit: contain;
}

/* megamenu box shadow */
li.menu-item.has-dropdown.current-dropdown {}

li.menu-item.has-dropdown.current-dropdown > ul {
    background: #fff;
    box-shadow: 0px 52px 40px 0 #00000030;
}


/* woocommerce single page */
.woocommerce-Tabs-panel--description p {
  font-size: 16px;
  line-height: 2.2;
}
.product-summary .woocommerce-Price-currencySymbol {
  font-size: 20px;
  font-weight: bold;
}


/* home page */
.box-text a:not(.button), .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6 {
  font-size: 18px;
  line-height: 1.8;
}

.box-text {
  font-size: 15px;
  line-height: 1.8;
  padding: 15px 30px !important;
}

.box-text .button {
  margin-top: 30px;
  font-size: 15px;
}

.box-text p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
}
.icon-box-text span {
  font-size: 16px;
  text-wrap-mode: nowrap;
}

.icon-box.featured-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}



.onsale,
.badge,
.badge-container,
span.onsale,
.product-small .box-image .onsale,
.woocommerce span.onsale,
.woocommerce .badge,
.woocommerce .badge-container,
.ux-badges,
.wdr-discount-badge,
.wdr-badge,
.yith-wcbm-badge,
.yith-wcbm-badge-wrapper,
.woo-discount-rules-sale-badge,
.woo-discount-rules-pro-sale-badge,
.woo-badge-sale,
.woo-badge,
[class*="badge"] {
    display: none !important;
}