/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* ===== Price below Category (Simple + Variable) ===== */
.single-product div.product .summary p.price,
.single-product div.product .summary .price,
.single-product .elementor-widget-woocommerce-product-price .price{
  font-size: 14px !important;      /* main price size like 2nd image */
  font-weight: 400 !important;
  line-height: 1.2 !important;
 
}

/* Single product: strike price smaller */
.single-product div.product p.price del,
.single-product div.product span.price del{
  font-size: 15px !important;
  opacity: 0.6 !important;
}

/* Sale price */
.single-product div.product p.price ins,
.single-product div.product span.price ins{
  font-size: 22px !important;
}
/* ===== Variation price below Stem Length (make it like simple product price) ===== */


/* Regular price (cross) */
.single-product .woocommerce-variation.single_variation .price del,
.single-product .woocommerce-variation-price .price del{
  color: #9ca3af !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 400 !important;

  text-decoration: line-through !important;
}

/* Sale price (green + underline) */
.single-product .woocommerce-variation.single_variation .price ins,
.single-product .woocommerce-variation-price .price ins{
  color: #16a34a !important;              /* same green as 2nd image */
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}




/* =========================================================
   1) Pick the Best Date + Tabs (remove bold, inherit font)
========================================================= */
.rp-delivery-wrap .rp-title{
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 14px 0 10px !important;
  color: inherit !important;
}

.rp-delivery-wrap .rp-tabs,
.rp-delivery-wrap .rp-tabs .rp-tab,
.rp-delivery-wrap .rp-tabs .rp-date{
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important; /* removes bold */
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* =========================================================
   2) WooCommerce star rating color
========================================================= */
.woocommerce .star-rating span::before,
.woocommerce p.stars a,
.woocommerce p.stars a::before,
.woocommerce p.stars a:hover,
.woocommerce p.stars a:focus,
.woocommerce p.stars.selected a,
.woocommerce p.stars.selected a::before{
  color:#EFBF04 !important;
}
.woocommerce .star-rating::before{
  color:#d9d9d9 !important;
}

/* =========================================================
   3) Category dropdown (left) + Sorting (right) same row
   Works even inside Elementor
========================================================= */

/* Put category left */
.rp-cat-dd-wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 12px 0 !important;
  float: left !important;
  max-width: 70% !important;
}

/* Keep label from breaking */
.rp-cat-label{
  white-space: nowrap !important;
}

/* Reduce "All categories" box width (desktop) */
.rp-cat-dd{
  width: 200px !important;     /* change to 180px if you want smaller */
  max-width: 200px !important;
  height: 40px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Put sorting right */
form.woocommerce-ordering{
  float: right !important;
  margin: 0 0 12px 0 !important;
}
form.woocommerce-ordering select{
  height: 40px !important;
  box-sizing: border-box !important;
}

/* Make product grid start below both */
.woocommerce ul.products,
.woocommerce .products{
  clear: both !important;
}

/* =========================================================
   4) Mobile: full border + reduce gap between both
========================================================= */
@media (max-width: 600px){

  .rp-cat-dd-wrap,
  form.woocommerce-ordering{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Label top, select full width (no cut border) */
  .rp-cat-dd-wrap{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin: 0 0 6px 0 !important; /* reduce gap */
    overflow: visible !important;
  }

  .rp-cat-dd{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Sorting just below with small gap */
  form.woocommerce-ordering{
    margin: 0 0 8px 0 !important;
  }

  form.woocommerce-ordering select{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}



.woocommerce #reviews .comment-form-email { display:none !important; }



/* WooCommerce Reviews – display like your reference (avatar left, compact spacing, clean meta line) */
.woocommerce #reviews #comments h2,
.woocommerce-page #reviews #comments h2{
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 0 1px !important;
}

/* Each review row */
.woocommerce #reviews #comments ol.commentlist{
  padding-left: 0 !important;
  margin: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist li{
  list-style: none !important;
  margin: 0 !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

/* Layout: avatar left, content right */
.woocommerce #reviews #comments ol.commentlist li .comment_container{
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

/* Avatar circle */
.woocommerce #reviews #comments ol.commentlist li img.avatar{
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  border: 2px solid rgba(0,0,0,.12) !important;
  background: #f2f2f2 !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
}
/* Remove Woo default box around text */
.woocommerce #reviews #comments ol.commentlist li .comment-text{
  flex: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Stars at top (not floating near avatar) */
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating{
  float: none !important;
  display: block !important;
  margin: 0 0 6px !important;
  font-size: 14px !important;
}

/* Name + date line */
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta{
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
  font-size: 12px !important;
  color: rgba(0,0,0,.45) !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong{
  font-weight: 300 !important;
  color: rgba(0,0,0,.75) !important;
}

/* Hide "–" and verified owner text to match reference look */
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__dash,
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta .woocommerce-review__verified{
  display: none !important;
}

/* Add dot separator before date */
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta time::before{
  content: "•" !important;
  margin: 0 8px !important;
  color: rgba(0,0,0,.30) !important;
}

/* Review text spacing */
.woocommerce #reviews #comments ol.commentlist li .comment-text .description p{
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: rgba(0,0,0,.65) !important;
}

/* Mobile: keep tight */
@media (max-width: 600px){
  .woocommerce #reviews #comments ol.commentlist li{
    padding: 14px 0 !important;
  }
  .woocommerce #reviews #comments ol.commentlist li img.avatar{
    width: 40px !important;
    height: 40px !important;
  }
}


/* Remove clickable look + disable click */
.woocommerce div.product .product_meta .posted_in a{
  pointer-events: none !important;
  text-decoration: none !important;
  cursor: default !important;
}

  

/* hide the login page */
.woocommerce #review_form .comment-form-cookies-consent{
  display:none !important;
}

/*Cart page karnataka and india display center*/
/* Select2 Country/State - center selected value */
body.woocommerce-cart .cart_totals .woocommerce-shipping-calculator
.select2-container--default .select2-selection--single{
  height: 44px;
  display: flex;
  align-items: center;
  position: start;
}