/* Captain Social Review – Style 2 (Modern Bubble Card) */
.captsrw-card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 10px 0;
}

.captsrw-cols-1 .captsrw-s2-card { width: 100%; }
.captsrw-cols-2 .captsrw-s2-card { width: calc(50% - 10px); }
.captsrw-cols-3 .captsrw-s2-card { width: calc(33.333% - 14px); }
.captsrw-cols-4 .captsrw-s2-card { width: calc(25% - 15px); }

.captsrw-s2-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px 22px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,.08);
    border-top: 4px solid #2271B1;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.captsrw-s2-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

.captsrw-s2-quote-icon {
    position: absolute;
    top: 16px;
    right: 18px;
    font-size: 48px;
    color: #e5e7eb;
    line-height: 1;
    font-family: Georgia, serif;
    pointer-events: none;
}

.captsrw-s2-stars-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.captsrw-stars { display: inline-flex; gap: 2px; }
.captsrw-star  { font-size: 15px; }
.captsrw-star-filled { color: #f59e0b; }
.captsrw-star-empty  { color: #d1d5db; }

.captsrw-s2-rating-num {
    font-size: 13px;
    color: #6b7280;
    font-weight: 600;
}

.captsrw-s2-title {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.captsrw-s2-text {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.65;
    margin: 0;
    flex: 1;
}

.captsrw-s2-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid #f3f4f6;
}

.captsrw-s2-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    object-fit: cover;
    background: #e5e7eb;
    flex-shrink: 0;
}

.captsrw-s2-avatar-placeholder {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #2271B1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    flex-shrink: 0;
}

.captsrw-s2-meta { flex: 1; min-width: 0; }

.captsrw-s2-name {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

.captsrw-s2-date {
    font-size: 11px;
    color: #9ca3af;
}

a.captsrw-s2-link.captsrw-widget-link {
    font-size: 11px;
    color: #2271B1;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
}
a.captsrw-s2-link.captsrw-widget-link:hover,
a.captsrw-s2-link.captsrw-widget-link:focus-visible { text-decoration: underline; color: #2271B1; }

/* Platform badge - shared */
.captsrw-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: #6b7280;
}
.captsrw-badge-google     { background: #4285F4; }
.captsrw-badge-facebook   { background: #1877F2; }
.captsrw-badge-yelp       { background: #D32323; }
.captsrw-badge-tripadvisor{ background: #34E0A1; color:#1a1a1a; }
.captsrw-badge-trustpilot { background: #00B67A; }
.captsrw-badge-airbnb     { background: #FF5A5F; }
.captsrw-badge-amazon     { background: #FF9900; color:#1a1a1a; }
.captsrw-badge-aliexpress { background: #FF4747; font-size:8px; }
.captsrw-badge-booking    { background: #003580; }
.captsrw-badge-zomato     { background: #E23744; }
.captsrw-badge-swiggy     { background: #FC8019; }
.captsrw-badge-flipkart   { background: #2874F0; }
.captsrw-badge-justdial   { background: #E84229; }
.captsrw-badge-glassdoor  { background: #0CAA41; }
.captsrw-badge-indeed     { background: #2164f3; }
.captsrw-badge-g2         { background: #FF492C; }
.captsrw-badge-capterra   { background: #44A5FF; }
.captsrw-badge-clutch     { background: #EF4335; }
.captsrw-badge-appstore   { background: #0A84FF; }
.captsrw-badge-googleplay { background: #01875F; }
.captsrw-badge-woocommerce{ background: #7F54B3; }
.captsrw-badge-wordpress  { background: #21759B; }

/* Dark mode */
.captsrw-dark .captsrw-s2-card {
    background: #1e1e2e;
    border-top-color: #4f9cf9;
    box-shadow: 0 2px 16px rgba(0,0,0,.4);
}
.captsrw-dark .captsrw-s2-title  { color: #f3f4f6; }
.captsrw-dark .captsrw-s2-text   { color: #9ca3af; }
.captsrw-dark .captsrw-s2-name   { color: #e5e7eb; }
.captsrw-dark .captsrw-s2-footer { border-top-color: #374151; }
.captsrw-dark .captsrw-s2-quote-icon { color: #374151; }

@media (max-width: 768px) {
    .captsrw-cols-3 .captsrw-s2-card,
    .captsrw-cols-4 .captsrw-s2-card { width: calc(50% - 10px); }
}
@media (max-width: 480px) {
    .captsrw-s2-card,
    .captsrw-cols-2 .captsrw-s2-card,
    .captsrw-cols-3 .captsrw-s2-card,
    .captsrw-cols-4 .captsrw-s2-card { width: 100%; }
}