/**
 * Yotpo brand-alignment overrides — Montana Fly Fishing Lodge
 * ============================================================
 * Yotpo widgets render directly in the page DOM (not iframe), so
 * external CSS cascade reaches them. Extracted from the iterating
 * test page at /orvis-reviews-test/ once the styling locked in.
 *
 * The reviews live in Orvis's centrally-managed Yotpo account
 * (account 1758959, app_key uSBBlv73POyRVgWiYO7lbksfyK1FzFcClLU2NIUl).
 * MFL is identified inside that account by SKU 3GSG0000.
 *
 * What this file does:
 *   1. Sets Yotpo's CSS custom properties (newer widgets read
 *      --yotpo-primary-color etc. for theming).
 *   2. Recolors stars from Orvis-orange (#E7721B) to MFL gold
 *      (#c8b98a) via both color: (legacy font-icons) and fill:
 *      (modern SVG icons).
 *   3. Recolors all Yotpo CTAs/buttons to gold-on-transparent,
 *      excluding vote/share/thumbs icon buttons which stay
 *      borderless.
 *   4. Recolors links, tab underlines, pagination, "Read More",
 *      filter dropdowns to MFL gold.
 *   5. Tints backgrounds + dividers + review-card borders so
 *      Yotpo content sits on the forest palette instead of
 *      fighting it with default light-theme styling.
 *   6. Hides the cross-sell "Other top rated products" carousel
 *      (would push Orvis fly rods / dog collars / hose covers
 *      into our reviews — siphons guest traffic).
 *   7. Hides the Custom Questions row ("Location Quality /
 *      Communication / Just Right") — Yotpo's default two-column
 *      layout overflows on desktop, plus the unlabeled bar gauges
 *      are cryptic without scale context.
 *   8. Hides Write A Review / Ask A Question CTAs and the
 *      QUESTIONS tab — this surface is display-only. Reviews
 *      come in via Orvis's email program (Yotpo collection is
 *      Orvis-side); the website does not collect new reviews.
 *      Companion JS in yotpo-patches.js anchors hides to visible
 *      text labels for resilience against class-name drift.
 *   9. Dims "Powered by Yotpo" badge to 30% opacity (kept rather
 *      than hidden — likely required by Orvis's plan tier;
 *      revisit if Orvis confirms removability).
 *
 * Verified-buyer checkmarks intentionally stay sage — they read
 * as a separate trust signal alongside the gold stars.
 */

/* ─── 1. Yotpo CSS custom properties ─── */
.yotpo,
.yotpo-widget-instance,
div[class*="yotpo-"] {
  --yotpo-primary-color: #c8b98a !important;
  --yotpo-base-color: #c8b98a !important;
  --yotpo-link-color: #c8b98a !important;
  --yotpo-link-hover-color: #ddd0a8 !important;
  --yotpo-button-bg-color: transparent !important;
  --yotpo-button-text-color: #c8b98a !important;
  --yotpo-button-border-color: rgba(200, 185, 138, 0.6) !important;
  --yotpo-star-color: #c8b98a !important;
  --yotpo-empty-star-color: rgba(200, 185, 138, 0.25) !important;
  --yotpo-text-color: rgba(232, 224, 208, 0.85) !important;
  --yotpo-background-color: transparent !important;
}

/* ─── 2. Stars: legacy font-icons + SVGs ─── */
.yotpo .yotpo-icon-star,
.yotpo .yotpo-icon-half-star,
.yotpo [class*="yotpo-icon-star"],
.yotpo [class*="yotpo-icon-half-star"],
.yotpo .rating-stars-container [class*="star"],
.yotpo .yotpo-review-stars [class*="star"],
.yotpo .yotpo-bottomline [class*="star"] {
  color: #c8b98a !important;
}
.yotpo .yotpo-icon-empty-star,
.yotpo [class*="yotpo-icon-empty-star"] {
  color: rgba(200, 185, 138, 0.25) !important;
}
.yotpo svg[class*="star"],
.yotpo svg[class*="star"] *,
.yotpo svg[class*="Star"],
.yotpo svg[class*="Star"] *,
.yotpo .yotpo-stars svg,
.yotpo .yotpo-stars svg *,
.yotpo .yotpo-review-stars svg,
.yotpo .yotpo-review-stars svg *,
.yotpo-widget-instance svg[class*="star"],
.yotpo-widget-instance svg[class*="star"] * {
  fill: #c8b98a !important;
  color: #c8b98a !important;
}

