/* Custom Header Builder - Reviews Carousel Styles */

.chb-rv-wrap {
    overflow: hidden;
    width: 100%;
    direction: rtl;
}

.chb-rv-track {
    display: flex;
    gap: 18px;
    padding: 6px 2px 14px;
}

.chb-rv-static .chb-rv-track {
    overflow-x: auto;
    flex-wrap: nowrap;
}

.chb-rv-auto .chb-rv-track {
    width: max-content;
    animation: chbRvScroll var(--chb-rv-dur, 40s) linear infinite;
}

.chb-rv-auto .chb-rv-track[data-dir="ltr"] {
    animation-direction: reverse;
}

.chb-rv-auto:hover .chb-rv-track {
    animation-play-state: paused;
}

@keyframes chbRvScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(50%); }
}

.chb-rv-card {
    flex: 0 0 auto;
    width: 320px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #ededf0;
    border-radius: 14px;
    padding: 18px 18px 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    text-align: right;
}

.chb-rv-head {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chb-rv-id {
    flex: 1;
    min-width: 0;
}

.chb-rv-name {
    font-weight: 700;
    font-size: 15px;
    color: #202124;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chb-rv-meta {
    font-size: 12px;
    color: #80868b;
    margin-top: 1px;
}

.chb-rv-avatar {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chb-rv-sub {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 10px 0 8px;
}

.chb-rv-stars {
    color: #fbbc04;
    font-size: 15px;
    letter-spacing: 1px;
}

.chb-rv-star-off {
    color: #dadce0;
}

.chb-rv-time {
    font-size: 12px;
    color: #80868b;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.chb-rv-check {
    color: #2e9e2e;
    flex: 0 0 auto;
    vertical-align: middle;
}

.chb-rv-text {
    font-size: 13.5px;
    line-height: 1.7;
    color: #5f6368;
}

.chb-rv-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.chb-rv-more {
    background: none;
    border: 1.5px solid #2e9e2e;
    color: #2e9e2e;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 18px;
    margin-top: 10px;
    border-radius: 6px;
    display: inline-block;
    font-family: inherit;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.chb-rv-more:hover {
    background-color: #2e9e2e;
    color: #ffffff;
    text-decoration: none;
}