/* ============================================================
   CONTAINER WIDTH MATCH
============================================================ */
#gg-review-wrapper,
#gg-review-wrapper .gg-rating-header,
#gg-review-wrapper .gg-review-list,
#gg-review-wrapper .gg-review-form {
    width: 100% !important;
    max-width: 1170px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* ============================================================
   TITLE
============================================================ */
.gg-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eee !important;
}


/* ============================================================
   TWO-COLUMN SUMMARY
============================================================ */
.gg-rating-header {
    display: grid !important;
    grid-template-columns: 1fr 1.4fr !important;
    align-items: center !important;
    gap: 50px !important;
    margin-bottom: 35px !important;
}

.gg-rating-summary {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.gg-average {
    font-size: 42px !important;
    font-weight: 700 !important;
}

.gg-stars {
    transform: scale(1.05) !important;
}

.gg-review-count {
    font-size: 14px !important;
    color: #777 !important;
}


/* ============================================================
   RATING BARS
============================================================ */
.gg-bar-row {
    display: flex !important;
    align-items: center !important;
    margin: 8px 0 !important;
}

.gg-bar-label {
    width: 32px !important;
    color: #444 !important;
    font-size: 13px !important;
}

.gg-bar {
    flex: 1 !important;
    height: 6px !important;
    background: #eee !important;
    border-radius: 4px !important;
    margin: 0 10px !important;
}

.gg-bar span {
    background: #5fb15d !important;
    height: 100% !important;
    display: block !important;
}

.gg-bar-percent {
    width: 40px !important;
    text-align: right !important;
    font-size: 12px !important;
    color: #555 !important;
}


/* ============================================================
   REVIEW CARDS
============================================================ */
.gg-review-card {
    width: 100% !important;
    margin-bottom: 22px !important;
    padding: 22px !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 6px !important;
}

.gg-review-stars {
    margin-bottom: 6px !important;
}

.gg-meta {
    margin-bottom: 8px !important;
}

.gg-author {
    font-weight: 600 !important;
}

.gg-date {
    color: #777 !important;
    font-size: 13px !important;
}

.gg-review-content {
    color: #333 !important;
    font-size: 14px !important;
}

/* HIDDEN REVIEWS */
.gg-hidden {
    display: none !important;
}


/* ============================================================
   LOAD MORE BUTTON
============================================================ */
.gg-load-more {
    background: #000 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    border-radius: 3px !important;
    border: none !important;
    margin: 20px auto !important;
    display: table !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    cursor: pointer !important;
}


/* ============================================================
   REVIEW FORM
============================================================ */
.gg-review-form {
    background: #f3f3f3 !important;
    padding: 35px 25px !important;
    border-radius: 6px !important;
    margin-top: 40px !important;
}

.gg-review-form label {
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

.gg-review-form input,
.gg-review-form textarea,
.gg-review-form select {
    width: 100% !important;
    padding: 12px !important;
    border-radius: 4px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
}



/* ============================================================
   SUBMIT BUTTON
============================================================ */
.form-submit {
    text-align: right !important;
}

#gg-review-wrapper input#submit {
    background: #000 !important;
    color: #fff !important;
    padding: 10px 28px !important;
    border-radius: 4px !important;
    border: none !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    cursor: pointer !important;
    width: auto !important;
}


/* ============================================================
   FIX CHECKBOX ALIGNMENT (LEFT)
============================================================ */
#gg-review-wrapper .comment-form-cookies-consent {
    display: none;
}




/* ============================================================
   SUBMIT BUTTON DESIGN (SMALL, RIGHT, BLACK)
============================================================ */
#gg-review-wrapper .form-submit {
    text-align: right !important;
}

#gg-review-wrapper input#submit,
#gg-review-wrapper .submit,
#gg-review-wrapper .gg-submit-review {
    background: #000 !important;
    color: #fff !important;
    padding: 10px 28px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    width: auto !important;
}


/* ============================================================
   FULL-WIDTH ALIGNMENT MATCHES DESCRIPTION SECTION
============================================================ */
#gg-review-wrapper,
#gg-review-wrapper .gg-rating-header,
#gg-review-wrapper .gg-review-list,
#gg-review-wrapper .gg-review-form {
    width: 100% !important;
    max-width: 1170px !important; /* matches Strollik container */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.gg-success {
    background: #e7ffe7;
    border-left: 4px solid #2d9b2d;
    padding: 12px 15px;
    border-radius: 4px;
    color: #2d9b2d;
    margin-bottom: 15px;
}

.gg-error {
    background: #ffecec;
    border-left: 4px solid #c9302c;
    padding: 12px 15px;
    border-radius: 4px;
    color: #c9302c;
    margin-bottom: 15px;
}

.gg-below-submit {
    margin-top: 20px;
}

.gg-success, .gg-error {
    transition: opacity 0.5s ease;
}

.write-review,
.woocommerce-product-rating,
.woocommerce-review-link {
    cursor: pointer;
}