/*
Theme Name: Hello biz Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-biz
Version: 2.0.0
Text Domain: hello-biz-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.price-button-column .quantity-container.quantity.buttons_added  ,
.custom-quantity-control {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.price-button-column .custom-quantity-control input.qty-input {
    width: 50px;
    text-align: center;
}
   /* Hide number input arrows (Chrome, Safari, Edge) */
.price-button-column .quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide number input arrows (Firefox) */
.price-button-column .quantity input[type=number] {
    -moz-appearance: textfield;
}
  .quantity {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-block: 10px;
}

.quantity button.qty-minus,
.quantity button.qty-plus {
  background-color: #eee;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.quantity input.qty {
  width: 60px;
  text-align: center;
  height: 30px;
}


ul.commentlist li .review-header {
    padding-bottom: 10px;
    display: flex
;
    justify-content: space-between;
}
#variation-list .show-more-variations-btn{
    text-align: right;
    margin-top:10px;
}

#variation-list .show-more-variations{
         margin-top: 20px;
    padding: 10px 20px;
    background-color: #6F3C1B;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
#variation-list .show-more-variations:hover {
    background-color: #6F3C1B;
}
#variation-list .variation-action{
    flex: 0 0 auto;

}

#variation-list .variation-action a.button-view{
      padding:5px 0px;
      background:#6F3C1B;
      color:#fff;
       width: 150px;
          display: block;
        text-decoration:none;


}


/*//comment*/
.comment-text .review-header .review-author{
  color:#413955!important;
   font-size:14px;
 }
     .custom-review-section {
    display: flex;
    gap: 15px;
    margin-top: 30px;
    flex-wrap: nowrap;

}

.review-left-column {
    width: 25%;

}

.review-right-column {
  width:75%;
   display:block;
}
.average-rating-box {
    background: #f4f4f4;
    padding: 15px 10px;
    border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
    text-align: left;
    width:210px;
}
.average-rating-box .average-show{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap:10px;
}

.average-rating-number {
    font-size: 14px;
    font-weight: 600;
    color: #413955;
}
.average-rating-stars {
    margin: 10px 0;
}
.total-review-count {
    color:#413955;
    font-size: 14px;
}
.write-review-btn {
    background: #6F3C1B;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.write-review-btn:hover {
    background: #6F3C1B;
}

/* Star rating UI */
.star-rating-wrapper {
    direction: rtl;
    unicode-bidi: bidi-override;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    margin: 10px 0;
}
.star-rating-wrapper input[type="radio"] {
    display: none;
}
.show-more-btn{

text-align: right;
}

.star-rating-wrapper label {
    font-size: 28px;
    color: #ccc;
    cursor: pointer;
    transition: color 0.3s;
}
.star-rating-wrapper input[type="radio"]:checked ~ label,
.star-rating-wrapper label:hover,
.star-rating-wrapper label:hover ~ label {
    color: #f5a623;
}
ul.commentlist{
    list-style: none;
}
ul.commentlist li{
                border-bottom: 2px solid #8C8C8C99;
                 padding: 10px ;
}

ul.commentlist li .review-header{

    padding-bottom: 10px;
    display: flex ;
    justify-content: space-between;
    align-items:center;
}
}

.woocommerce .star-rating{

color:#6F3C1B!important;
}
.woocommerce .star-rating::before{

color:#6F3C1B!important;
}
.woocommerce .star-rating span::before{

color:#6F3C1B!important;

}

  .hidden-review {
    display: none;
}

.show-more-reviews-btn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #6F3C1B;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.show-more-reviews-btn:hover {
    background-color: #6F3C1B;
}

#category-list > div > div > ul > li{
	background-color: #A67C52;
	list-style: none;
	    padding: 8px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
 #category-list .primary-category-highlight {
 	background-color: #D9B08C
 	
 }
 @media screen and (max-width: 600px) {
            .variation-item {
                flex-direction: column !important;
                align-items: flex-start !important;
            }
            .variation-image {
                margin-bottom: 10px;
            }
            .variation-action {
                margin-top: 10px;
                width: 100%;
            }
            .variation-action a {
                display: inline-block;
                width: 100%;
                text-align: center;
            }

            .custom-review-section{
                      flex-wrap:wrap;
            }
            .review-left-column {
                width: 100%;

            }
            .review-right-column {
                width: 100%;

            }
             ul.commentlist{

             padding-left: 10px;
            }

        }