/**
 * Shop product reviews
 *
 * @author    businesstech.fr <modules@businesstech.fr> - https://www.businesstech.fr/
 * @copyright Business Tech - https://www.businesstech.fr/
 * @license   see file: LICENSE.txt
 *
 *           ____    _______
 *          |  _ \  |__   __|
 *          | |_) |    | |
 *          |  _ <     | |
 *          | |_) |    | |
 *          |____/     |_|
 */
 #spr {
  /** Product footer review list block **/
  /* Tooltip container */
  /* Tooltip text */
  /* Show the tooltip text when you mouse over the tooltip container */
  /* Tooltip text */
  /** expand more and less **/
}
#spr .disabled {
  border: none;
}
#spr .spr_product_page_top_block {
  display: flex;
  flex-flow: row wrap;
}
#spr .spr_product_page_top_block > * {
  flex: 1 1 160px;
  align-items: stretch;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid lightgray;
}
#spr .spr_product_page_distribution_block {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
}
#spr .spr_product_page_distribution_block > * {
  flex: 1 1 160px;
  align-items: stretch;
  padding-bottom: 5px;
  margin-right: 20px;
  text-align: center;
}
#spr .spr_product_page_explain {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
#spr .spr_product_page_explain > * {
  flex: 1 1 160px;
  align-items: stretch;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: center;
}
#spr a.spr_btn_rating {
  padding: 5px;
  text-align: center;
  width: 50%;
  margin-bottom: 5px;
}
#spr a.cms_link {
  font-style: italic;
  color: rgb(164, 157, 157);
}
#spr .spr-btn-text {
  white-space: normal;
  text-align: center;
}
#spr .spr_product_page_filter {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
  border-bottom: 1px solid lightgray;
}
#spr .spr_product_page_filter > * {
  flex: 1 1 160px;
  align-items: stretch;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: center;
}
#spr .spr_product_page_reviews {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
}
#spr .spr_product_page_reviews > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: left;
}
#spr .spr_product_see_more {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
}
#spr .spr_product_see_more > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: center;
}
#spr .spr_category_reviews {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_category_reviews > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: left;
}
#spr .spr_home_reviews {
  display: none;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  /*border-bottom: 1px solid lightgrey;*/
}
#spr .spr_home_reviews > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: left;
}
#spr .spr_home_reviews_custom{
  flex-direction: column;
  background: #fff;
  min-width: 75%;
  max-width: 90%;
}
#spr .spr_home_reviews_custom span, #spr .spr_home_reviews_custom p{
  color: black;
}
#spr .spr_home_reviews.active {
  display: flex; /* solo el actual visible */
}
#spr .spr_controls {
    display: flex;
    position: absolute;
    top: 40%;
    width: 102%;
    justify-content: space-between;
    left: -1%;
}

#spr .spr_controls button{
    background: transparent;
    border: transparent;
    color: white;
    font-size: 2rem;
    font-weight: 800;
}
#spr .spr_see_all_products {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
}
#spr .spr_see_all_products > a {
  flex-shrink: 1;
  flex-basis: 35;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: center;
  /*width: 30%;*/
}
#spr .review_customer::before{
    content: "";
}
#spr .spr_home_last_reviews_block {
  /*background-color: white;*/
  background-color: transparent;
  /*padding: 0.25rem 1.25rem 0.5rem;*/
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.125);
  display: flex;
  align-items: center;
  flex-direction: column;
}

