#review_form {
position: sticky;
top: 40px;
}
#review_form .optional {
color: #666;
}
#review_form label .required {
color: #e74c3c;
}
.yayrev-title-input {
width: 100%;
}
.yayrev-reviews p.stars a {
color: #f59e0b;
}
body.theme-brandy .woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0;
}
body.theme-brandy .woocommerce p.stars:hover a::before {
content: "\e020";
}
body.theme-brandy .woocommerce p.stars.selected a.active::before {
content: "\e020";
}
.yayrev-reviews #review_form_wrapper #commentform * {
box-sizing: border-box;
}
.yayrev-reviews #review_form_wrapper #commentform {
gap: 1rem;
}
#review_form_wrapper #commentform .yayrev-anonymous-field > label,
#review_form_wrapper #commentform .yayrev-gdpr-consent-field > label {
display: inline-flex;
align-items: center;
gap: 0.5em;
} #review_form_wrapper #commentform .yayrev-form-field--topics {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.5em;
margin: 0 0 1rem;
padding: 0;
}
#review_form_wrapper #commentform .yayrev-form-field--topics__legend {
flex-basis: 100%;
font-weight: 600;
margin-bottom: 0.5em;
}
#review_form_wrapper #commentform .yayrev-form-field--topics .yayrev-checkbox-label {
display: inline-flex;
align-items: center;
gap: 0.4em;
margin: 0 1.25em 0 0;
font-weight: 400;
}
#review_form_wrapper #commentform .comment-form-cookies-consent {
margin-bottom: .5rem;
} .yayrev-anonymous-field .yayrev-anonymous-help {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 0.875rem;
height: 0.875rem;
margin: 0;
padding: 0;
border: 1px solid currentColor;
border-radius: 50%;
color: inherit;
font-size: 0.65rem;
font-weight: 700;
outline: none;
}
.yayrev-anonymous-field .yayrev-anonymous-help__icon {
display: block;
}
.yayrev-anonymous-field .yayrev-anonymous-help[data-tooltip]:hover::before,
.yayrev-anonymous-field .yayrev-anonymous-help[data-tooltip]:focus-visible::before {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
background-color: rgba(20, 20, 20, 0.9);
color: #fff;
border-radius: 3px;
padding: 6px 10px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
width: max-content;
text-align: left;
white-space: normal;
z-index: 20;
pointer-events: none;
} .yayrev-char-count {
display: block;
margin-top: 0.25em;
font-size: 0.75em;
color: #999;
text-align: right;
}
.yayrev-char-count.near-limit {
color: #f39c12;
}
.yayrev-char-count.at-limit {
color: #e74c3c;
} .yayrev-gdpr-consent-field {
margin-bottom: 1em;
color: inherit;
} .yayrev-purchase-variation-select {
width: 100% !important;
}
.yayrev-variation-details {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1rem;
}
.yayrev-variation-details.is-empty {
display: none;
}
.yayrev-variation-details-image {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 6px;
overflow: hidden;
}
.yayrev-variation-details-image img {
width: 100%;
height: 100%;
}
.yayrev-variation-details-content {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.yayrev-variation-details-name {
font-weight: 600;
}
.yayrev-variation-details-attributes {
color: #666;
} .yayrev-error-message {
display: block;
margin-top: 0.25em;
font-size: 0.75em;
color: #e74c3c;
} .comment-form-comment {
display: flex;
flex-wrap: wrap;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-comment textarea[data-min-length],
.comment-form-comment textarea[data-max-length] {
transition: border-color 0.2s ease;
}
.comment-form-comment textarea.has-error {
border-color: #e74c3c;
} .yayrev-content-char-count {
display: block;
margin-top: 0.25em;
font-size: 0.75em;
color: #999;
text-align: right;
}
.comment-form-comment.yayrev-field-invalid .yayrev-content-char-count.too-short {
color: #e74c3c;
}
#review_form #respond .yayrev-content-helper-text {
margin-bottom: 1.25rem;
}
.yayrev-content-char-count.near-limit {
color: #f39c12;
}
.yayrev-content-char-count.at-limit {
color: #e74c3c;
} .yayrev-field-valid .yayrev-title-input,
.yayrev-field-valid textarea {
border-color: #27ae60;
}
.yayrev-field-invalid .yayrev-title-input,
.yayrev-field-invalid textarea {
border-color: #e74c3c;
} .yayrev-form-submitting .yayrev-title-input,
.yayrev-form-submitting textarea,
.yayrev-form-submitting .yayrev-gdpr-checkbox {
opacity: 0.7;
pointer-events: none;
} .yayrev-submit-loading {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5em;
cursor: not-allowed;
}
.yayrev-loading-spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: yayrev-btn-spin 0.7s linear infinite;
flex-shrink: 0;
}
@keyframes yayrev-btn-spin {
to {
transform: rotate(360deg);
}
} body.et_divi_theme #review_form_wrapper #commentform {
display: flex;
flex-direction: column;
font-size: .875rem;
line-height: 1.25rem
}
body.et_divi_theme .yayrev-review-title-field , body.et_divi_theme .comment-form-comment, 
body.et_divi_theme .yayrev-anonymous-field, body.et_divi_theme .yayrev-gdpr-consent-field {
padding-bottom: 0;
}
body.et_divi_theme .yayrev-review-title-field label {
display: inline-block !important;
}
body.et_divi_theme .yayrev-review-title-field .yayrev-title-input {
width: 100% !important;
}
body.et_divi_theme .comment-form-comment label {
display: inline-block !important;
} @media (max-width: 768px) {
.yayrev-title-input {
font-size: 16px; }
.yayrev-gdpr-label {
font-size: 0.875em;
}
}