/* Plugin Style overrides */
/* Maximum specificity CSS to override Business Reviews Bundle / grw-builder plugin */
/* WP Rocket compatible - all styles use !important and high specificity */

[class*="rpi-slider-"] {
    color: #F54D39;
}

.rpi-slider .rpi-card .rpi-card-inner {
    padding: 20px 15px;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
}

.rpi-card-inner::before {
    content: '';
    position: absolute;
    mask-image: url("data:image/svg+xml,%3Csvg width='94' height='65' viewBox='0 0 94 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M72.4388 71.4868C84.1937 71.4868 93.7192 61.1698 93.7192 48.4382C93.7192 36.3651 85.207 26.7066 74.4655 25.6091C76.6949 21.2189 80.5456 16.6092 87.4364 12.219C89.2604 11.1214 90.4765 8.9263 90.4765 6.51168C90.4765 1.90196 86.0177 -1.3907 82.167 0.584892C70.6148 6.29217 51.3612 19.9018 51.3612 48.4382C51.3612 61.3893 60.684 71.4868 72.4388 71.4868Z' fill='url(%23paint0_linear_2025_42)'/%3E%3Cpath d='M21.0808 71.4868C32.8357 71.4868 42.3612 61.1698 42.3612 48.4382C42.3612 36.3651 33.849 26.7066 23.1075 25.6091C25.3369 21.2189 29.1876 16.6092 36.0784 12.219C37.9024 11.1214 39.1185 8.9263 39.1185 6.51168C39.1185 1.90196 34.6597 -1.3907 30.809 0.584892C19.2568 6.29217 0.00318527 19.9018 0.00318527 48.4382C-0.199497 61.3893 9.326 71.4868 21.0808 71.4868Z' fill='url(%23paint1_linear_2025_42)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2025_42' x1='72.3932' y1='-2.84926' x2='73.2478' y2='71.4787' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23F54D39'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_2025_42' x1='21.0336' y1='-2.84926' x2='21.8882' y2='71.4787' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='%23F54D39'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 94px;
    height: 65px;
    bottom: 0;
    right: 20px;
    opacity: 0.3;
}

/* ============================================================
   CARD COLOR PATTERN OVERRIDES - Hijacking Plugin CSS Variables
   Pattern: Orange (1st, 4th, 7th...), Blue (2nd, 5th, 8th...), Yellow (3rd, 6th, 9th...)
   
   The Business Reviews Bundle plugin uses these CSS custom properties:
   --card-br: border shorthand (default: none)
   --card-br-color: border color (default: #cccccc)
   --readmore-color: read more link color (default: #136aaf)
   --slider-ltgt-bg: light theme background (production only)
   
   We hijack these at the .rpi-card level to override plugin defaults
   NOTE: Production has .rpi-ltgt class (light theme) that local doesn't have
   ============================================================ */

/* Pattern 1: ORANGE (1st, 4th, 7th, 10th...) - 3n+1 */
.rpi-slider .rpi-card:nth-child(3n+1),
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) {
    --card-br: 1px solid #F54D39;
    --card-br-color: #F54D39;
    --readmore-color: #F54D39;
}
.rpi .rpi-slider .rpi-card:nth-child(3n+1),
.rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) {
    --card-br: 1px solid #F54D39;
    --card-br-color: #F54D39;
    --readmore-color: #F54D39;
}
body .rpi .rpi-slider .rpi-card:nth-child(3n+1),
body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) {
    --card-br: 1px solid #F54D39;
    --card-br-color: #F54D39;
    --readmore-color: #F54D39;
}
html body .rpi .rpi-slider .rpi-card:nth-child(3n+1),
html body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) {
    --card-br: 1px solid #F54D39;
    --card-br-color: #F54D39;
    --readmore-color: #F54D39;
}
.testimonial-google-review .rpi .rpi-slider .rpi-card:nth-child(3n+1),
.testimonial-google-review .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) {
    --card-br: 1px solid #F54D39;
    --card-br-color: #F54D39;
    --readmore-color: #F54D39;
}

/* Pattern 2: BLUE (2nd, 5th, 8th, 11th...) - 3n+2 */
.rpi-slider .rpi-card:nth-child(3n+2),
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) {
    --card-br: 1px solid #337CE4;
    --card-br-color: #337CE4;
    --readmore-color: #337CE4;
}
.rpi .rpi-slider .rpi-card:nth-child(3n+2),
.rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) {
    --card-br: 1px solid #337CE4;
    --card-br-color: #337CE4;
    --readmore-color: #337CE4;
}
body .rpi .rpi-slider .rpi-card:nth-child(3n+2),
body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) {
    --card-br: 1px solid #337CE4;
    --card-br-color: #337CE4;
    --readmore-color: #337CE4;
}
html body .rpi .rpi-slider .rpi-card:nth-child(3n+2),
html body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) {
    --card-br: 1px solid #337CE4;
    --card-br-color: #337CE4;
    --readmore-color: #337CE4;
}
.testimonial-google-review .rpi .rpi-slider .rpi-card:nth-child(3n+2),
.testimonial-google-review .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) {
    --card-br: 1px solid #337CE4;
    --card-br-color: #337CE4;
    --readmore-color: #337CE4;
}

