@charset "UTF-8";
/**
 * @version     1.0.0
 * @package     com_lcdj
 * @copyright   2023 - Emmanuel Danan - Agence Agerix
 * @license     GNU General Public License version 2 ou version ultérieure ; Voir LICENSE.txt
 * @author      Emmanuel Danan <emmanuel.danan@agerix.fr>
 */
:root {
  --rating-star-total: 5;
  --rating-star-size-result: 20px;
  --rating-star-size-form: 32px;
}

/**
 * Comments area - START
 */
.comments-inner-box {
  padding: 1em;
}
.comments-inner-box .comments-list-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: -20px;
  padding: 0;
  list-style: none;
}
.comments-inner-box .comments-list-nav > *:first-child {
  white-space: nowrap;
}
@media (max-width: 720px) {
  .comments-inner-box .comments-list-nav > * {
    flex-grow: 1;
    flex-basis: 0;
  }
}
@media (max-width: 600px) {
  .comments-inner-box .comments-list-nav > *:first-child {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .comments-inner-box .comments-list-nav > *:first-child {
    margin-left: -1em;
  }
}
.comments-inner-box .comments-list-nav > * {
  height: 3em;
}
.comments-inner-box .comments-list-nav .comments-total-title {
  color: #555 !important;
}
@media (max-width: 480px) {
  .comments-inner-box .comments-list {
    margin: 0 -1em;
  }
  .comments-inner-box .comments-list-nav li > * {
    font-size: 16px;
  }
  .comments-inner-box .comments-list-nav li {
    padding-left: 10px;
  }
  .comments-inner-box .comments-list-nav li:not(:first-child):before {
    margin-right: 10px;
  }
}
@media (max-width: 340px) {
  .comments-inner-box .comments-list-nav li > * {
    font-size: 14px;
  }
}
@media (max-width: 720px) {
  .comments-inner-box {
    /*.comments-list-nav {
      flex-wrap: wrap;
    }
    .comments-list-nav > li:last-child {
      min-width: 170px;
    }*/
  }
  .comments-inner-box div.favorites-button-text {
    display: none;
  }
}
.comments-inner-box form select.uk-select, .comments-inner-box form select.uk-select:not([multiple]):not([size]),
.comments-inner-box form input, .comments-inner-box form textarea {
  border: 1px solid #d0d0d0;
}
.comments-inner-box form select:not([multiple]), .comments-inner-box form button, .comments-inner-box form input[type=submit], .comments-inner-box form input[type=button], .comments-inner-box form input[type=reset] {
  cursor: pointer;
}
.comments-inner-box form textarea {
  height: 200px;
}
.comments-inner-box ul > li .comment-el-title {
  font-size: 1.4em;
  margin-bottom: 0.2em;
}
.comments-inner-box ul > li .comment-el-date {
  font-size: 1em;
  font-style: italic;
}
.comments-inner-box ul > li .comment-el-text {
  margin: 12px 0 0 0;
}
.comments-inner-box ul > li .comment-el-edit-btn,
.comments-inner-box ul > li .comment-el-info-txt {
  margin-top: -0.6em;
}
.comments-inner-box ul > li hr {
  margin: 24px 0 32px;
}

.modal_comments_box.favourites-btn-hidden .favourites-btn-box {
  display: none !important;
}

/**
 * Comments area - END
 */
/**
 * RATINGS - START
 */
/**
 * Ratings results viewing
 * (Display rating result percentage as stars)
*/
.rating-stars-result {
  width: calc(var(--rating-star-total) * var(--rating-star-size-result));
  height: var(--rating-star-size-result);
  position: relative;
  display: inline-block;
}
.rating-stars-result:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="%23555" d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502c-18.17 13.2-136.674 20.975-143.614 42.334c-6.94 21.358 84.362 97.303 91.302 118.662c6.94 21.36-22.286 136.465-4.116 149.665c18.17 13.2 118.61-50.164 141.068-50.164c22.458 0 122.9 63.365 141.068 50.164c18.17-13.2-11.056-128.306-4.116-149.665c6.94-21.36 98.242-97.304 91.302-118.663c-6.94-21.36-125.444-29.134-143.613-42.335c-18.168-13.2-62.182-123.502-84.64-123.502z"%2F%3E%3C%2Fsvg%3E');
  background-repeat: repeat-x;
  background-size: var(--rating-star-size-result);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: var(--rating-star-size-result);
  width: calc(var(--rating-star-total) * var(--rating-star-size-result));
}