#spr .spr_all_review_title {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid lightgrey;
}
#spr .spr_all_review_title > a {
  flex-shrink: 1;
  flex-basis: 35;
  padding-bottom: 10px;
  margin-right: 20px;
  text-align: center;
}
#spr .left-container {
  float: left;
  height: 50%;
  width: 15%;
  margin-right: 10px;
}
#spr .left-container > img {
  border-radius: 15px;
}
#spr .review_text_last_block {
  font-style: normal;
  font-size: 10pt;
  /*border-left: 2px solid rgba(0, 0, 0, 0.1);*/
  padding-left: 10px;
  min-height: 40px;
  word-break: break-word;
  float: right;
  width: 860px;
  background: none;
}
#spr .review_text_last_block_category {
  font-style: normal;
  font-size: 10pt;
  /*border-left: 2px solid rgba(0, 0, 0, 0.1);*/
  padding-left: 10px;
  min-height: 40px;
  word-break: break-word;
  float: right;
  width: 80%;
  background: none;
}
#spr .spr_battle_block_top {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_battle_block_top > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  margin-right: 20px;
  text-align: left;
}
#spr .spr_battle_block_content {
  display: flex;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_battle_block_content > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  margin-right: 20px;
  text-align: center;
  width: 50%;
}
#spr .review_customer_battle {
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  color: #7a7a7a;
  margin-right: 5%;
}
#spr .spr_product_review_form {
  display: flex;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_product_review_form > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  margin-right: 20px;
  text-align: center;
}
#spr .spr_product_review_form_multi_criteria {
  display: flex;
  width: 50%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_product_review_form_multi_criteria > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  margin-right: 20px;
  text-align: center;
}
#spr .spr_review_title_form {
  vertical-align: bottom;
}
#spr .spr_account_product_reviews {
  display: flex;
  flex-wrap: wrap;
  flex: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}
#spr .spr_account_product_reviews > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 35;
  margin-right: 20px;
  text-align: left;
}
#spr .spr_all_criteria_block {
  width: 100%;
  border: 1px solid lightgrey;
  margin-bottom: 15px;
  margin-top: 15px;
  border-radius: 10px;
}
#spr .spr_all_criteria {
  display: flex;
  flex-wrap: wrap;
}
#spr div.spr_all_criteria_child {
  margin: 10px;
  padding: 10px;
  flex: 40%;
  font-size: 15px;
  text-align: center;
}
#spr .spr_all_criteria_battle {
  display: block;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
}
#spr .spr_all_criteria_battle_child_label {
  font-size: 15px;
  margin-right: 2%;
}
#spr div.spr_all_criteria_battle_child {
  padding: 10px;
  flex: 100%;
}
#spr .hide {
  display: none;
}
#spr .show {
  display: block;
}
#spr .average_text {
  font-size: 15px !important;
}
#spr .pull-left {
  text-align: left !important;
}
#spr .pull-right {
  text-align: right !important;
}
#spr .bold {
  font-weight: bold;
}
#spr .review_container {
  min-height: 150px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#spr .review_title {
  font-weight: 700;
  font-size: 18px;
  color: #7a7a7a;
  -ms-word-break: break-word;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#spr .review_display_light {
  font-size: 15px;
  color: #7a7a7a;
  -ms-word-break: break-word;
  word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#spr .review_global_label {
  font-size: 15px;
  color: #7a7a7a;
}
#spr .review_customer {
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  color: #7a7a7a;
}
#spr .review_product {
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  text-decoration: underline;
  color: #7a7a7a;
}
#spr i.spr_vote_up,
#spr i.spr_vote_down {
  color: lightgray;
  cursor: pointer;
}
#spr i.spr_vote_up:hover {
  color: green;
}
#spr i.spr_vote_up_shop,
#spr i.spr_vote_down_shop {
  color: lightgray;
  cursor: pointer;
}
#spr i.spr_vote_up_shop:hover {
  color: green;
}
#spr .spr_voted_up {
  color: green !important;
}
#spr .spr_voted_down {
  color: red !important;
}
#spr i.spr_vote_down:hover {
  color: red;
}
#spr .spr_report_abuse {
  color: lightgray;
  cursor: pointer;
}
#spr .spr_report_abuse:hover {
  color: orange;
  cursor: pointer;
}
#spr .spr_report_abuse_shop {
  color: lightgray;
  cursor: pointer;
}
#spr .spr_report_abuse_shop:hover {
  color: orange;
  cursor: pointer;
}
#spr .review-vote {
  font-weight: bold;
  font-size: 14px;
  padding-left: 10px;
}
#spr .review_text {
  font-style: normal;
  font-size: 10pt;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  min-height: 40px;
  word-break: break-word;
  width: 100%;
}
#spr .review_text_battle {
  font-style: normal;
  font-size: 10pt;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  min-height: 40px;
  word-break: break-word;
  width: 100%;
}
#spr .review_text_answer {
  font-style: italic;
  font-size: 9pt;
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  min-height: 40px;
  word-break: break-word;
  width: 100%;
}
#spr .review_text_answer_head {
  color: #7a7a7a;
  font-size: 15px;
  padding-left: 10px;
  font-weight: bold;
  width: 800px;
}
#spr .spr-icon_verified {
  color: green;
}
#spr .spr-icon_verified_text {
  font-size: 12px;
  font-style: italic;
  color: green;
  font-weight: 300;
}
#spr .spr-icon_unverified_text {
  font-size: 12px;
  font-style: italic;
  color: red;
}
#spr .spr-icon_success {
  color: green;
}
#spr .spr-icon_danger {
  color: red;
}
#spr .spr-icon_warning {
  color: orange;
}
#spr .pagination .page-list {
  box-shadow: none;
}
#spr .review_title_battle {
  font-size: 15px;
  font-weight: 700;
  color: #7a7a7a;
  text-align: center;
}
#spr .spr_explain_moderation {
  margin-top: 20px;
}
#spr .table_cell {
  vertical-align: middle;
}
#spr .last_review_block_cat {
  background-color: transparent;
  height: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
