/* TripAdvisor Reviews Widget v2 */

.tar-widget {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 28px 0 20px;
    box-sizing: border-box;
}

.tar-widget:not(.tar-sitefont) {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Header */
.tar-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.tar-header.tar-align-center { justify-content: center; }
.tar-header.tar-align-right  { justify-content: flex-end; }
.tar-header.tar-align-left   { justify-content: flex-start; }

.tar-hstars { display: flex; align-items: center; gap: 6px; }
.tar-hlabel { font-size: 14px; font-weight: 600; color: #222; }

/* Outer clips overflow */
.tar-outer {
    overflow: hidden;
    width: 100%;
}

/* Track — flex row, moved by transform */
.tar-track {
    display: flex;
    gap: 20px;
    will-change: transform;
    /* transition set by JS */
}

/* Cards */
.tar-card {
    flex: 0 0 calc(33.333% - 14px);
    background: #ffffff;
    border-radius: 16px;
    padding: 26px 22px 22px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    border: 1px solid rgba(0,0,0,0.05);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tar-widget[data-mouseover="1"] .tar-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.11);
}

/* Avatar */
.tar-av-wrap {
    position: relative;
    width: 70px;
    height: 70px;
    margin-bottom: 14px;
    flex-shrink: 0;
}

.tar-av-img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 3px solid #f0f0f0;
}

.tar-av-ph {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00aa6c, #007a4d);
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #f0f0f0;
}

.tar-av-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}

/* Body text */
.tar-body { width: 100%; }

.tar-align-center .tar-body { text-align: center; }
.tar-align-right  .tar-body { text-align: right; }
.tar-align-left   .tar-body { text-align: left; }

.tar-author { font-weight: 700; font-size: 15px; color: #111; margin-bottom: 3px; }
.tar-date   { font-size: 13px; color: #aaa; margin-bottom: 10px; }

/* Stars row */
.tar-srow {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 13px;
}
.tar-align-center .tar-srow { justify-content: center; }
.tar-align-right  .tar-srow { justify-content: flex-end; }
.tar-align-left   .tar-srow { justify-content: flex-start; }

.tar-stars { display: inline-flex; gap: 3px; align-items: center; }
.tar-star  { width: 13px; height: 13px; border-radius: 50%; display: inline-block; flex-shrink: 0; }
.tar-on    { background: #00aa6c; }
.tar-off   { background: #ddd; }

.tar-verif { display: inline-flex; align-items: center; line-height: 1; }

/* Review text */
.tar-text { font-size: 14px; line-height: 1.65; color: #555; margin-bottom: 4px; }

.tar-more {
    display: inline-block;
    font-size: 13px;
    color: #bbb;
    text-decoration: none;
    margin-top: 5px;
    transition: color 0.15s;
    cursor: pointer;
}
.tar-more:hover { color: #00aa6c; text-decoration: none; }

/* Reply */
.tar-reply {
    background: #f6fdf9;
    border-left: 3px solid #00aa6c;
    padding: 9px 13px;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #555;
    margin-top: 11px;
    text-align: left;
}

/* No reviews */
.tar-no-reviews { text-align: center; color: #999; padding: 30px 0; font-size: 15px; }

/* Responsive */
@media (max-width: 900px) {
    .tar-card { flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 580px) {
    .tar-card { flex: 0 0 100%; }
}