/*
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

/* =========================================================
   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-account.woocommerce-page .woocommerce-address-fields .select2-container--default .select2-selection--single, 
body.woocommerce-cart .cart_totals .woocommerce-shipping-calculator
.select2-container--default .select2-selection--single{
  height: 44px;
  display: flex;
  align-items: center;
  position: center;
}


/* Single post: reduce "One Response" (comments heading) */
body.single-post .comments-area > h2,
body.single-post .elementor-widget-theme-post-comments h3{
  font-size: 22px !important;   /* change as you want */
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

/* Optional: reduce "Leave a Reply" */
body.single-post .comment-reply-title{
  font-size: 22px !important;
  line-height: 1.2 !important;
}
.single-post .comment-list .avatar,
.single-post .elementor-widget-theme-post-comments .avatar {
  width: 35px !important;   /* change to 24 / 28 / 36 */
  height: 35px !important;
  border-radius: 50% !important;
}
/* Comments: reduce author avatar size */
/* Mobile */
@media (max-width: 767px){
  .single-post .comment-reply-title{
    font-size: 22px !important;
  }
}


.single-product form.cart .quantity .qty {
    color: #000 !important;
    
}

.single-product form.cart .quantity .qty::-webkit-inner-spin-button,
.single-product form.cart .quantity .qty::-webkit-outer-spin-button {
    opacity: 1 !important;
    pointer-events: auto !important;
    display: block !important;
}


/* Archive / shop / category pages - keep Read more button
   and show Out of stock text above it in red */

.woocommerce ul.products li.product.outofstock .button {
    position: relative !important;
    margin-top: 28px !important;
}

.woocommerce ul.products li.product.outofstock .button::before {
    content: "Out of stock";
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    color: #c95c5c !important;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    background: transparent;
}