/* ============================================================
   medirelief-product.css
   Extracted inline styles from medirelief-product.html
   All classes prefixed with "mrp-" for uniqueness
   ============================================================ */

/* Hidden tab panels */
.tab-hidden {
  display: none;
}

/* Mobile Nav Logo Text */
.mrp-logo-text {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--primary);
}

/* Active nav link (primary color, bold) */
.mrp-nav-active-link {
  color: var(--primary);
  font-weight: 700;
}

/* Topbar flex row gap */
.mrp-topbar-flex {
  gap: 20px;
}

/* Dropdown chevron-right icon (small, floated right) */
.mrp-chevron-right-icon {
  font-size: 10px;
  float: right;
  margin-top: 3px;
}

/* Diamond button (header offcanvas toggle) */
.mrp-diamond-btn {
  width: 50px;
  height: 50px;
  font-size: 26px;
  border-radius: 8px;
}

/* Offcanvas logo image */
.mrp-offcanvas-logo {
  height: 60px;
  width: 200px;
}

/* Rating summary: left column min-width */
.mrp-rating-col {
  min-width: 105px;
}

/* Review count text below stars */
.mrp-review-count {
  font-size: 12px;
  color: #90a1b9;
  margin-top: 3px;
}

/* Star icon inside rating bar rows */
.mrp-rbar-star-icon {
  color: var(--amber);
  font-size: 10px;
}

/* Rating bar number label */
.mrp-rbar-num {
  width: 8px;
  color: #777;
}

/* Rating bar fill widths */
.mrp-rbar-fill-58 { width: 58%; }
.mrp-rbar-fill-24 { width: 24%; }
.mrp-rbar-fill-10 { width: 10%; }
.mrp-rbar-fill-5  { width: 5%; }
.mrp-rbar-fill-3  { width: 3%; }

/* Reviewer avatar colors */
.mrp-rav-green  { background: #1a7a5e; }
.mrp-rav-blue   { background: #1565c0; }
.mrp-rav-purple { background: #6a1b9a; }

/* Reviewer name style */
.mrp-reviewer-name {
  font-size: 13px;
  font-weight: 600;
}

/* Stars small size (review cards) */
.mrp-stars-sm {
  font-size: 13px;
}

/* Safety header icon size */
.mrp-safety-icon {
  font-size: 18px;
}

/* Safety item icon colors */
.mrp-si-yellow { color: #f57f17; }
.mrp-si-orange { color: #e65100; font-size: 16px; }
.mrp-si-red    { color: #c62828; font-size: 16px; }
.mrp-si-purple { color: #6a1b9a; font-size: 15px; }

/* Overdose phone number */
.mrp-overdose-num {
  font-size: 14px;
}

/* Trust item icon backgrounds and colors */
.mrp-ti-icon-green {
  background: #e8f5e9;
}
.mrp-ti-icon-green i {
  color: #2e7d32;
}

.mrp-ti-icon-blue {
  background: #e8f7f0;
}
.mrp-ti-icon-blue i {
  color: var(--blue);
}

.mrp-ti-icon-yellow {
  background: #fff8e1;
}
.mrp-ti-icon-yellow i {
  color: #f57f17;
}

.mrp-ti-icon-mint {
  background: #f0faf6;
}
.mrp-ti-icon-mint i {
  color: var(--green);
}

.mrp-ti-icon-amber {
  background: #fff8e1;
}
.mrp-ti-icon-amber i {
  color: var(--amber);
}

/* Footer padding bottom */
.mrp-footer-pb {
  padding-bottom: 50px;
}

/* Newsletter submit button */
.mrp-newsletter-btn {
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}