/*
Theme Name: Kadence Child
Theme URI: https://muplix.com/
Template: kadence
Author: Muplix
Author URI: https://muplix.com/
Description: A child theme of Kadence
Version: 1.1.1749068878
Updated: 2025-06-04 16:27:58

*/

/* Theme overdides */
/* Remove weird box shadows */
.entry.loop-entry {
    box-shadow: none !important;
}


/* Remove hover behind cart icon */
.custom-hover-reset {
  --global-palette-btn-bg-hover: none !important;
}

/* Cart Styles */
body.woocommerce-cart {
    background-color: #f3f3f3 !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart {
    background-color: #ffffff !important;
    padding: 1.75rem; /* Optional: add padding inside the white content */
    border-radius: 1rem; /* Optional: soften edges */
	border: 1px solid rgba(115, 115, 115, 0.2) !important;
    box-shadow: none !important; /* Optional: subtle elevation */
}

.entry.single-entry {
    box-shadow: none;
}



/* Other overdides */
/* Cart & Checkout Variation layout */
dl.variation dt,
dl.variation dd {
  display: inline;
  margin: 0;
  padding: 0;
}

/* Attribute label (e.g. "Size", "Beverage") */
dl.variation dt {
  font-weight: 600;
  color: #737373;
}

/* Selected value (e.g. "Medium", "Ginger Beer") */
dl.variation dd {
  color: #737373; 
}

/* If values are wrapped in <p> tags */
dl.variation dd p {
  display: inline;
  margin: 0;
  padding: 0;
  color: inherit;
}

/* Ensures each pair is on its own line */
dl.variation dd::after {
  content: "\A";
  white-space: pre;
}


/* Mailer lite consent */
.woocommerce form .form-row label {
    line-height: 1rem;
    font-weight: 600 !important;
    color: #181818 !important;
    font-size: 0.875rem !important;
}

/* === Cart Page: Shipping Method Container Styles === */
.woocommerce-shipping-methods {
  width: 100%;
  display: block;
  clear: both;
  list-style: none;
  box-sizing: border-box;
}

.woocommerce-shipping-methods li {
  padding: 0.5rem 0.75rem;
  background-color: #fdfdfd;
  border: 1px solid rgba(115, 115, 115, 0.2);
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border 0.3s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem !important;
}

.woocommerce-shipping-methods li:hover {
  	border-color: #5F950D;
	background-color: #f0f8e7;
	transition: border-color 0.3s ease, background-color 0.3s ease;
}

.woocommerce-shipping-methods label {
  margin: 0.25rem;
  font-weight: 600; /* make important to overide  */ 
  color: #181818; /* make important to overide  */
  cursor: pointer; /* make important to overide  */
  font-size: 0.938rem; /* make important to overide  */
}

/* Force left alignment for shipping methods on cart page, all screen sizes */
.woocommerce-shipping-methods,
.woocommerce-shipping-methods li,
.woocommerce-shipping-methods label {
  text-align: left !important;
  justify-content: flex-start !important; /* for flex layout */
}