#spr .review_text_home {
  font-style: normal;
  font-size: 10pt;
  border-left: 2px solid rgba(0, 0, 0, 0.1);
  padding-left: 10px;
  word-break: break-word;
  width: 800px;
}
#spr .review_container_home {
  min-height: 150px;
  padding: 10px;
}
#spr .average_cat_block {
  background-color: transparent;
}
#spr .average_cat_block_bottom {
  background-color: white;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 10px;
}
#spr .bt_see_all {
  color: white;
  /*width: 33%;*/
}
#spr .bt_filter_row {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
}
#spr .tooltip_spr {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
#spr .tooltip_spr .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
#spr .tooltip_spr:hover .tooltiptext {
  visibility: visible;
  margin-left: 25px;
}
#spr .tooltip_spr .tooltiptext_vote {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}
#spr .tooltip_spr:hover .tooltiptext_vote {
  visibility: visible;
  margin-top: 35px;
}
#spr .spr_expand {
  cursor: pointer !important;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#spr .spr_expand {
  cursor: pointer !important;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#spr .spr_go_to {
  cursor: pointer !important;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#spr .product-review-line-label {
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
  color: #7a7a7a;
  text-align: center;
  margin-bottom: 10px;
}
#spr .product-review-line-label-battle {
  font-weight: bold;
  font-size: 13px;
  vertical-align: middle;
  color: #7a7a7a;
  text-align: center;
  margin-bottom: 10px;
}
#spr .star_custom_size-review-line-label {
  font-size: 21px !important;
}
#spr .criteria-details {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
#spr .criteria-details-battle {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
}
#spr .criteria-details-average {
  padding: 15px;
}
#spr .star_custom_size-left {
  font-size: 40px !important;
}
#spr .clr_hr_shadow {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  border: none;
  width: 100%;
  height: 50px;
  box-shadow: 0 16px 12px -20px #333;
  margin: 0 auto 20px !important;
}
#spr .cms_link {
  color: gray;
  font-size: 12px;
}
#spr .cms_link:hover {
  text-decoration: underline;
  font-weight: bold;
}
#spr .battle-block {
  padding: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#spr .ui-draggable .ui-dialog-titlebar {
  display: none !important;
}
#spr .ui-dialog .ui-dialog-buttonpane {
  border: none;
  padding: none !important;
}
#spr .alert .ui-dialog-titlebar-close {
  display: none;
}
/*See all reviews*/
#spr #result_all_reviews .spr_home_reviews{
    display: flex;
}
#result_all_reviews{
    background:#003ea6;
    padding: 3rem 0;
}
.spr_navigation_dots,
.spr_navigation_numbers {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 8px;
}

.dot, .num {
  border: none;
  background: #ccc;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
}

.num {
  width: auto;
  padding: 4px 8px;
  border-radius: 4px;
}

.dot.active, .num.active {
  background: #007bff;
}

