/* ==========================================
   ULTRAKIT REVIEW BADGE — Premium
   5 Platforms × 4 Layouts
   ========================================== */

.ultrakit-rvb-badge {
    --ultrakit-rvb-accent: #4285F4;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border-radius: 14px;
    padding: 14px 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-decoration: none;
    max-width: 100%;
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
a.ultrakit-rvb-badge:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.14); }

.ultrakit-rvb-icon {
    width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
    background: var(--ultrakit-rvb-accent);
    color: #ffffff;
    display: flex; align-items: center; justify-content: center;
    font-size: 18px;
}

.ultrakit-rvb-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ultrakit-rvb-top-row { display: flex; align-items: center; gap: 8px; }
.ultrakit-rvb-platform { font-size: 14px; font-weight: 800; color: #1a1a2e; }
.ultrakit-rvb-rating-num { font-size: 14px; font-weight: 800; color: var(--ultrakit-rvb-accent); }
.ultrakit-rvb-stars { display: flex; gap: 2px; }
.ultrakit-rvb-star { font-size: 11px; color: #ddd; }
.ultrakit-rvb-star.is-filled { color: #f39c12; }
.ultrakit-rvb-count { font-size: 12px; color: #888888; }

/* ---- Layout: Badge Pill ---- */
.ultrakit-rvb-layout-pill { border-radius: 999px; padding: 8px 18px 8px 8px; }
.ultrakit-rvb-layout-pill .ultrakit-rvb-icon { width: 30px; height: 30px; border-radius: 50%; font-size: 14px; }
.ultrakit-rvb-layout-pill .ultrakit-rvb-body { flex-direction: row; align-items: center; gap: 8px; }
.ultrakit-rvb-layout-pill .ultrakit-rvb-top-row { gap: 4px; }
.ultrakit-rvb-layout-pill .ultrakit-rvb-stars { display: none; }
.ultrakit-rvb-layout-pill .ultrakit-rvb-count { border-left: 1px solid #eee; padding-left: 8px; }

/* ---- Layout: Card with Stars — default (base styles above) ---- */

/* ---- Layout: Compact Inline ---- */
.ultrakit-rvb-layout-inline { padding: 8px 14px; border-radius: 8px; gap: 8px; box-shadow: none; border: 1px solid #eee; }
.ultrakit-rvb-layout-inline .ultrakit-rvb-icon { width: 24px; height: 24px; border-radius: 6px; font-size: 12px; }
.ultrakit-rvb-layout-inline .ultrakit-rvb-body { flex-direction: row; align-items: center; gap: 6px; }
.ultrakit-rvb-layout-inline .ultrakit-rvb-top-row { gap: 4px; }
.ultrakit-rvb-layout-inline .ultrakit-rvb-count { font-size: 11px; }

/* ---- Layout: Floating Corner Widget ---- */
.ultrakit-rvb-layout-floating {
    position: fixed; bottom: 20px; z-index: 9990;
    box-shadow: 0 10px 34px rgba(0,0,0,0.18);
}
.ultrakit-rvb-corner-bottom-left  { left: 20px; }
.ultrakit-rvb-corner-bottom-right { right: 20px; }

@media (max-width: 480px) {
    .ultrakit-rvb-badge { padding: 12px 16px; gap: 10px; }
    .ultrakit-rvb-layout-floating { display: none; }
}