/*!
Theme Name:         Knife Boss
Text Domain:		knife_boss
Theme URI:          https://treomax.com/
Description:
Version:            1.0
Author:             Treomax
Author URI:         https://treomax.com/
*/

/* Checkout Coupon Styles */
.checkout-coupon-section {
    margin: 20px 0;
    padding: 0px 0px 0px 0px;
    /* background: #f9f9f9; */
    border: 1px solid #eaeaeb;
    border-radius: 0;
}
.checkout-coupon-section i {
    padding-left: 15px
}
.checkout-coupon-section .checkout_coupon {
    margin: 0;
}

.checkout-coupon-section .coupon-entry-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-coupon-section .row-entry-content {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
}

.checkout-coupon-section .winnerstore-custom-two-icon-tag {
    font-size: 16px;
    color: #666;
    margin-right: 5px;
}

.checkout-coupon-section input[type="text"] {
    flex: 1;
    padding: 12px 15px;
    border: 0px solid #ddd;
    border-radius: 0;
    font-size: 0.8125rem;
    min-height: 45px;
    box-sizing: border-box;
    margin-bottom: 0px;
}

.checkout-coupon-section input[type="text"]:focus {
    outline: none;
    border-color: #1c1f23;
}

.checkout-coupon-section button {
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 0.875rem !important;
    min-height: 45px;
    padding: 10px 25px;
    color: #fff;
    background: #1c1f23;
    transition: all .3s;
    cursor: pointer;
    white-space: nowrap;
}

.checkout-coupon-section button:hover {
    background-color: #1F242A !important;
    color: white !important;
    border-color: #1c1f23;
    transition: all .3s;
}

@media (max-width: 768px) {
    .checkout-coupon-section .row-entry-content {
        flex-direction: column;
        gap: 10px;
    }
    
    .checkout-coupon-section input[type="text"],
    .checkout-coupon-section button {
        width: 100%;
    }
}

/* Стилі для полів форми оформлення замовлення з іконками */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -0.9375rem;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p {
    margin-bottom: 0 !important;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p label {
      display: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper {
      width: 100%;
      padding: 0 0.9375rem;
      position: relative;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input {
        margin-bottom: 1.875rem;
        font-size: 12px;
        color: #909090;
        padding-left: 35px;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input::-webkit-input-placeholder {
          font-size: 12px;
          color: #909090 !important;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input::-moz-placeholder {
          font-size: 12px;
          color: #909090 !important;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input::-ms-input-placeholder {
          font-size: 12px;
          color: #909090 !important;
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper input::placeholder {
          font-size: 12px;
          color: #909090 !important;
}

/* Іконки для полів форми оформлення замовлення */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p .woocommerce-input-wrapper::before {
  content: '';
  position: absolute;
  left: 28px;
  transform: translateY(26%);
  font-family: FontAwesome;
  font-size: 16px;
  color: #909090;
  z-index: 2;
}

/* Іконка для поля імені */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_first_name_field .woocommerce-input-wrapper::before {
  content: '\f007'; /* fa-user */
}

/* Іконка для поля прізвища */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_last_name_field .woocommerce-input-wrapper::before {
  content: '\f007'; /* fa-user */
}

/* Іконка для поля телефону */
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_phone_field .woocommerce-input-wrapper::before {
  content: '\f095'; 
}

.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper p#billing_email_field .woocommerce-input-wrapper::before {
  content: '\f0e0'; 
}

.zen-ui-select__value {
    font-size: 0.8125rem;
}

.wcus-checkout-fields h3{
    margin-top: 1em;
    border-bottom: 1px solid #dddddd;
    font-size: 0.875rem;
    padding-bottom: 0.9375rem;
}

/* Stock Status Styles */
.on-backorder-content-label {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ff9800;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    z-index: 10;
}

.on-backorder-content.stock-status-after-title {
    color: #ff9800;
    font-weight: 500;
    margin-top: 10px;
}

.wishlist-on-backorder {
    color: #ff9800;
    font-weight: 500;
}

/* Variation Availability Styles */
.woocommerce-variation-availability .stock.out-of-stock {
    color: #d63638;
    font-weight: bold;
}

.woocommerce-variation-availability .stock.on-backorder {
    color: #ff9800;
    font-weight: bold;
}

.woocommerce-variation-availability .stock.in-stock {
    color: #46b450;
    font-weight: bold;
}