/* Pattern 3: YELLOW (3rd, 6th, 9th, 12th...) - 3n+3 */
.rpi-slider .rpi-card:nth-child(3n+3),
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) {
    --card-br: 1px solid #FDC269;
    --card-br-color: #FDC269;
    --readmore-color: #FDC269;
}
.rpi .rpi-slider .rpi-card:nth-child(3n+3),
.rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) {
    --card-br: 1px solid #FDC269;
    --card-br-color: #FDC269;
    --readmore-color: #FDC269;
}
body .rpi .rpi-slider .rpi-card:nth-child(3n+3),
body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) {
    --card-br: 1px solid #FDC269;
    --card-br-color: #FDC269;
    --readmore-color: #FDC269;
}
html body .rpi .rpi-slider .rpi-card:nth-child(3n+3),
html body .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) {
    --card-br: 1px solid #FDC269;
    --card-br-color: #FDC269;
    --readmore-color: #FDC269;
}
.testimonial-google-review .rpi .rpi-slider .rpi-card:nth-child(3n+3),
.testimonial-google-review .rpi .rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) {
    --card-br: 1px solid #FDC269;
    --card-br-color: #FDC269;
    --readmore-color: #FDC269;
}

/* ============================================================
   FALLBACK: Direct property overrides (in case var() not used)
   Includes .rpi-ltgt variant for production environment
   ============================================================ */

/* Orange cards - direct border override */
.rpi-slider .rpi-card:nth-child(3n+1) .rpi-card-inner,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) .rpi-card-inner,
.rpi-ltgt .rpi-card:nth-child(3n+1) .rpi-card-inner {
    border: 1px solid #F54D39 !important;
    border-color: #F54D39 !important;
}
.rpi-slider .rpi-card:nth-child(3n+1) .rpi-card-inner::before,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) .rpi-card-inner::before,
.rpi-ltgt .rpi-card:nth-child(3n+1) .rpi-card-inner::before {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(245,77,57,1) 100%) !important;
}
.rpi-slider .rpi-card:nth-child(3n+1) .rpi-readmore,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+1) .rpi-readmore,
.rpi-ltgt .rpi-card:nth-child(3n+1) .rpi-readmore {
    color: #F54D39 !important;
}

/* Blue cards - direct border override */
.rpi-slider .rpi-card:nth-child(3n+2) .rpi-card-inner,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) .rpi-card-inner,
.rpi-ltgt .rpi-card:nth-child(3n+2) .rpi-card-inner {
    border: 1px solid #337CE4 !important;
    border-color: #337CE4 !important;
}
.rpi-slider .rpi-card:nth-child(3n+2) .rpi-card-inner::before,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) .rpi-card-inner::before,
.rpi-ltgt .rpi-card:nth-child(3n+2) .rpi-card-inner::before {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(51,124,228,1) 100%) !important;
}
.rpi-slider .rpi-card:nth-child(3n+2) .rpi-readmore,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+2) .rpi-readmore,
.rpi-ltgt .rpi-card:nth-child(3n+2) .rpi-readmore {
    color: #337CE4 !important;
}

/* Yellow cards - direct border override */
.rpi-slider .rpi-card:nth-child(3n+3) .rpi-card-inner,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) .rpi-card-inner,
.rpi-ltgt .rpi-card:nth-child(3n+3) .rpi-card-inner {
    border: 1px solid #FDC269 !important;
    border-color: #FDC269 !important;
}
.rpi-slider .rpi-card:nth-child(3n+3) .rpi-card-inner::before,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) .rpi-card-inner::before,
.rpi-ltgt .rpi-card:nth-child(3n+3) .rpi-card-inner::before {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(253,194,105,1) 100%) !important;
}
.rpi-slider .rpi-card:nth-child(3n+3) .rpi-readmore,
.rpi-ltgt.rpi-slider .rpi-card:nth-child(3n+3) .rpi-readmore,
.rpi-ltgt .rpi-card:nth-child(3n+3) .rpi-readmore {
    color: #FDC269 !important;
}

/* ============================================================
   END CARD COLOR PATTERN OVERRIDES
   ============================================================ */

.rpi-stars {
    margin-bottom: 15px;
}

.rpi-slider .rpi-card {
    min-width: 100%;
}

.rpi-logo-google::before {
    width: 23px;
    height: 23px;
}

.rpi-card-inner * {
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.4;
}


.rpi-body {
    margin-bottom: 0;
}

.rpi-sh .rpi-text {
    font-size: 18px;
    color: #000;
    max-height: 400px !important;
    --text-line-height: 23px;
}

.rpi .rpi-readmore {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
    margin-top: 5px;
}