.rating-stars-result > span {
  display: block;
  text-indent: -10000px;
  width: calc(var(--rating-star-total) * var(--rating-star-size-result));
  height: var(--rating-star-size-result);
  position: absolute;
  overflow: hidden;
}
.rating-stars-result > span:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="%23ffc34f" d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502c-18.17 13.2-136.674 20.975-143.614 42.334c-6.94 21.358 84.362 97.303 91.302 118.662c6.94 21.36-22.286 136.465-4.116 149.665c18.17 13.2 118.61-50.164 141.068-50.164c22.458 0 122.9 63.365 141.068 50.164c18.17-13.2-11.056-128.306-4.116-149.665c6.94-21.36 98.242-97.304 91.302-118.663c-6.94-21.36-125.444-29.134-143.613-42.335c-18.168-13.2-62.182-123.502-84.64-123.502z"%2F%3E%3C%2Fsvg%3E');
  background-repeat: repeat-x;
  background-size: var(--rating-star-size-result);
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  display: block;
  height: var(--rating-star-size-result);
  width: 100%;
}

/**
 * For selecting rating (in FORMs) via click on each of the 5 stars
 */
.rating-stars-selection-outer {
  display: flex;
  justify-content: center;
}
.rating-stars-selection-outer .rating-stars-selection {
  position: relative;
  display: flex;
  width: max-content;
}
.rating-stars-selection-outer .rating-stars-selection .rating-star {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="%23555" d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502c-18.17 13.2-136.674 20.975-143.614 42.334c-6.94 21.358 84.362 97.303 91.302 118.662c6.94 21.36-22.286 136.465-4.116 149.665c18.17 13.2 118.61-50.164 141.068-50.164c22.458 0 122.9 63.365 141.068 50.164c18.17-13.2-11.056-128.306-4.116-149.665c6.94-21.36 98.242-97.304 91.302-118.663c-6.94-21.36-125.444-29.134-143.613-42.335c-18.168-13.2-62.182-123.502-84.64-123.502z"%2F%3E%3C%2Fsvg%3E');
  background-size: var(--rating-star-size-form);
  background-repeat: no-repeat;
  position: relative;
  left: 0;
  top: 0; /*   */
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.rating-stars-selection-outer .rating-stars-selection .rating-star:before {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="%23ffc34f" d="M256 38.013c-22.458 0-66.472 110.3-84.64 123.502c-18.17 13.2-136.674 20.975-143.614 42.334c-6.94 21.358 84.362 97.303 91.302 118.662c6.94 21.36-22.286 136.465-4.116 149.665c18.17 13.2 118.61-50.164 141.068-50.164c22.458 0 122.9 63.365 141.068 50.164c18.17-13.2-11.056-128.306-4.116-149.665c6.94-21.36 98.242-97.304 91.302-118.663c-6.94-21.36-125.444-29.134-143.613-42.335c-18.168-13.2-62.182-123.502-84.64-123.502z"%2F%3E%3C%2Fsvg%3E');
  background-size: var(--rating-star-size-form);
  background-repeat: no-repeat;
  content: "";
  position: relative;
  left: 0;
  top: -1px;
  display: inline-block;
  width: 32px;
  height: 32px;
  opacity: 0;
  -moz-transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.rating-stars-selection-outer .rating-stars-selection .rating-star.selected:before {
  opacity: 1;
}

/**
 * For selecting rating (in FORMs) via a drop down selector
 */
.rating-stars-select-outer {
  display: flex;
}

/**
 * RATINGS - END
 */

/*# sourceMappingURL=comments.css.map */