/* ==========================================================================
   CUSTOMER REVIEWS FOR WOOCOMMERCE - OVERRIDES
   ========================================================================== */

:root {
    /* Plugin Specific Accent */
    --cr-reviews-accent: #94A088;
    
    /* Project Typography (from previous context) */
    --font-system: "Jost", sans-serif;
    --font-voice: "Fahkwang", sans-serif;

    /* Bootstrap 5.3 Button Token Overrides */
    --bs-btn-font-family: var(--font-system);
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-border-radius: 0;
    
    /* Focus State Colors */
    --cr-focus-border: #acacac;
    --cr-focus-shadow: rgba(186, 186, 186, 0.5);
}

/* ==========================================================================
   10 - FORM & LAYOUT RESETS
   ========================================================================== */

.cr-form, 
.cr-form-submit {
    box-shadow: none;
    background-color: transparent;
}

.cr-form-wrapper,
.cr-form-header, 
.cr-form-top-line {
    background-color: var(--bs-white, #fff) !important;
}

/* ==========================================================================
   20 - BUTTONS & INTERACTIVE ELEMENTS
   ========================================================================== */

/* Grouping all elements that behave like Primary Buttons */
.customer-reviews .cr-all-reviews-shortcode button.cr-button-search,
.cr-form-edit,
.cr-form-submit .cr-form-submit-label {
    display: inline-block;
    cursor: pointer;
    user-select: none;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    text-transform: uppercase;
    
    /* Typography & Spacing */
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size, 1rem);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    
    /* Colors & Borders */
    color: var(--bs-white, #fff) !important;
    background: var(--bs-primary, #000) !important;
    border: var(--bs-border-width, 1px) solid var(--bs-primary, #000);
    border-radius: var(--bs-btn-border-radius);
    
    /* Transition */
    transition: all 0.15s ease-in-out;
}

/* Handle SVG icons inside buttons */
.cr-button-search svg path {
    fill: var(--bs-white, #fff) !important;
    stroke: var(--bs-white, #fff) !important;
}

/* ==========================================================================
   30 - TEXTS, FORM INPUTS & SELECTIONS
   ========================================================================== */

/* Titles, price, terms link */
.cr-form-terms a,
.cr-form-item-price,
.cr-form-item-title div,
.cr-form-customer-title {
	background-color: var(--bs-white, #fff) !important;
    color: var(--bs-primary, #000) !important;
}

/* Name Selection Options */
.cr-form-customer-name-option > span {
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    border: 1px solid var(--bs-primary, #000) !important;
    border-radius: 0;
    color: var(--bs-primary, #000) !important;
    transition: background-color 0.2s;
}

.cr-form-customer-name-option.cr-form-active-name > span {
    background-color: var(--bs-primary, #000) !important;
    color: var(--bs-white, #fff) !important;
}

/* Input Focus States */
#reviews.cr-reviews-ajax-reviews .cr-input-text:focus,
.cr-all-reviews-shortcode .cr-input-text:focus,
.cr-qna-block .cr-input-text:focus,
.cr-ajax-search input[type="text"]:focus {
    background-color: var(--bs-white, #fff);
    border-color: var(--cr-focus-border);
    box-shadow: 0 0 3px 2px var(--cr-focus-shadow);
    outline: none;
}

/* ==========================================================================
   40 - RATINGS & METERS
   ========================================================================== */

.cr-form-item-rating-radio .cr-form-item-inner,
.ivole-meter .ivole-meter-bar {
    background: var(--cr-reviews-accent) !important;
}

.crstar-rating-svg .cr-rating-icon-bg {
    fill: none;
    stroke: var(--cr-reviews-accent) !important;
}

.crstar-rating-svg .cr-rating-icon {
    fill: var(--cr-reviews-accent) !important;
}

/* Shared icon sizing */
.crstar-rating-svg .cr-rating-icon-bg,
.crstar-rating-svg .cr-rating-icon {
    width: 20px;
    height: 20px;
}

/* ==========================================================================
   50 - REVIEWS SLIDER (HOME PAGE)
   ========================================================================== */

.reviews .cr-reviews-slider .slick-prev:before, 
.reviews .cr-reviews-slider .slick-next:before {
    color: var(--bs-primary, #000);
}

.reviews .cr-review-card-inner,
.reviews .middle-row,
.reviews .review-product {
    background-color: var(--bs-white, #fff) !important;
}

.reviews .middle-row {
    border: none !important;
    padding: 0 !important;
}

.reviews .review-text,
.reviews .product-title a {
    font-family: var(--font-voice);
    color: var(--bs-black, #000) !important;
}

.reviews .product-title a {
    text-decoration: none;
    font-weight: normal;
}