.rpi .rpi-readmore::after {
    content: '';
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2457 6.58766L9.16241 2.50432C9.05239 2.39807 8.90504 2.33927 8.7521 2.3406C8.59915 2.34193 8.45284 2.40328 8.34468 2.51143C8.23653 2.61959 8.17518 2.76589 8.17385 2.91884C8.17252 3.07179 8.23132 3.21914 8.33758 3.32916L11.4252 6.41674H1.16666C1.01195 6.41674 0.863579 6.4782 0.754183 6.5876C0.644786 6.69699 0.583328 6.84537 0.583328 7.00007C0.583328 7.15478 0.644786 7.30316 0.754183 7.41255C0.863579 7.52195 1.01195 7.58341 1.16666 7.58341H11.4252L8.33758 10.671C8.28186 10.7248 8.23742 10.7892 8.20685 10.8603C8.17628 10.9315 8.16019 11.0081 8.15952 11.0855C8.15884 11.163 8.1736 11.2398 8.20293 11.3115C8.23226 11.3832 8.27558 11.4483 8.33035 11.5031C8.38512 11.5578 8.45025 11.6011 8.52194 11.6305C8.59363 11.6598 8.67044 11.6746 8.7479 11.6739C8.82535 11.6732 8.9019 11.6571 8.97306 11.6265C9.04423 11.596 9.1086 11.5515 9.16241 11.4958L13.2457 7.41249C13.3551 7.3031 13.4165 7.15475 13.4165 7.00007C13.4165 6.8454 13.3551 6.69705 13.2457 6.58766Z' fill='%23F54D39'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 1px;
    right: -5px;
}

.rpi .rpi-readmore:hover {
    opacity: 0.6;
}


.rpi-name {
    color: #404040;
    font-weight: 600;
    text-transform: capitalize !important;
}

.rpi-card-inner br,
.rpi-time,
.rpi .rpi-img {
    display: none !important;
}

[class*='rpi-slider-'] {
    background: #F54D39;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    width: 61px;
    height: 61px;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.rpi-slider-next {
    right: -50px;
}

.rpi-slider-prev {
    left: -50px;
}


[class*='rpi-slider-']::before {
    content: '';
    mask: url("data:image/svg+xml,%3Csvg width='32' height='23' viewBox='0 0 32 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.41478 10.3143L10.3314 0.397676C10.5986 0.139618 10.9565 -0.00317421 11.3279 5.35535e-05C11.6994 0.00328131 12.0547 0.152271 12.3174 0.414932C12.58 0.677594 12.729 1.03291 12.7322 1.40436C12.7355 1.7758 12.5927 2.13366 12.3346 2.40084L4.8362 9.89926H29.7497C30.1254 9.89926 30.4858 10.0485 30.7514 10.3142C31.0171 10.5799 31.1664 10.9402 31.1664 11.3159C31.1664 11.6916 31.0171 12.052 30.7514 12.3177C30.4858 12.5833 30.1254 12.7326 29.7497 12.7326H4.8362L12.3346 20.231C12.4699 20.3617 12.5778 20.518 12.6521 20.6909C12.7263 20.8637 12.7654 21.0496 12.7671 21.2377C12.7687 21.4258 12.7328 21.6123 12.6616 21.7864C12.5904 21.9605 12.4852 22.1187 12.3522 22.2517C12.2192 22.3847 12.061 22.4899 11.8869 22.5612C11.7128 22.6324 11.5262 22.6682 11.3381 22.6666C11.15 22.665 10.9641 22.6259 10.7913 22.5517C10.6185 22.4774 10.4621 22.3695 10.3314 22.2342L0.41478 12.3175C0.149197 12.0518 0 11.6916 0 11.3159C0 10.9403 0.149197 10.58 0.41478 10.3143Z' fill='white'/%3E%3C/svg%3E%0A");
    mask-repeat: no-repeat;
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: relative;
    display: block;
    background: #fff;
    width: 32px;
    height: 23px;
}

[class*='rpi-slider-']:hover {
    opacity: 0.8;
}

.rpi-slider-next::before {
    transform: translate(-50%, -50%) scaleX(-1);
}

.rpi-slider-next::after {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    content: none !important;
}

@media (max-width: 1199px) {
    .testimonial-google-review__content {
        padding: 0 40px;
    }

    .rpi-sh .rpi-text {
        --text-line-height: 27px;
    }

    [class*='rpi-slider-'] {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 768px) {
    .rpi-slider .rpi-card {
        min-width: 50%;
    }

    .rpi-slider .rpi-card .rpi-card-inner {
        padding: 37px;
    }
    
}
@media (min-width: 1200px) {
    .rpi-slider .rpi-card {
        min-width: 33%;
    }

    .rpi-slider-next {
        right: -90px;
    }
    
    .rpi-slider-prev {
        left: -90px;
    }    
}

/* Main Styling */

.testimonial-google-review__content {
    margin-top: 11px;
}

.testimonial-google-review {
    background: #F8F8F8;
    padding: 60px 0;
}

@media (min-width: 1025px) {
    .testimonial-google-review {
        padding: 100px 0 65px;
    }
}