@media screen and (min-width: 0px) and (max-width: 1366px) {
  #spr .spr_all_criteria_battle {
    text-align: center;
  }
  #spr div.spr_all_criteria_battle_child {
    padding: 10px;
    flex: 100%;
    text-align: center;
  }
  #spr .spr_all_criteria_battle_child_label {
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #spr .spr_product_page_reviews_criteria > * {
    flex-wrap: wrap;
    flex-shrink: 1;
    margin-right: 20px;
    text-align: center;
    width: 100%;
  }
  #spr div.spr_all_criteria_child {
    margin: 10px;
    padding: 10px;
    flex: 100%;
    text-align: center;
  }
  #spr a.spr_btn_rating {
    padding: 5px;
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
  }
  #spr .spr_see_all_products > a {
    flex-shrink: 1;
    flex-basis: 35;
    padding-bottom: 10px;
    margin-right: 20px;
    text-align: center;
    width: 100%;
  }
  #spr .spr-icon_verified_text {
    display: none;
  }
  #spr .left-container {
    float: center;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
  }
  #spr .left-container > img {
    float: center;
    height: auto;
    width: 30%;
  }
  #spr .review_text_last_block {
    font-style: normal;
    font-size: 10pt;
    /*border-left: 2px solid rgba(0, 0, 0, 0.1);*/
    padding-left: 10px;
    min-height: 40px;
    word-break: break-word;
    width: 100%;
    float: right;
    margin-top: 10px;
    background: none;
  }
  #spr .review_text_answer {
    font-style: italic;
    font-size: 9pt;
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    min-height: 40px;
    word-break: break-word;
    width: 100% !important;
  }
  #spr .review_text {
    font-style: normal;
    font-size: 10pt;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    padding-left: 10px;
    min-height: 40px;
    word-break: break-word;
    width: 100%;
  }
  #spr .review_text_answer_head {
    color: #7a7a7a;
    font-size: 15px;
    padding-left: 10px;
    font-weight: bold;
    width: 100%;
  }
  #spr .top-reviews {
    text-align: center;
  }
}


/*Estilos d elos dots para la tarjeta activa*/
/* Dots base */
.spr_home_last_reviews_block .spr_navigation_dots .dot {
  width:10px; height:10px; border-radius:9999px; border:0; padding:0;
  background:#aaa !important; /* pisa cualquier inline residual */
  cursor:pointer; transition:transform .2s ease, background-color .2s ease;
}

/* Dot activo */
.spr_home_last_reviews_block .spr_navigation_dots .dot.active {
  background:#ffcd00 !important;
  transform: scale(1.15);
}

/* Slides: solo muestra el activo */
.spr_home_last_reviews_block .spr_home_reviews { display:none; }
.spr_home_last_reviews_block .spr_home_reviews.active { display:block; }


/* BOTONES CIRCULARES */
#spr .spr_controls .spr_arrow{
  width:44px;
  height:44px;
  border-radius:9999px;
  background:#e6e6e67a;         /* gris del círculo */
  font-size:20px;
}


/* MÓVIL: un poco más cerca y botones más compactos */
@media (max-width: 768px){
  #spr .spr_controls{ left:0.2%; width:100%;}
  #spr .spr_controls .spr_arrow{ width:36px; height:36px; font-size:18px; }
}

/* === FILTROS — estilo “pill” con chevron === */
#spr .bt_filter_row .form-control-select{
  width:100%;
  font-size:14px;
  line-height:1.35;
  color:#2b3945;
  background:#fff;
  border:2px solid #cddaf7;
  border-radius:16px;
  padding:12px 44px 12px 16px;       /* espacio para texto + chevron */
  box-shadow:inset 0 1px 2px rgb(0 0 0 / 0%);
  transition:border-color .2s, box-shadow .2s;
  cursor:pointer;
  /* chevron (SVG inline) */
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'>\
<path d='M5 7l5 6 5-6' stroke='%23839ACF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:18px 18px;
}

/* móvil: full width y menos padding */
@media (max-width: 768px){
  #spr .bt_filter_row{ gap:10px; }
  #spr .bt_filter_row .form-control-select{
    font-size:15px;
    padding:10px 40px 10px 14px;
  }
}