.elementor-1766 .elementor-element.elementor-element-9fedab0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1766 .elementor-element.elementor-element-9fedab0:not(.elementor-motion-effects-element-type-background), .elementor-1766 .elementor-element.elementor-element-9fedab0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1766 .elementor-element.elementor-element-29cb3e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1766 .elementor-element.elementor-element-6d96303{--display:flex;}.elementor-1766 .elementor-element.elementor-element-f5195f3{--display:flex;}/* Start custom CSS for container, class: .elementor-element-29cb3e6 *//* =====================================================================
   REVIEW PAGE — brand restyle for the Site Reviews plugin
   =====================================================================
   PARENT CONTAINER (the row holding both columns):
     Advanced tab → CSS Classes: rv-row

   LEFT COLUMN (the form):
     Shortcode widget → [site_reviews_form]
     Advanced tab → CSS Classes: rv-form

   RIGHT COLUMN (the list):
     Shortcode widget → [site_reviews display="20"]
     Advanced tab → CSS Classes: rv-plugin

   Paste this whole file into Elementor's Custom CSS panel for the page/
   section (Pro), or Appearance > Customize > Additional CSS.
   ===================================================================== */

:root{ --rv-brand:#EE8910; }

/* ============================= ROW WRAPPER ============================= */
.rv-row{ max-width:1080px; margin:0 auto; align-items:flex-start !important }

/* ============================= LEFT: FORM ============================= */
.rv-form{
  width:100%; max-width:480px; margin:0 auto; background:#1c1c20; border-radius:20px;
  padding:32px 30px; font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#fff;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.6);
}
.rv-form .glsr-field{ margin-bottom:22px }
.rv-form .glsr-field label,
.rv-form label{
  display:block; font-size:13.5px; font-weight:700; color:rgba(255,255,255,.85); margin-bottom:9px;
}

/* force dark inputs — beats theme's default white-field styling */
.rv-form input[type="text"],
.rv-form input[type="email"],
.rv-form input[type="number"],
.rv-form textarea,
.rv-form select{
  width:100% !important; background:#26262b !important; border:1.5px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important; padding:13px 16px !important; font-size:14.5px !important;
  color:#fff !important; font-family:inherit !important; box-shadow:none !important;
  transition:border-color .3s ease, background .3s ease;
}
.rv-form input::placeholder,
.rv-form textarea::placeholder{ color:rgba(255,255,255,.38) !important }
.rv-form input:focus,
.rv-form textarea:focus,
.rv-form select:focus{ outline:none !important; border-color:var(--rv-brand) !important; background:#2b2b30 !important }
.rv-form textarea{ min-height:132px !important; resize:vertical }

/* star rating field */
.rv-form .glsr-star-rating{ font-size:27px; color:rgba(255,255,255,.22); letter-spacing:4px }
.rv-form .glsr-star-rating .glsr-star{ color:rgba(255,255,255,.22); transition:color .2s ease }
.rv-form .glsr-star-rating .glsr-star--active,
.rv-form .glsr-star-rating label:hover ~ label,
.rv-form .glsr-star-rating input:checked ~ label{ color:var(--rv-brand) }

/* consent toggle row */
.rv-form .glsr-field-tos,
.rv-form .glsr-tos{
  display:flex; align-items:flex-start; gap:10px; font-size:12.5px; line-height:1.5; color:rgba(255,255,255,.65);
  margin-top:4px; margin-bottom:24px;
}
.rv-form .glsr-tos input:checked,
.rv-form input[type="checkbox"]:checked{ accent-color:var(--rv-brand) }

/* submit button — brand color, full width, premium hover */
.rv-form .glsr-button[type="submit"]{
  width:100%; margin-top:2px; padding:15px 20px !important; border-radius:999px !important; border:2px solid var(--rv-brand) !important;
  background:var(--rv-brand) !important; color:#fff !important; font:700 15.5px/1 'Manrope',sans-serif !important; cursor:pointer;
  box-shadow:0 14px 30px -12px rgba(238,137,16,.6); transition:transform .35s ease, box-shadow .35s ease, filter .35s ease;
}
.rv-form .glsr-button[type="submit"]:hover{ transform:translateY(-2px); filter:brightness(1.08) }

/* ============================= RIGHT: LIST ============================= */
.rv-plugin{
  width:100%; max-width:480px; margin:0 auto; background:#1c1c20; border-radius:20px;
  padding:30px; font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#fff;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.6);
}
.rv-plugin .glsr-reviews{ display:flex; flex-direction:column; gap:16px; list-style:none; margin:0; padding:0 }
.rv-plugin .glsr-review{
  background:#26262b; border:1.5px solid transparent; border-radius:14px;
  padding:20px 20px 18px; list-style:none; transition:border-color .4s ease, transform .4s ease;
}
.rv-plugin .glsr-review:hover{ border-color:var(--rv-brand); transform:translateY(-3px) }

/* stars + date on one line, date smaller and vertically centered with the stars */
.rv-plugin .glsr-review-header{ display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:nowrap }
.rv-plugin .glsr-star-rating,
.rv-plugin .glsr-review-rating{ display:flex; align-items:center; margin:0; color:var(--rv-brand); line-height:1 }
.rv-plugin .glsr-star{ color:rgba(255,255,255,.3) }
.rv-plugin .glsr-star--active,
.rv-plugin .glsr-star.active{ color:var(--rv-brand) }
.rv-plugin .glsr-review-date{
  font-size:11px; line-height:1; color:rgba(255,255,255,.45); margin:0; white-space:nowrap;
}

.rv-plugin .glsr-review-content,
.rv-plugin .glsr-review-content p{
  font-size:14.5px; line-height:1.65; color:rgba(255,255,255,.86); margin:0 0 16px;
}
.rv-plugin .glsr-review-author{ font-size:14px; font-weight:700; color:#fff; font-style:normal }
.rv-plugin .glsr-review-title{ display:none }

.rv-plugin .glsr-pagination{ margin-top:20px; text-align:center }
.rv-plugin .glsr-pagination a{
  display:inline-block; padding:12px 26px; border-radius:999px; border:2px solid var(--rv-brand);
  color:#fff; text-decoration:none; font-weight:700; font-size:14px; transition:background .4s, color .4s;
}
.rv-plugin .glsr-pagination a:hover{ background:var(--rv-brand) }

/* ============================= RESPONSIVE ============================= */
@media (max-width:760px){
  .rv-form,.rv-plugin{ max-width:100%; border-radius:16px; padding:24px 20px }
  .rv-form input[type="text"],
  .rv-form input[type="email"],
  .rv-form textarea{ padding:12px 14px !important; font-size:14px !important }
  .rv-form .glsr-star-rating{ font-size:24px }
  .rv-plugin .glsr-review{ padding:18px 16px }
  .rv-plugin .glsr-review-date{ font-size:10.5px }
}/* End custom CSS */