/* ─── 3. Buttons: every <button> inside a yotpo container ─── */
.yotpo button,
.yotpo-widget-instance button,
div[class*="yotpo-"] button,
div[class*="yotpo"] button {
  background-color: transparent !important;
  background: transparent !important;
  color: #c8b98a !important;
  border: 1px solid rgba(200, 185, 138, 0.6) !important;
  box-shadow: none !important;
}
.yotpo button:hover,
.yotpo-widget-instance button:hover,
div[class*="yotpo-"] button:hover {
  background-color: rgba(200, 185, 138, 0.08) !important;
  border-color: #c8b98a !important;
  color: #ddd0a8 !important;
}
.yotpo button[class*="vote"],
.yotpo button[class*="thumb"],
.yotpo button[class*="share"],
.yotpo button[class*="helpful"],
.yotpo button[class*="icon-only"],
div[class*="yotpo-"] button[class*="vote"],
div[class*="yotpo-"] button[class*="thumb"],
div[class*="yotpo-"] button[class*="share"],
div[class*="yotpo-"] button[class*="helpful"] {
  background: transparent !important;
  border: none !important;
  color: rgba(232, 224, 208, 0.6) !important;
}

/* ─── 4. Tabs: REVIEWS / QUESTIONS active-state ─── */
.yotpo .yotpo-nav-tabs .yotpo-active,
.yotpo .yotpo-nav-content .yotpo-active,
.yotpo .yotpo-tabs-panel .yotpo-active,
.yotpo [class*="yotpo-tabs"] [class*="active"],
.yotpo .yotpo-tabs .yotpo-tab.yotpo-active {
  color: #c8b98a !important;
  border-bottom-color: #c8b98a !important;
  box-shadow: inset 0 -2px 0 0 #c8b98a !important;
}
.yotpo .yotpo-nav-tabs .yotpo-tab,
.yotpo .yotpo-tabs-panel .yotpo-tab {
  color: rgba(232, 224, 208, 0.55) !important;
}

/* ─── 5. Links + Read More ─── */
.yotpo a,
.yotpo a:link,
.yotpo a:visited,
.yotpo .yotpo-read-more,
.yotpo .yotpo-read-less,
.yotpo a.yotpo-read-more,
.yotpo .y-label,
.yotpo .yotpo-user-name,
div[class*="yotpo-"] a {
  color: #c8b98a !important;
}
.yotpo a:hover {
  color: #ddd0a8 !important;
}

/* ─── 6. Pagination ─── */
.yotpo .yotpo-pagination,
.yotpo .yotpo-pagination *,
.yotpo .yotpo-page-element,
.yotpo .yotpo-page-element span,
.yotpo .yotpo-pagination .yotpo-page-element.yotpo-active {
  color: #c8b98a !important;
}
.yotpo .yotpo-pagination .yotpo-page-element.yotpo-active {
  border-color: #c8b98a !important;
  border-bottom: 2px solid #c8b98a !important;
}

/* ─── 7. Filter dropdowns + search ─── */
.yotpo .yotpo-filters,
.yotpo .yotpo-filters select,
.yotpo .yotpo-filters button,
.yotpo [class*="filter"] button,
.yotpo [class*="filter"] select,
.yotpo .yotpo-search-bar input {
  background-color: transparent !important;
  color: rgba(232, 224, 208, 0.85) !important;
  border: 1px solid rgba(200, 185, 138, 0.4) !important;
}
.yotpo .yotpo-search-bar input::placeholder {
  color: rgba(232, 224, 208, 0.4) !important;
}

/* ─── 8. Verified-buyer checkmark — sage ─── */
.yotpo .yotpo-icon-verified-user-2,
.yotpo .yotpo-icon-circle-checkmark,
.yotpo [class*="verified"] svg,
.yotpo [class*="verified"] svg * {
  color: #5c8a6e !important;
  fill: #5c8a6e !important;
}

/* ─── 9. "Powered by Yotpo" badge — dim ─── */
.yotpo .yotpo-powered-by,
.yotpo .yotpo-promoted-by-section,
.yotpo a[href*="yotpo.com"][target="_blank"],
div[class*="yotpo-powered"],
div[class*="powered-by"] {
  opacity: 0.3 !important;
}

