/* Îndemn la recenzie (inc/content/review-nudge.php + assets/js/review-nudge.js) — scris de mână, fără entry SCSS.
   Același stil ca restul site-ului: card alb rotunjit, titlu Oswald, text Open Sans, verde #69b706. */

/* A. Card „Ai fost aici?” */
.tl-rv-card{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  margin:22px 0; padding:24px 28px; border-radius:20px;
  background:linear-gradient(135deg, #f3faea 0%, #ffffff 70%); border:1px solid #e3f1d2;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.tl-rv-card--wide{ max-width:1140px; margin:30px auto; }
@media (max-width:1199px){ .tl-rv-card--wide{ margin:24px 15px; } }
.tl-rv-card__text{ flex:1 1 280px; min-width:0; }
.tl-rv-eyebrow{
  display:inline-flex; align-items:center; gap:6px; margin-bottom:8px; padding:5px 12px; border-radius:50px; background:#eaf6e0; color:#4f8f0a;
  font-family:'Oswald', sans-serif; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em;
}
.tl-rv-eyebrow i{ color:#ffb100; }
.tl-rv-card__title{ font-family:'Oswald', sans-serif; font-size:24px; font-weight:600; line-height:1.25em; color:#363636; margin:0 0 6px; }
.tl-rv-card__lead{ font-family:'Open Sans', sans-serif; font-size:14.5px; line-height:1.6em; color:#6b6b6b; margin:0; }

/* Stelele (butoane) */
.tl-rv-stars{ display:flex; gap:6px; flex-shrink:0; }
.tl-rv-stars button{
  display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; border:0; border-radius:14px;
  background:#fff; box-shadow:0 3px 10px rgba(0,0,0,.08); cursor:pointer; transition:transform .15s ease, background .15s ease;
}
.tl-rv-stars button i{ font-size:22px; color:#d3d3d3; transition:color .15s ease; }
.tl-rv-stars button:hover,
.tl-rv-stars button:focus-visible{ transform:translateY(-2px); outline:none; }
.tl-rv-stars button:focus-visible{ box-shadow:0 0 0 3px rgba(105,183,6,.45); }
.tl-rv-stars button.is-on i{ color:#ffb100; }
.tl-rv-stars--sm{ gap:2px; }
.tl-rv-stars--sm button{ width:34px; height:40px; background:none; box-shadow:none; border-radius:8px; }
.tl-rv-stars--sm button i{ font-size:20px; color:#ffb100; }

/* C. Bandă pe mobil */
.tl-rv-banner{
  position:fixed; left:10px; right:10px; z-index:1001;
  display:flex; align-items:center; gap:6px; padding:10px 8px 10px 16px; border-radius:16px;
  background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.18);
  transform:translateY(calc(100% + 120px)); transition:transform .3s ease;
}
.tl-rv-banner.is-open{ transform:none; }
.tl-rv-banner__text{ flex:1; min-width:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; line-height:1.35em; color:#363636; }
.tl-rv-banner__close{
  flex-shrink:0; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#f3f5f8; color:#6b6b6b;
  font-size:22px; line-height:1; cursor:pointer;
}
@media (max-width:359px){ .tl-rv-banner{ flex-wrap:wrap; } .tl-rv-banner__text{ flex-basis:100%; } }
@media (prefers-reduced-motion: reduce){ .tl-rv-banner{ transition:none; } }
body.tl-rv-banner-open .Scroller_btn{ opacity:0; pointer-events:none; } /* butonul „sus” ar acoperi „×” */

/* D. Mulțumire după trimitere */
.tl-rv-thanks{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin:0 0 20px; padding:20px 22px; border-radius:18px;
  background:#f3faea; border:1px solid #d4ecbb;
}
.tl-rv-thanks__icon{
  flex-shrink:0; display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%;
  background:#69b706; color:#fff; font-size:20px;
}
.tl-rv-thanks__text{ flex:1 1 240px; min-width:0; }
.tl-rv-thanks__text h2{ font-family:'Oswald', sans-serif; font-size:21px; font-weight:600; color:#363636; margin:0 0 4px; }
.tl-rv-thanks__text p{ font-family:'Open Sans', sans-serif; font-size:14px; color:#4d4d4d; margin:0; }
.tl-rv-thanks__share{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tl-rv-thanks__share > span{ font-family:'Open Sans', sans-serif; font-size:12.5px; font-weight:600; color:#6b6b6b; margin-right:2px; }
.tl-rv-thanks__share a,
.tl-rv-copy{
  display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; min-width:40px; padding:0 12px;
  border-radius:50px; border:0; background:#fff; color:#4f8f0a !important; text-decoration:none !important; cursor:pointer;
  font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; box-shadow:0 3px 10px rgba(0,0,0,.08);
}

@media (max-width:767px){
  .tl-rv-card{ padding:20px 16px; border-radius:16px; gap:14px; }
  .tl-rv-card__title{ font-size:21px; }
  .tl-rv-stars{ width:100%; justify-content:space-between; }
  .tl-rv-stars button{ width:auto; flex:1; height:50px; }
  .tl-rv-stars--sm{ width:auto; }
  .tl-rv-stars--sm button{ flex:0 0 auto; width:32px; }
}