/* Vonk Reviews v1.0.5 - Frontend Widget Styles */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

.vonk-theme-dark{--vonk-bg:#1E2230;--vonk-bg-secondary:#1A1D27;--vonk-bg-tertiary:#242836;--vonk-bg-primary:#0F1117;--vonk-border:#2D3348;--vonk-text:#F1F3F8;--vonk-text-secondary:#9BA3BF;--vonk-text-muted:#6B7394;--vonk-accent:#6C63FF;--vonk-gold:#FBBF24}
.vonk-theme-light{--vonk-bg:#FFFFFF;--vonk-bg-secondary:#F8F9FB;--vonk-bg-tertiary:#F1F3F7;--vonk-bg-primary:#E8EBF0;--vonk-border:#E2E5EC;--vonk-text:#1A1D27;--vonk-text-secondary:#4A5068;--vonk-text-muted:#8892AB;--vonk-accent:#6C63FF;--vonk-gold:#F59E0B}

.vonk-widget{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--vonk-bg);border:1px solid var(--vonk-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.12);line-height:1.5}
.vonk-widget *,.vonk-widget *::before,.vonk-widget *::after{box-sizing:border-box;margin:0;padding:0}

.vonk-summary{display:flex;align-items:center;gap:32px;padding:32px 36px;background:linear-gradient(135deg,var(--vonk-bg-secondary),var(--vonk-bg-tertiary));border-bottom:1px solid var(--vonk-border);flex-wrap:wrap}
.vonk-summary-score{text-align:center;min-width:100px}
.vonk-summary-number{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;line-height:1;background:linear-gradient(135deg,var(--vonk-gold),#F59E0B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.vonk-summary-label{font-size:13px;color:var(--vonk-text-muted);margin-top:4px}
.vonk-stars{display:flex;gap:2px;justify-content:center}

.vonk-summary-bars{flex:1;min-width:200px}
.vonk-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.vonk-bar-label{font-size:12px;color:var(--vonk-text-muted);width:14px;text-align:right}
.vonk-bar-track{flex:1;height:8px;background:var(--vonk-bg-primary);border-radius:4px;overflow:hidden}
.vonk-bar-fill{height:100%;background:linear-gradient(90deg,var(--vonk-gold),#F59E0B);border-radius:4px;transition:width .8s cubic-bezier(.25,.46,.45,.94)}
.vonk-bar-count{font-size:12px;color:var(--vonk-text-muted);width:24px}

.vonk-summary-meta{display:flex;flex-direction:column;align-items:center;gap:8px;padding-left:24px;border-left:1px solid var(--vonk-border);min-width:140px}
.vonk-summary-google-text{font-size:13px;font-weight:600;color:var(--vonk-text)}
.vonk-write-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:linear-gradient(135deg,#4285F4,#357AE8);color:#fff!important;border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s;box-shadow:0 2px 12px rgba(66,133,244,.3)}
.vonk-write-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(66,133,244,.5);color:#fff!important;text-decoration:none}

/* Carousel */
.vonk-carousel-wrap{position:relative;padding:28px 0}
.vonk-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:4px 36px 20px;-ms-overflow-style:none;scrollbar-width:none}
.vonk-carousel::-webkit-scrollbar{display:none}

.vonk-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--vonk-bg-secondary);border:1px solid var(--vonk-border);color:var(--vonk-text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .25s;box-shadow:0 4px 16px rgba(0,0,0,.15);line-height:0}
.vonk-arrow:hover{background:var(--vonk-accent);border-color:var(--vonk-accent);color:#fff;box-shadow:0 4px 20px rgba(108,99,255,.4)}
.vonk-arrow-left{left:8px}
.vonk-arrow-right{right:8px}

/* Grid */
.vonk-grid{display:grid;grid-template-columns:repeat(var(--vonk-columns,3),1fr);gap:20px;padding:28px 36px}

/* Review Cards */
.vonk-review{min-width:340px;max-width:340px;background:var(--vonk-bg-secondary);border:1px solid var(--vonk-border);border-radius:16px;padding:24px;transition:all .3s ease;flex-shrink:0}
.vonk-layout-grid .vonk-review{min-width:auto;max-width:none}
.vonk-review:hover{border-color:var(--vonk-accent);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}

.vonk-review-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.vonk-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;object-fit:cover}
.vonk-avatar-initials{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#fff}
.vonk-review-meta{flex:1;min-width:0}
.vonk-review-author{font-size:15px;font-weight:600;color:var(--vonk-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.vonk-review-time{font-size:12px;color:var(--vonk-text-muted)}
.vonk-review-google{flex-shrink:0;opacity:.5;transition:opacity .2s;line-height:0}
.vonk-review:hover .vonk-review-google{opacity:1}
.vonk-review-stars{margin-bottom:12px}
.vonk-review-stars .vonk-stars{justify-content:flex-start}
.vonk-review-text{font-size:14px;line-height:1.65;color:var(--vonk-text-secondary);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.vonk-powered{text-align:center;padding:16px;font-size:12px;color:var(--vonk-text-muted);border-top:1px solid var(--vonk-border)}
.vonk-powered strong{color:var(--vonk-accent)}
.vonk-empty{padding:40px;text-align:center;color:#999;font-family:'DM Sans',sans-serif;font-size:14px}

@media(max-width:768px){
    .vonk-summary{flex-direction:column;gap:20px;padding:24px}
    .vonk-summary-meta{border-left:none;border-top:1px solid var(--vonk-border);padding:16px 0 0;padding-left:0;width:100%}
    .vonk-review{min-width:280px;max-width:280px}
    .vonk-carousel{padding:4px 20px 20px}
    .vonk-grid{grid-template-columns:1fr;padding:20px}
}

@keyframes vonkFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.vonk-widget{animation:vonkFadeIn .5s ease}
.vonk-review{animation:vonkFadeIn .4s ease backwards}
.vonk-review:nth-child(1){animation-delay:0s}
.vonk-review:nth-child(2){animation-delay:.08s}
.vonk-review:nth-child(3){animation-delay:.16s}
.vonk-review:nth-child(4){animation-delay:.24s}
.vonk-review:nth-child(5){animation-delay:.32s}
.vonk-review:nth-child(6){animation-delay:.4s}
.vonk-review:nth-child(7){animation-delay:.48s}
.vonk-review:nth-child(8){animation-delay:.56s}
.vonk-review:nth-child(9){animation-delay:.64s}
.vonk-review:nth-child(10){animation-delay:.72s}