/* ─── 10. Hide Write A Review / Ask A Question / QUESTIONS tab ─── */
/* This surface is display-only — reviews come in through Orvis's
   email program. CSS catches what it can at first paint; companion
   JS in yotpo-patches.js handles the catch-all via text-anchored
   matching. */
.yotpo .write-question-review-buttons-container,
.yotpo .write-review-button-hover,
.yotpo .write-review-button,
.yotpo .write-question-button,
.yotpo .yotpo-prompt-write-button,
.yotpo button[class*="write-review"],
.yotpo button[class*="ask-question"],
.yotpo button[class*="write-question"],
.yotpo button[class*="prompt-write"],
.yotpo div[class*="write-question"],
.yotpo div[class*="write-review-buttons"],
div[class*="yotpo-"] button[class*="write"],
div[class*="yotpo-"] button[class*="ask"],
.yotpo .yotpo-nav-content [class*="questions"],
.yotpo [class*="qna-tab"],
.yotpo [class*="questions-tab"],
.yotpo [data-tab="questions"],
.yotpo a[href*="questions"][role="tab"] {
  display: none !important;
}

/* ─── 11. Hide cross-sell "Other top rated products" ─── */
.yotpo .yotpo-promoted-products,
.yotpo .yotpo-promoted-products-box,
.yotpo .promoted-products-box,
.yotpo .yotpo-other-products,
.yotpo .yotpo-y-recommendations,
.yotpo .yotpo-y-recommendations-container,
.yotpo .yotpo-related-products,
.yotpo .yotpo-promoted-products-tab,
.yotpo .promoted-products-carousel,
.yotpo div[class*="promoted"],
.yotpo div[class*="other-products"],
.yotpo div[class*="cross-sell"],
.yotpo div[class*="recommend"] {
  display: none !important;
}

/* ─── 12. Hide Custom Questions rating breakdown ─── */
/* CSS class-name guesses for the "Location Quality / Communication
   / Just Right" row. JS in yotpo-patches.js handles the catch-all
   by anchoring to visible text. */
.yotpo .yotpo-questions-summary,
.yotpo .yotpo-custom-questions,
.yotpo .yotpo-custom-questions-summary,
.yotpo .yotpo-custom-questions-section,
.yotpo .yotpo-additional-fields,
.yotpo .yotpo-additional-fields-summary,
.yotpo .yotpo-product-questions-form .summary,
.yotpo .yotpo-categories-bar,
.yotpo .yotpo-cf-summary,
.yotpo div[class*="custom-question"],
.yotpo div[class*="additional-field"],
.yotpo div[class*="categories-bar"],
.yotpo div[class*="cf-summary"] {
  display: none !important;
}

/* ─── 13. Backgrounds + text colors ─── */
.yotpo,
.yotpo .yotpo-regular-box,
.yotpo .main-widget,
.yotpo .yotpo-main-widget,
.yotpo .yotpo-reviews,
.yotpo .yotpo-review,
.yotpo .yotpo-display-wrapper,
div[class*="yotpo-"] .yotpo-bg {
  background-color: transparent !important;
  background: transparent !important;
}
.yotpo,
.yotpo .content-title,
.yotpo .content-review,
.yotpo .yotpo-review-title,
.yotpo .yotpo-review-content,
.yotpo .yotpo-review,
.yotpo .yotpo-header,
.yotpo .yotpo-summary,
div[class*="yotpo-"] p,
div[class*="yotpo-"] span:not([class*="star"]):not([class*="verified"]):not([class*="active"]) {
  color: rgba(232, 224, 208, 0.85) !important;
}

/* ─── 14. Borders + dividers ─── */
.yotpo .yotpo-review,
.yotpo .yotpo-comment,
.yotpo .yotpo-regular-box,
.yotpo .yotpo-bottomline-box-bottom,
.yotpo .filters-container,
.yotpo [class*="border"] {
  border-color: rgba(200, 185, 138, 0.18) !important;
}

