/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
* Create a button that looks like and behaves like a link
*/
.jk-link-button::part(button){
    white-space: normal;
    overflow-wrap: break-word;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
 }

.jk-link-button::part(label){
    white-space: normal;
    overflow-wrap: break-word;
    /* Inherit text styling from the parent container */
    color: #b20838;
    font-family: Merriweather, sans-serif;
    font-size:16px;
    font-weight:400;
    

    /* Make it look like a hyperlink */
    text-decoration: none;
}

/* Optional: Define states just like a normal link */
.jk-link-button::part(label):hover,
.jk-link-button::part(label):focus{
    text-decoration: underline; /* Removes underline on hover */
}
.jk-clickwrap-agreement
input[type="checkbox"]{
    display:inline-block !important;
}

/* Split the classic checkout into a modern two-column layout */
@media screen and (min-width: 768px) {
  .woocommerce-checkout #customer_details {
    float: left;
    width: 60%;
  }

  .woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review_heading {
    float: left;
    width: 40%;
  }

  .woocommerce-checkout:after {
    content: "";
    display: table;
    clear: both;
  }
}

/* Modernize the Order Review Box */
.woocommerce-checkout #order_review {
  background-color: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Style the Order Review Table */
.woocommerce-checkout table.shop_table {
  border: none;
  background: transparent;
  margin-bottom: 20px;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border-top: none;
  border-bottom: 1px solid #f3f4f6;
  padding: 12px 0;
}

/* Modernize Input Fields */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 10px 12px;
  background-color: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
  outline: none;
}

/* Style the Place Order Button */
.woocommerce-checkout #payment #place_order {
  width: 100%;
  float: none;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  background-color: #111827;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}

.woocommerce-checkout #payment #place_order:hover {
  background-color: #1f2937;
}

/* Clean up Payment Box styling */
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 6px;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
  margin-bottom: 16px;
}