/* Minimal styles for the section-review block (editor only). */

.wp-block-mister-gadget-section-review,
#section-review {
  font-family: inherit;
  color: inherit;
}

.wp-block-mister-gadget-section-review .container,
#section-review .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1200px;
  box-sizing: border-box;
}

.wp-block-mister-gadget-section-review .row,
#section-review .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  box-sizing: border-box;
}

.wp-block-mister-gadget-section-review .row.no-gutters,
#section-review .row.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-mister-gadget-section-review .row > [class*="col-"],
#section-review .row > [class*="col-"] {
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
}

.wp-block-mister-gadget-section-review .row.no-gutters > [class*="col-"],
#section-review .row.no-gutters > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.wp-block-mister-gadget-section-review .col-12,
#section-review .col-12 {
  width: 100%;
}

.wp-block-mister-gadget-section-review .col-6,
#section-review .col-6 {
  width: 50%;
}

.wp-block-mister-gadget-section-review .col-md-6,
#section-review .col-md-6 {
  width: 100%;
}

@media (min-width: 768px) {
  .wp-block-mister-gadget-section-review .col-md-6,
  #section-review .col-md-6 {
    width: 50%;
  }
}

.wp-block-mister-gadget-section-review .pb-3,
#section-review .pb-3 {
  padding-bottom: 1rem;
}

.wp-block-mister-gadget-section-review .text-uppercase,
#section-review .text-uppercase {
  text-transform: uppercase;
}

.wp-block-mister-gadget-section-review .summary,
#section-review .summary {
  font-weight: 300;
  font-size: 22px;
  padding: 20px;
}

.wp-block-mister-gadget-section-review .section-heading,
#section-review .section-heading {
  font-weight: 600;
}

.wp-block-mister-gadget-section-review .section-text,
#section-review .section-text,
.wp-block-mister-gadget-section-review .section-text-pro,
#section-review .section-text-pro,
.wp-block-mister-gadget-section-review .section-text-contro,
#section-review .section-text-contro {
  margin: 0;
  line-height: 1.5;
}

#section-review .side-news-main-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

#section-review .title-review {
  display: flex;
  align-items: center;
  gap: 8px;
}

#section-review .starts-review {
  display: flex;
  align-items: center;
}

#section-review .rating {
  width: 120px;
}

#section-review .starts-review {
  position: relative;
  width: 120px;
  height: 24px;
}

#section-review .starts-review input.rating {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

#section-review .starts-review::before,
#section-review .starts-review::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 120px;
  background-size: 24px 24px;
  background-repeat: repeat-x;
}

#section-review .starts-review::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d9d9d9'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.77 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z'/%3E%3C/svg%3E");
}

#section-review .starts-review::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5b301'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.77 5.82 22 7 14.14l-5-4.87 6.91-1.01L12 2z'/%3E%3C/svg%3E");
  width: 0;
  overflow: hidden;
}

#section-review[data-stars="0"] .starts-review::after { width: 0%; }
#section-review[data-stars="0.5"] .starts-review::after { width: 10%; }
#section-review[data-stars="1"] .starts-review::after { width: 20%; }
#section-review[data-stars="1.5"] .starts-review::after { width: 30%; }
#section-review[data-stars="2"] .starts-review::after { width: 40%; }
#section-review[data-stars="2.5"] .starts-review::after { width: 50%; }
#section-review[data-stars="3"] .starts-review::after { width: 60%; }
#section-review[data-stars="3.5"] .starts-review::after { width: 70%; }
#section-review[data-stars="4"] .starts-review::after { width: 80%; }
#section-review[data-stars="4.5"] .starts-review::after { width: 90%; }
#section-review[data-stars="5"] .starts-review::after { width: 100%; }

#section-review .title-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

/* OVERRIDES */
#section-review {font-family:'IBM Plex Mono Regular', 'System UI', sans-serif;}
.section-heading {font-family:'IBM Plex Mono Bold', 'System UI', sans-serif;font-weight:700;text-transform:uppercase;}
#section-review .row {padding:20px;}
#section-review .title-icon {margin-top:20px;}
#section-review .title-icon > .pro-title-icon,
#section-review .title-icon > .contro-title-icon {width:24px;height:24px;display:flex;align-items:center;justify-content:center;}
#section-review .title-icon > div > svg {width:100%;height:100%;}
#section-review .title-icon .section-heading {margin:0;}
#section-review .side-news-main-title {display:flex;flex-flow:row wrap;align-items:center;}
#section-review .side-news-main-title .starts-review input {border:unset;outline:unset;}
#section-review .title-review .section-heading {font-size:18px;}
#section-review .section-text {font-size:16px;}
#section-review .section-text-pro,
#section-review .section-text-contro {font-size:14px;}