/* Inherit theme fonts/colors by default */
.wpgrev{--wpg-card-bg:#fff;--wpg-bd:rgba(0,0,0,.1);--wpg-soft:rgba(0,0,0,.06);--wpg-star:#FFD700;--wpg-muted:rgba(0,0,0,.6);}
.wpgrev.align-center{text-align:center}.wpgrev.align-right{text-align:right}

/* Header (title + rating + button) */
.wpgrev .wpgrev-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px 0;gap:12px;flex-wrap:wrap}
.wpgrev .wpgrev-header .g-logo:before{content:"Google ";font-weight:700;letter-spacing:.2px}
.wpgrev .wpgrev-header .g-logo{display:inline-block;width:95px;height:auto;} /* Logo width */
.wpgrev .wpgrev-header .rating{display:flex;align-items:center;gap:10px}
.wpgrev .wpgrev-header .avg{font-size:1.1rem;font-weight:700}
.wpgrev .wpgrev-header .count{font-size:.95rem;color:var(--wpg-muted)}
.wpgrev .btn-review{border:1px solid var(--wpg-bd);padding:.45rem .7rem;border-radius:8px;text-decoration:none}

/* Items container */
.wpgrev .wpgrev-items{display:grid;gap:16px}
.wpgrev.layout-grid .wpgrev-items{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.wpgrev.cols-2{--cols:2}.wpgrev.cols-3{--cols:3}.wpgrev.cols-4{--cols:4}
.wpgrev.layout-list .wpgrev-items{grid-template-columns:1fr}
.wpgrev.layout-carousel .wpgrev-items{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory}
.wpgrev.layout-carousel .wpgrev-item{flex:0 0 calc(100%/var(--slides,3));scroll-snap-align:start}
.wpgrev.slides-1{--slides:1}.wpgrev.slides-2{--slides:2}.wpgrev.slides-3{--slides:3}.wpgrev.slides-4{--slides:4}

/* Card */
.wpgrev .wpgrev-item{background:var(--wpg-card-bg);border:1px solid var(--wpg-bd);border-radius:12px;box-shadow:0 1px 3px var(--wpg-soft);padding:14px;position:relative}
.wpgrev .wpgrev-item .head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.wpgrev .wpgrev-item .avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eee}
.wpgrev .wpgrev-item .meta .name{font-weight:600}
.wpgrev .wpgrev-item .meta .sub{font-size:.85rem;color:var(--wpg-muted)}
.wpgrev .wpgrev-item .rating .stars .star{font-size:1rem;color:var(--wpg-star)} /* Default gold */
.wpgrev .wpgrev-item .rating .stars .star.empty{opacity:.25}
.wpgrev .wpgrev-item .text{max-height:none;overflow:hidden}
.wpgrev .wpgrev-item .read-more{display:none;margin-top:6px;background:none;border:none;color:#0073aa;cursor:pointer}
.wpgrev .wpgrev-item .g-badge{position:absolute;right:8px;bottom:8px;width:18px;height:18px;background:#fff;border:1px solid var(--wpg-bd);border-radius:50%;}
/* Load more */
.wpgrev .wpgrev-loadmore{display:inline-block;margin-top:10px;border:1px solid var(--wpg-bd);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}

/* Badge pill */
.wpgrev-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--wpg-bd);border-radius:999px;padding:8px 14px;text-decoration:none;background:#fff;box-shadow:0 1px 3px var(--wpg-soft);color:inherit}
.wpgrev-badge .g-logo:before{content:"Google";font-weight:700}
.wpgrev-badge .g-logo{display:inline-block;width:95px;height:auto;} /* Logo width */
.wpgrev-badge .stars .star{color:var(--wpg-star)} /* Default gold */
.wpgrev-badge .avg{font-weight:700}
.wpgrev-badge .pipe{opacity:.5}
.wpgrev-badge.style-inline{padding:4px 8px;border-radius:8px}
.wpgrev-badge.style-card{border-radius:14px;padding:12px 16px;box-shadow:0 4px 12px var(--wpg-soft)}

/* Remove underline for links */
.wpgrev-badge,
.wpgrev .btn-review {
    text-decoration: none;
}
.wpgrev-badge:hover,
.wpgrev .btn-review:hover {
    text-decoration: none;
}
a.wpgrev-badge.style-clean {
    text-decoration: none;
}
span.stars {
    color: #fbbd05;
}

@media (prefers-color-scheme: dark){
  .wpgrev-badge.style-dark{background:#111;color:#fff;border-color:rgba(255,255,255,.15)}
  .wpgrev .wpgrev-item .rating .stars .star,
  .wpgrev-badge .stars .star {
      color: #FFD700; /* Ensure gold in dark mode */
  }
}

    .wpgrev-floating {
        position: fixed;
        bottom: 20px;
        left: 20px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        padding: 10px;
        font-family: Arial, sans-serif;
        z-index: 9999;
        width: 190px;
        text-align: center;
        color: #000; /* all text black */
    }
    .wpgrev-floating .wpgrev-close {
    position: absolute;
    top: -16px;
    right: -12px;
    border: none;
    background: none;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    background: #c8c8c8a6;
    /* line-height: 1; */
    height: 24px;
    width: 24px !important;
    line-height: 14px; 
    padding: 0px;
    border-radius: 50%;
}
    .wpgrev-floating .badge-desktop { 
        display: flex; 
        flex-direction: column; 
        align-items: center; 
    }
    .wpgrev-floating .badge-desktop .logo img { 
        width: 28px; /* bigger logo */ 
        margin-bottom: 0px; 
    }
    .wpgrev-floating .badge-desktop .rating-stars {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 3px 0;
    }
    .wpgrev-floating .badge-desktop .rating { 
        font-size: 20px; 
        font-weight: bold; 
        color: #000;
    }
    .wpgrev-floating .badge-desktop .stars { 
        color: rgb(252, 191, 2); 
        font-size: 20px;
		display:contents;
    }
	.wpgrev-floating .badge-mobile .stars { 
        
		display:contents;
    }
    .wpgrev-floating .badge-desktop .count { 
        font-size: 13px; 
        color: rgb(110 110 111); 
		font-weight:bold;
    }
    /* Mobile styles */
    .wpgrev-floating .badge-mobile {
        display: none;
        align-items: center;
        gap: 5px;
        font-size: 18px; /* bigger font */
        font-weight: bold;
        color: #000; /* force black text */
    }
	.wpgrev-floating .badge-mobile	span.count {
    color: #9e9898;
    font-size: 13px;
}
    .wpgrev-floating .badge-mobile .logo { width: 24px; }
    /* Show mobile version */
    @media(max-width:768px){
        .wpgrev-floating {
            left: 30%;
            bottom: 10px;
            transform: translateX(-50%);
            width: auto;
            padding: 10px 14px;
        }
		.wpgrev-floating {border-radius:20px;}
        .wpgrev-floating .badge-desktop { display: none; }
        .wpgrev-floating .badge-mobile { display: flex; }
    }