/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
GitHub Theme URI: studio-quark/uncode-child
*/

.job-item.post-table-hover .item {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}

.job-item.post-table-hover .item:hover {
  opacity: 1;
}

::selection {
  background-color: Highlight; /* System default highlight color */
  color: HighlightText; /* System default text color */
}

.choices__item--selectable.is-highlighted {
  background-color: #ffed00 !important;
  color: #353535 !important;
}

.wpforms-submit {
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #000000 !important;
  &:hover {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
  }
}

.wpforms-field input,
.wpforms-field textarea,
.wpforms-field .choices__inner {
  border-radius: 0 !important;
  font-size: 14px;
  font-family: "Plus Jakarta Sans";
}

.product-border .woocommerce-product-gallery__image-wrap {
  border: 1px solid #eaeaea;
}

.hidden {
  display: none !important;
}

.cart-icon-container .badge.init-product-counter {
  color: #000000;
}

.reset_variations {
  visibility: hidden !important;
  padding: 0 !important;
}

.site-footer a:hover,
.site-footer a:focus,
.panel:hover .panel-title a,
.active-group .panel-title a,
.active-group .panel-title a span::after,
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #756a4c !important;
}

.wpforms-confirmation-container-full {
  background: #fff !important;
  border-color: #eaeaea !important;
}

.t-entry-title a:hover,
.t-entry-title a:focus,
a[href^="mailto:"]:hover,
a[href^="tel:"]:hover,
.main-container a:hover,
.main-container a:focus {
  color: #756a4c !important;
}

.ajax_add_to_cart:hover .add_to_cart_text,
.ajax_add_to_cart:focus .add_to_cart_text,
.product_button_loop:hover .add_to_cart_text,
.product_button_loop:focus .add_to_cart_text {
  color: #fff !important;
}

.order_details td {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}

.wt_pklist_invoice_print {
  display: none !important;
}

.woocommerce-order-received .mame_qr-download-qrbill-wrapper {
  display: none !important;
}

.woocommerce-order-received .order-details > h3:first-child {
  display: none !important;
}

.order-details .woocommerce-customer-details--phone,
.order-details .woocommerce-customer-details--email {
  margin: 0;
}

.wt_pklist_invoice_download {
  text-decoration: underline;
}

@media (max-width: 569px) {
  .site-footer .vc_row {
    border: none !important;
    border-style: none !important;
  }
}

.uncode-owl-nav-wrap {
  padding: 0 36px;
}

.jobs-filter-buttons button {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #000; /* Text color */
  background-color: #fff; /* White background */
  border: 1px solid #aeaeae; /* Light gray border */
  cursor: pointer;
  transition: all 0.3s ease; /* Smooth hover effect */
  margin-right: 8px;
  margin-bottom: 8px;
}

.jobs-filter-buttons button:hover {
  background-color: #f5f5f5; /* Slightly darker background on hover */
  border-color: #bbb; /* Slightly darker border on hover */
}

.jobs-filter-buttons button.active {
  background-color: #000; /* Black background for active button */
  color: #fff; /* White text for active button */
  border-color: #000; /* Black border for active button */
}

/* Adjust spacing for smaller screens */
@media (max-width: 768px) {
  .jobs-filter-buttons {
    flex-wrap: wrap;
    gap: 12px;
  }

  .jobs-filter-buttons button {
    padding: 8px 16px;
    font-size: 14px;
  }
}

.search-result-display {
  max-width: 60%;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1024px) {
  .search-result-display {
    max-width: 100% !important;
  }
}

.search-result-display .search-thumbnail {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.search-result-display .badge-style {
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-size: 14px;
}


/**
   Allergens Icons
 */

.allergens-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.allergens-icons svg {
    width: 50px;
    height: 50px;
}