/* === Checkout Page: Force containers full width and stack shipping label + methods === */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout-review-order-table tr,
.woocommerce-checkout-review-order-table td {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.e-checkout__order_review {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-shipping-totals.shipping {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.woocommerce-checkout .woocommerce-shipping-totals.shipping th {
  display: block;
  width: 100% !important;
  padding: 0 0 0.5rem 0 !important;
  text-align: left;
  margin-bottom: 0.5rem;
}

.woocommerce-checkout .woocommerce-shipping-totals.shipping td {
  display: block;
  width: 100% !important;
  padding: 0 0 0.5rem 0 !important;
  text-align: left;
}

.woocommerce-checkout .woocommerce-shipping-methods {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.woocommerce-checkout .woocommerce-shipping-methods li {
  display: block !important;
  width: 100% !important;
  padding: 0.75rem 1rem;
  background-color: #fdfdfd;
  margin-bottom: 0.75rem;
  border: 1px solid rgba(115, 115, 115, 0.2);
  border-radius: 0.5rem;
  background-color: #fff;
  cursor: default;
  box-sizing: border-box;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.woocommerce-checkout .woocommerce-shipping-methods li:hover {
  border-color: #5F950D;
  background-color: #f0f8e7;
}

.woocommerce-checkout .woocommerce-shipping-methods label {
  margin: 0.25rem;
  font-weight: 600; /* make important to overide  */ 
  color: #181818; /* make important to overide  */
  cursor: pointer; /* make important to overide  */
  font-size: 0.938rem; /* make important to overide  */
}


/* prevent field zoom when on mobile */
@media screen and (max-width: 480px) {
  .muplix-nozoom-fields input,
  .muplix-nozoom-fields textarea,
  .muplix-nozoom-fields select {
    font-size: 16px !important;
  }
}



/* My account view order top */
.muplix-order-meta2 {
  display: flex;
  align-items: center;       /* vertical center alignment */
  justify-content: flex-start; /* use flex-start for left alignment, not 'start' */
  gap: 0.25rem;              /* spacing between items */
  flex-wrap: wrap;           /* allows wrapping on narrow widths */
  text-align: left;          /* better to use left if content is left aligned */
  line-height: 1;            /* reduce line height to avoid vertical offset */
}






/* Status Badge */
.status-col .status-badge  {
    padding: 0.25rem 0.75rem !important;
    font-size: 0.75rem !important;
    border-radius: 9999px;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.woocommerce .status-badge {
  padding: 0.25rem 0.75rem !important;
  font-size: 0.75rem !important;
  border-radius: 9999px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 120px !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.status-processing        { background: #dfeacf !important; color: #4c770a !important; }
.status-completed         { background: #e8e8e8 !important; color: #181818 !important; }
.status-refunded          { background: #007b9b !important; color: #fff !important; }
.status-cancelled         { background: #C71B17 !important; color: #fff !important; }
.status-on-hold           { background: #fff9e5 !important; color: #c99000 !important; }
.status-driver-assigned,
.status-out-for-delivery  { background: #5F950D !important; color: #fff !important; }
.status-ready-for-pickup  { background: #dfeacf !important; color: #4c770a !important; }
.status-failed-delivery   { background: #C71B17 !important; color: #fff !important; }
.status-pending           { background: #C71B17 !important; color: #fff !important; }
.status-failed            { background: #C71B17 !important; color: #fff !important; }
.status-default           { background: #f1f1f1 !important; color: #555 !important; }

/* ============================================
   Shipping and billing addresss
   ============================================ */
/* Container */
.jrk-ship-bill-container {
    padding: 0 !important;
    margin: 0;
}

/* Flex wrapper */
.jrk-address-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: space-between;
}

/* Address box */
.jrk-address-box {
    flex: 1 1 48%;
    background: transparent;
    padding: 0rem;
    border: none;
}

/* Headings */
.jrk-address-title {
    font-size: 1rem !important;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Address content */
.jrk-address-content {
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Subtext (phone/email) */
.jrk-subtext {
    font-size: 0.9rem;
    color: #555;
    margin: 0.25rem 0 0;
}

/* Responsive: Stack on small screens */
@media (max-width: 768px) {
    .jrk-address-box {
        flex: 1 1 100%;
    }

    .jrk-address-flex {
        gap: 1rem;
    }
}

/* ============================================
   Customer Reviews Section
   ============================================ */
/* Buttons */
.cr-review-form-submit {
    margin-top: 0.75rem;
  background-color: #F2A71B !important;
  color: #181818 !important;
  padding: 0.5rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  border: none !important;
  border-radius: 40rem !important;
  cursor: pointer !important;
  width: 100% !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
}
.cr-review-form-submit:hover {
  background-color: #5F950D !important;
  color: #fff !important;
}

.cr-review-form-submit:focus,
.cr-review-form-submit:active {
  box-shadow: 0 0 0 3px rgba(242, 167, 27, 0.3) !important;
}

.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue, .cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue, .cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue, .cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue, .cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue {
    display: flex
;
    background-color: #F2A71B;
    color: #181818;
    border: 0;
	border-radius: 40rem !important;
    height: 40px;
    line-height: 20px;
    font-size: 0.875rem;
	font-weight: 600 !important;
    width: auto;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

.cr-all-reviews-shortcode .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-all-reviews-shortcode .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-ajax-reviews-review-form .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-reviews-grid .cr-review-form-not-logged-in .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-res .cr-review-form-result .cr-review-form-continue:hover,
.cr-qna-block .cr-review-form-not-logged-in .cr-review-form-continue:hover {
    background-color: #5F950D; /* Darker shade for hover */
    color: #fff; /* Contrast text on hover */
    cursor: pointer; /* Visual indicator it's clickable */
    transition: background-color 0.3s ease, color 0.3s ease;
}


.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add {
    margin: 0 0 0 15px;
    cursor: pointer;
    background-color: #F2A71B;
    color: #181818;
    display: flex
;
	 border-radius: 40rem !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    text-transform: none;
    line-height: 20px;
    font-size: 0.875rem;
    border: none;
	    transition: background-color 0.3s ease, color 0.3s ease;
}

.cr-reviews-ajax-reviews .cr-ajax-reviews-nosummary .cr-nosummary-add:hover {
    margin: 0 0 0 15px;
    cursor: pointer;
    background-color: #5F950D;
    color: #fff;
}

/* Product title */
.cr-all-reviews-shortcode .cr-review-form-item span, .cr-ajax-reviews-review-form .cr-review-form-item span, .cr-reviews-grid .cr-review-form-item span, .cr-qna-block .cr-review-form-item span {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #181818;
}

/* review types */
.woocommerce .product #reviews .comment-text .crf-custom-question-rating, .cr-all-reviews-shortcode .commentlist .crf-custom-question-rating {
    padding-right: 0.5rem;
    font-weight: 600;
    font-size: 1rem !important;
}


.woocommerce .product #reviews .comment-text hr.ivf-custom-question-hr, .cr-all-reviews-shortcode .commentlist hr.ivf-custom-question-hr {
    margin: 1.25rem 0;
    border-bottom: 1px solid rgba(115, 115, 115, 0.2);
}
