/* ================================================================
   Medical Reviews – Amazon Style v2
   ================================================================ */

:root {
    --mr-star:      #f5a623;
    --mr-star-empty:#ddd;
    --mr-primary:   #067bc2;
    --mr-border:    #e8e8e8;
    --mr-bg:        #f8f9fa;
    --mr-text:      #111;
    --mr-muted:     #767676;
    --mr-radius:    4px;
    --mr-reply-bg:  #eaf4fb;
}

.mr-reviews-widget { direction: rtl; font-family: 'Segoe UI', Arial, sans-serif; color: var(--mr-text); }

/* ── סיכום עליון ─────────────────────────────────────────────── */
.mr-summary {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--mr-border);
    margin-bottom: 24px;
    flex-wrap: wrap;
}

/* ציון גדול */
.mr-summary-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 90px;
    flex-shrink: 0;
}

.mr-big-avg {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    color: var(--mr-text);
}

.mr-summary-stars { margin: 6px 0 4px; }
.mr-out-of { font-size: .82rem; color: var(--mr-muted); white-space: nowrap; }

/* Breakdown – רוחב קבוע כמו אמזון */
.mr-breakdown { flex-shrink: 0; width: 280px; }

.mr-breakdown-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    cursor: pointer;
    border-radius: var(--mr-radius);
    padding: 2px 4px;
    transition: background .15s;
}

.mr-breakdown-row:hover  { background: #f0f7ff; }
.mr-breakdown-row.active { background: #e3f2fd; }

.mr-bd-label {
    font-size: .83rem;
    color: var(--mr-primary);
    white-space: nowrap;
    width: 60px;
    text-align: right;
    flex-shrink: 0;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.mr-bar-wrap {
    width: 140px;
    height: 12px;
    background: var(--mr-border);
    border-radius: 2px;
    overflow: hidden;
    flex-shrink: 0;
}

.mr-bar {
    height: 100%;
    background: var(--mr-star);
    border-radius: 2px;
    transition: width .4s ease;
}

.mr-bd-pct {
    font-size: .8rem;
    color: var(--mr-muted);
    width: 32px;
    flex-shrink: 0;
}

/* Badges */
.mr-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }

.mr-badge {
    background: #fff3cd;
    border: 1px solid #ffc107;
    color: #856404;
    font-size: .8rem;
    padding: 4px 12px;
    border-radius: 20px;
    font-weight: 600;
}

/* Active filter indicator */
.mr-filter-active {
    font-size: .82rem;
    color: var(--mr-primary);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mr-clear-filter {
    background: none;
    border: 1px solid var(--mr-primary);
    color: var(--mr-primary);
    border-radius: 20px;
    padding: 2px 10px;
    font-size: .78rem;
    cursor: pointer;
}

.mr-clear-filter:hover { background: var(--mr-primary); color: #fff; }

/* ── כוכבים ──────────────────────────────────────────────────── */
.mr-star-display { display: inline-flex; gap: 1px; line-height: 1; }
.mr-star         { font-size: 1.1em; color: var(--mr-star-empty); }
.mr-star.full    { color: var(--mr-star); }
.mr-star.half    { color: var(--mr-star); opacity: .65; }

/* ── כרטיס ביקורת ────────────────────────────────────────────── */
.mr-review-card {
    padding: 20px 24px;
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.07);
}

.mr-review-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.mr-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8edf2 !important;
    color: #4a5568 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.mr-reviewer-info { flex: 1; }
.mr-reviewer      { font-weight: 700; font-size: .95rem; }
.mr-review-date   { font-size: .8rem; color: var(--mr-muted); }

.mr-review-headline {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.mr-review-title  { font-weight: 700; font-size: 1rem; }

.mr-review-content {
    font-size: .93rem;
    line-height: 1.65;
    color: #333;
    margin-bottom: 8px;
}

.mr-visit-date {
    font-size: .8rem;
    color: var(--mr-muted);
    margin-bottom: 8px;
}

/* שאלות קטגוריאליות */
.mr-question-ratings {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 10px 0;
    padding: 10px 14px;
    background: var(--mr-bg);
    border-radius: var(--mr-radius);
    border: 1px solid var(--mr-border);
}

.mr-question-item {
    font-size: .82rem;
    color: var(--mr-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    text-align: center;
}

.mr-question-item strong { color: var(--mr-text); font-size: .8rem; }

/* תגובת רופא */
.mr-reply-box {
    background: var(--mr-reply-bg);
    border-right: 3px solid var(--mr-primary);
    padding: 12px 16px;
    margin-top: 12px;
    border-radius: 0 var(--mr-radius) var(--mr-radius) 0;
    font-size: .88rem;
}

.mr-reply-label {
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: 4px;
    color: var(--mr-primary);
}

/* דיווח */
.mr-flag-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: .78rem;
    color: var(--mr-muted);
    padding: 0;
    margin-right: auto;
}
.mr-flag-btn:hover { color: #c62828; }

/* ── Pagination ───────────────────────────────────────────────── */
.mr-pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap;
}

.mr-page-btn {
    padding: 6px 14px;
    border: 1px solid var(--mr-border);
    border-radius: var(--mr-radius);
    background: #fff;
    cursor: pointer;
    font-size: .88rem;
    color: var(--mr-primary);
    transition: all .15s;
}

.mr-page-btn.active,
.mr-page-btn:hover {
    background: var(--mr-primary);
    color: #fff;
    border-color: var(--mr-primary);
}

/* ── Loading / Empty ──────────────────────────────────────────── */
.mr-loading    { text-align: center; color: var(--mr-muted); padding: 32px; }
.mr-no-reviews { text-align: center; color: var(--mr-muted); padding: 40px; }

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 600px) {
    .mr-summary   { gap: 20px; }
    .mr-big-avg   { font-size: 3rem; }
    .mr-breakdown { width: 100%; }
    .mr-bar-wrap  { flex: 1; width: auto; }
}

/* ── תיקונים ויזואליים ───────────────────────────────────────── */

/* מגביל רוחב כרטיסי ביקורת */
.mr-reviews-list {
    max-width: 680px;
}

/* אווטר – צבע ניטרלי שלא מושפע מהתמה */
.mr-avatar {
    background: #5b7fa6 !important;
    color: #fff !important;
    font-size: .95rem;
    border: none !important;
    box-shadow: none !important;
}

/* Summary – מגביל גם אותו */
.mr-summary {
    max-width: 680px;
}

/* שאלות קטגוריאליות – תיקון unicode */
.mr-question-item strong {
    font-size: .78rem;
    max-width: 80px;
    text-align: center;
    word-break: break-word;
}

/* ── Sort bar ─────────────────────────────────────────────────── */
.mr-sort-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    direction: rtl;
}

.mr-sort-label {
    font-size: .85rem;
    color: var(--mr-muted);
}

.mr-sort-btn {
    background: none;
    border: 1px solid var(--mr-border);
    border-radius: 20px;
    padding: 4px 14px;
    font-size: .82rem;
    cursor: pointer;
    color: var(--mr-muted);
    transition: all .15s;
}

.mr-sort-btn:hover,
.mr-sort-btn.active {
    background: var(--mr-primary);
    color: #fff;
    border-color: var(--mr-primary);
}