/* Recenzo Bar – Premium tokens */
:root{
  --rb-radius: 14px;
  --rb-shadow: 0 10px 28px rgba(0,0,0,.14);
  --rb-shadow-soft: 0 8px 18px rgba(0,0,0,.12);
  --rb-bg: #ffffff;
  --rb-fg: #0b1220;
  --rb-muted: rgba(11,18,32,.68);
  --rb-border: rgba(11,18,32,.12);
  --rb-accent: #22c55e;
  --rb-bottom-offset: 16px;
  --rb-side-offset: 16px;
}
@media (prefers-color-scheme: dark){
  :root{
    --rb-bg: #0b1220;
    --rb-fg: #e8eefc;
    --rb-muted: rgba(232,238,252,.72);
    --rb-border: rgba(232,238,252,.18);
    --rb-shadow: 0 10px 28px rgba(0,0,0,.35);
    --rb-shadow-soft: 0 8px 18px rgba(0,0,0,.28);
  }
}

.recenzo-fixed-wrap{
  position: fixed;
  bottom: max(12px, env(safe-area-inset-bottom));
  max-width: min(92vw, 440px);
  pointer-events: none;
}
.recenzo-fixed-inner{ pointer-events:auto; display:inline-block; }

.recenzo-place-bottom_left{ left: 12px; }
.recenzo-place-bottom_right{ right: 12px; }
.recenzo-place-bottom_center{ left: 50%; transform: translateX(-50%); }

.recenzo-pill, .recenzo-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  color:#0b1220;
  text-decoration:none;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
}
.recenzo-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:999px;
  font-size:14px; line-height:1;
}
.recenzo-card{
  display:inline-flex; align-items:center; gap:12px;
  padding:12px 14px; border-radius:14px;
  font-size:14px; line-height:1.2;
}
.recenzo-dot{ width:10px; height:10px; border-radius:999px; background:#22c55e; flex:0 0 auto; }
.recenzo-muted{ opacity:.8; }


.recenzo-star{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#22c55e;
  flex:0 0 auto;
}


@media (max-width: 480px){
  /* Give the fixed widget full width on small screens to avoid compressed JS badge */
  .recenzo-fixed-wrap{
    left: 0 !important;
    right: 0 !important;
    max-width: 100vw;
    padding-left: 10px;
    padding-right: 10px;
  }
  .recenzo-place-bottom_left,
  .recenzo-place-bottom_right{
    left: 0 !important;
    right: 0 !important;
  }
  .recenzo-place-bottom_center{
    left: 0 !important;
    transform: none !important;
  }
  .recenzo-fixed-inner{
    display: flex;
    justify-content: center;
  }
  .recenzo-js-badge{
    white-space: nowrap;
  }
}

/* Close button (fixed only) */
.recenzo-fixed-inner{ display:flex; align-items:flex-start; gap:10px; }

@media (prefers-color-scheme: dark){  }
.recenzo-close:hover{ color: rgba(0,0,0,.9); }
@media (prefers-color-scheme: dark){ .recenzo-close:hover{ color: rgba(255,255,255,.92); } }
.recenzo-close:focus{ outline: none !important; box-shadow: none !important; }
.recenzo-close:focus-visible{ outline: 2px solid rgba(0,0,0,.25); outline-offset: 2px; }
@media (prefers-color-scheme: dark){ .recenzo-close:focus-visible{ outline-color: rgba(255,255,255,.25); } }

/* Isolate colors when embedded inside dark footers/themes */
.recenzo-inline-wrap,
.recenzo-fixed-inner,
.recenzo-surface{
  color: var(--rb-fg) !important;
}

.recenzo-inline-wrap{
  display: inline-block;
}

.recenzo-surface{
  background: var(--rb-bg) !important;
  border: 1px solid var(--rb-border) !important;
  border-radius: var(--rb-radius);
  box-shadow: var(--rb-shadow-soft);
  padding: 0; /* variants handle their own padding */
  overflow: visible;
}

/* Make common variant bits keep accent in all themes */
.recenzo-star{ color: var(--rb-accent) !important; }

/* Close button (inline, never overlaps content) */
.recenzo-close{
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;

  border: 1px solid var(--rb-border) !important;
  background: var(--rb-bg) !important;
  border-radius: 999px;
  box-shadow: var(--rb-shadow-soft) !important;

  color: rgba(0,0,0,.65);
  font-size: 18px;
  line-height: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
@media (prefers-color-scheme: dark){ .recenzo-close{ color: rgba(255,255,255,.72); } }
.recenzo-close:hover{ color: rgba(0,0,0,.9); }
@media (prefers-color-scheme: dark){ .recenzo-close:hover{ color: rgba(255,255,255,.92); } }
.recenzo-close:focus{ outline: none !important; box-shadow: none !important; }
.recenzo-close:focus-visible{ outline: 2px solid rgba(0,0,0,.25); outline-offset: 2px; }
@media (prefers-color-scheme: dark){ .recenzo-close:focus-visible{ outline-color: rgba(255,255,255,.25); } }

/* Trust lines (manual) */
.recenzo-trust{ margin-top: 8px; }
.recenzo-trust__p{ font-size: 13px; font-weight: 600; }
.recenzo-trust__s{ margin-top: 2px; font-size: 12px; color: var(--rb-muted); }

/* Theme override (set by data-recenzo-theme on wrapper) */
.recenzo-fixed-wrap[data-recenzo-theme="light"],
.recenzo-inline-wrap[data-recenzo-theme="light"]{
  --rb-bg: #ffffff;
  --rb-fg: #0b1220;
  --rb-muted: rgba(11,18,32,.68);
  --rb-border: rgba(11,18,32,.12);
  --rb-shadow: 0 10px 28px rgba(0,0,0,.14);
  --rb-shadow-soft: 0 8px 18px rgba(0,0,0,.12);
}
.recenzo-fixed-wrap[data-recenzo-theme="dark"],
.recenzo-inline-wrap[data-recenzo-theme="dark"]{
  --rb-bg: #0b1220;
  --rb-fg: #e8eefc;
  --rb-muted: rgba(232,238,252,.72);
  --rb-border: rgba(232,238,252,.18);
  --rb-shadow: 0 10px 28px rgba(0,0,0,.35);
  --rb-shadow-soft: 0 8px 18px rgba(0,0,0,.28);
}