/* ─── 15. Reviews-badge shortcode wrapper ───
   The [mfl_reviews_badge] shortcode emits a small badge near
   booking CTAs. The badge is intentionally a "decorative" star
   summary that links to the dedicated /reviews/ page — NOT to
   Yotpo's default click target.

   Yotpo's BottomLine widget normally scrolls to the in-page
   Reviews Main Widget on click. When the badge is dropped on a
   page that doesn't have that widget (Packages, About Us, etc.),
   Yotpo's handler falls back to window.open(), which Chrome's
   popup blocker kills (about:blank#blocked symptom Lincoln
   reported 2026-05-09).

   Fix: pointer-events: none on the inner widget so clicks pass
   through to our <a> wrapper without firing Yotpo's handler.
   The <a> wrapper navigates to /reviews/ — predictable, on-brand,
   no popup. */
.mfl-reviews-badge {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
}
.mfl-reviews-badge .yotpo.bottomLine,
.mfl-reviews-badge .yotpo.bottomLine * {
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Visual feedback when the badge is wrapped in an <a> */
a.mfl-reviews-badge {
  cursor: pointer;
  display: inline-block;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
a.mfl-reviews-badge:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}
/* Alignment variants */
.mfl-reviews-badge--center {
  display: block;
  text-align: center;
}
.mfl-reviews-badge--center > .yotpo.bottomLine {
  display: inline-block;
}
.mfl-reviews-badge--right {
  display: block;
  text-align: right;
}
.mfl-reviews-badge--right > .yotpo.bottomLine {
  display: inline-block;
}

/* Footer-specific wrapper — small breathing room above the
   Outfitter Licenses block. */
.mfl-footer-reviews-badge {
  margin: 16px 0 12px;
}
.mfl-footer-reviews-badge .mfl-reviews-badge {
  /* Inherit the footer's standard text alignment */
  font-size: 0.9em;
}

/* ─── 16. Font-family overrides ───
   Push Yotpo widget typography into MFL's two-font system:
   - Source Sans 3 (--font-body) for body, navigation, labels,
     reviewer names, review content, pagination, filters, buttons
   - Playfair Display (--font-display) for display elements:
     the big "5.0" bottomline number, section + carousel headings,
     and individual review titles ("EXCEPTIONAL FLY FISHING LODGE"
     etc.) — the moments that read as "headlines" deserve the
     serif voice.

   Specificity strategy:
   - Broad rule (.yotpo *, etc.) sets Source Sans 3 as the default
     for everything inside a Yotpo widget. Excludes [class*="icon"],
     [class*="star"], and <i> tags via :not() — Yotpo's icon system
     declares its own font-family on those (yotpo-icons custom font)
     and we'd break the star/check/etc. glyphs by clobbering it.
   - Targeted rule overrides h1-h5 and known display class names
     to Playfair Display. Both rules use !important; the Playfair
     rule wins via cascade order (declared later) at equal
     specificity, and via higher specificity for the multi-class
     selectors.

   Letter-spacing follows the brand typography spec from
   ~/.claude/CLAUDE.md (0.01em on display, 0.08em+ on uppercase
   labels) — applied here only where Yotpo's own letter-spacing
   would otherwise read off-brand. */

/* Default → Source Sans 3 (excluding icon elements) */
.yotpo,
.yotpo *:not([class*="icon"]):not([class*="star"]):not(i),
.yotpo-widget-instance,
.yotpo-widget-instance *:not([class*="icon"]):not([class*="star"]):not(i),
div[class*="yotpo-"],
div[class*="yotpo-"] *:not([class*="icon"]):not([class*="star"]):not(i) {
  font-family: var(--font-body, 'Source Sans 3', sans-serif) !important;
}

/* Display elements → Playfair Display (overrides default above) */
.yotpo h1,
.yotpo h2,
.yotpo h3,
.yotpo h4,
.yotpo h5,
.yotpo .yotpo-review-title,
.yotpo .content-title,
.yotpo .yotpo-bottomline-text,
.yotpo .yotpo-display-title,
.yotpo .yotpo-header h1,
.yotpo .yotpo-header h2,
.yotpo-widget-instance h1,
.yotpo-widget-instance h2,
.yotpo-widget-instance h3,
.yotpo-widget-instance .yotpo-review-title,
.yotpo-widget-instance .yotpo-bottomline-text,
div[class*="yotpo-"] h1,
div[class*="yotpo-"] h2,
div[class*="yotpo-"] h3,
div[class*="yotpo-"] .yotpo-review-title,
div[class*="yotpo-"] .yotpo-bottomline-text {
  font-family: var(--font-display, 'Playfair Display', serif) !important;
  letter-spacing: 0.01em !important;
  font-weight: 700 !important;
}

/* Uppercase labels (tabs, buttons, eyebrows) — wider tracking
   matches the rest of the theme's uppercase tracking discipline. */
.yotpo .yotpo-nav-tabs .yotpo-tab,
.yotpo .yotpo-tabs-panel .yotpo-tab,
.yotpo button[class*="write"],
.yotpo button[class*="ask"],
div[class*="yotpo-"] .yotpo-tab {
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  font-weight: 600 !important;
}

/* ────────────────────────────────────────────────────────────
   17. Custom Review Modal
   ────────────────────────────────────────────────────────────
   Pops when the user clicks "Read More" on any carousel review
   card. Replaces Yotpo's default partial-tooltip behavior with
   a full-content modal showing title, author, date, stars, full
   body text, and any attached guest photos.

   JS that builds + opens the modal lives in
   assets/js/yotpo-patches.js. CSS here.

   Reuses the visual language of .mfl-bio-modal (forest gradient
   + gold border + cream text) so it reads as part of the theme,
   not a Yotpo widget.
──────────────────────────────────────────────────────────── */
.mfl-review-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 15, 11, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  animation: mfl-review-modal-fade 0.25s ease;
}
@keyframes mfl-review-modal-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.mfl-review-modal {
  position: relative;
  background:
    radial-gradient(ellipse at 70% 40%, rgba(92, 138, 110, 0.08) 0%, transparent 60%),
    linear-gradient(160deg, #142b1c 0%, #0d1a14 100%);
  border: 1px solid rgba(200, 185, 138, 0.25);
  max-width: 720px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 48px 40px 36px;
  color: #e8e0d0;
  font-family: var(--font-body, 'Source Sans 3', sans-serif);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}
.mfl-review-modal-close {
  position: absolute;
  top: 10px;
  right: 14px;
  background: transparent;
  border: none;
  color: #c8b98a;
  font-size: 32px;
  cursor: pointer;
  line-height: 1;
  padding: 4px 12px;
  transition: color 0.2s ease;
}
.mfl-review-modal-close:hover,
.mfl-review-modal-close:focus {
  color: #ddd0a8;
  outline: none;
}
.mfl-review-modal-header {
  margin-bottom: 16px;
}
.mfl-review-modal-stars {
  color: #c8b98a;
  font-size: 22px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.mfl-review-modal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.05em;
}
.mfl-review-modal-name {
  font-weight: 600;
  color: #c8b98a;
  font-size: 13px;
}
.mfl-review-modal-verified {
  display: inline-block;
  color: #5c8a6e;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 10px;
  font-weight: 600;
}
.mfl-review-modal-date {
  color: rgba(232, 224, 208, 0.55);
  font-size: 12px;
}
.mfl-review-modal-title {
  font-family: var(--font-display, 'Playfair Display', serif);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #e8e0d0;
  margin: 16px 0 18px;
}
.mfl-review-modal-body {
  font-size: 16px;
  line-height: 1.65;
  color: rgba(232, 224, 208, 0.88);
  white-space: pre-wrap;
}
.mfl-review-modal-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 8px;
  margin-top: 28px;
}
.mfl-review-modal-images a {
  display: block;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.2s ease;
}
.mfl-review-modal-images a:hover {
  transform: scale(1.03);
}
.mfl-review-modal-images img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}
.mfl-review-modal-footer {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid rgba(200, 185, 138, 0.18);
  text-align: center;
}
.mfl-review-modal-cta {
  color: #c8b98a;
  font-family: var(--font-body, 'Source Sans 3', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid rgba(200, 185, 138, 0.4);
  border-radius: 999px;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.mfl-review-modal-cta:hover {
  color: #ddd0a8;
  border-color: #c8b98a;
  background: rgba(200, 185, 138, 0.08);
}

/* Mobile — tighten padding so the modal isn't cramped on narrow screens */
@media (max-width: 600px) {
  .mfl-review-modal {
    padding: 36px 22px 24px;
    max-height: 90vh;
  }
  .mfl-review-modal-title {
    font-size: 22px;
  }
  .mfl-review-modal-body {
    font-size: 15px;
  }
}

/* ────────────────────────────────────────────────────────────
   18. Yotpo Image Lightbox — restore contrast
   ────────────────────────────────────────────────────────────
   Yotpo's built-in image lightbox (opens when a guest clicks a
   photo attached to a review) renders OVER the page with its
   own LIGHT background — that's intentional Yotpo design for
   photo presentation. But our brand-color overrides (sections
   1–14 above) assume a forest dark background and force text
   to cream/gold, which renders nearly invisible against the
   lightbox's light surface.

   This block targets the lightbox specifically and forces dark
   text + appropriate accent colors. Stars stay gold; verified-
   buyer check stays sage; everything else flips to dark for
   readability on the light background.

   Lincoln 2026-05-10: caught this when clicking a review photo
   on /reviews/ — body text rendered cream-on-cream, unreadable.
   Selectors are intentionally broad ([class*="lightbox"],
   [class*="image-modal"], etc.) because Yotpo's lightbox class
   names vary across widget versions; explicit excludes for our
   own .mfl-review-modal-* prevent collision with the custom
   modal we built for the carousel Read More.
──────────────────────────────────────────────────────────── */
[class*="yotpo-lightbox"]:not(.mfl-review-modal):not(.mfl-review-modal-overlay),
[class*="image-lightbox"],
[class*="yotpo-image-modal"],
[class*="image-gallery-modal"],
[class*="yotpo-popup-box"],
[class*="yotpo-modal-content"]:not(.mfl-review-modal *) {
  color: #1a1a1a !important;
  background-color: #ffffff !important;
}
[class*="yotpo-lightbox"]:not(.mfl-review-modal):not(.mfl-review-modal-overlay) *:not([class*="icon-star"]):not([class*="star"]):not([class*="verified"]):not(svg):not(svg *),
[class*="image-lightbox"] *:not([class*="icon-star"]):not([class*="star"]):not([class*="verified"]):not(svg):not(svg *),
[class*="yotpo-image-modal"] *:not([class*="icon-star"]):not([class*="star"]):not([class*="verified"]):not(svg):not(svg *),
[class*="image-gallery-modal"] *:not([class*="icon-star"]):not([class*="star"]):not([class*="verified"]):not(svg):not(svg *),
[class*="yotpo-popup-box"] *:not([class*="icon-star"]):not([class*="star"]):not([class*="verified"]):not(svg):not(svg *) {
  color: #1a1a1a !important;
}

/* Stars inside the lightbox stay MFL gold (consistent across
   surfaces) — overrides the dark-text rule above for star icons. */
[class*="lightbox"] [class*="yotpo-icon-star"],
[class*="lightbox"] [class*="icon-star"],
[class*="image-modal"] [class*="yotpo-icon-star"],
[class*="image-modal"] [class*="icon-star"],
[class*="popup-box"] [class*="yotpo-icon-star"],
[class*="popup-box"] [class*="icon-star"] {
  color: #c8b98a !important;
}
[class*="lightbox"] svg[class*="star"],
[class*="lightbox"] svg[class*="star"] *,
[class*="image-modal"] svg[class*="star"],
[class*="image-modal"] svg[class*="star"] *,
[class*="popup-box"] svg[class*="star"],
[class*="popup-box"] svg[class*="star"] * {
  fill: #c8b98a !important;
  color: #c8b98a !important;
}

/* Verified-buyer check stays sage (recognizable trust signal). */
[class*="lightbox"] [class*="verified"],
[class*="lightbox"] [class*="verified"] svg,
[class*="lightbox"] [class*="verified"] svg *,
[class*="image-modal"] [class*="verified"],
[class*="image-modal"] [class*="verified"] svg,
[class*="image-modal"] [class*="verified"] svg *,
[class*="popup-box"] [class*="verified"],
[class*="popup-box"] [class*="verified"] svg,
[class*="popup-box"] [class*="verified"] svg * {
  color: #5c8a6e !important;
  fill: #5c8a6e !important;
}

/* Links inside the lightbox use gold-dark for legibility on the
   light background (regular gold-light is too pale here). */
[class*="lightbox"] a,
[class*="image-modal"] a,
[class*="popup-box"] a {
  color: #9e8f5f !important;
}
[class*="lightbox"] a:hover,
[class*="image-modal"] a:hover,
[class*="popup-box"] a:hover {
  color: #c8b98a !important;
}