/* Beauté Concept — Google Reviews widget (spec v2)
   Two blocks from ui_kits/website/styles.css:
     • .grf-inline — footer inline pill (dark bar)
     • .gr-trust   — CTA trust strip (context-adaptive)
   Theme-var mapping: theme has --gold-300/--gold-600, no --gold-500.
     • --gold-500 on dark contexts → --gold-300 (champagne)
     • --gold-500 on light .b-cta-band → --gold-600 (readable on ivory)
   Dark-context color adds (.tx-book, .b-cta-band on ink) are readability
   tweaks kept per operator decision. */

/* ── Footer inline strip ── */
.b-footer-bot.has-grf { flex-wrap: wrap; }
/* Defensive: also wrap when the pill is present regardless of class,
   and out-specify the inline <style> in the copyright rail view (1974). */
.bc-footer-bot-wrap .b-footer-bot:has(.grf-inline) { flex-wrap: wrap; }
.grf-inline { display: inline-flex; align-items: center; gap: 14px; padding: 9px 16px; border: 1px solid rgba(217,199,160,0.28); border-radius: 999px; }
.grf-inline .gr-g { display: inline-flex; flex: none; }
.grf-inline .gr-g svg, .grf-inline .gr-stars svg { display: block; }
.grf-inline .gr-stars { display: inline-flex; align-items: center; gap: 3px; }
.grf-inline .gr-stars svg path { fill: var(--gold-300); }
.grf-inline .num { color: var(--ivory-50); font-size: 13px; font-weight: 500; letter-spacing: 0.02em; }
.grf-inline .sep { width: 1px; height: 16px; background: rgba(217,199,160,0.3); }
.grf-inline a { color: rgba(251,248,243,0.82); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; text-decoration: none; }
.grf-inline a:hover { color: var(--gold-300); opacity: 1; }

/* ── CTA trust strip (works on dark & light CTAs) ── */
.gr-trust { display: inline-flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.gr-trust .gr-g, .gr-trust .gr-stars { display: inline-flex; align-items: center; flex: none; }
.gr-trust .gr-g svg, .gr-trust .gr-stars svg { display: block; }
.gr-trust .gr-stars { gap: 3px; }
.gr-trust .gr-stars svg path { fill: var(--gold-300); }
.gr-trust .rate { display: inline-flex; align-items: center; gap: 12px; }
.gr-trust .num { font-weight: 600; color: inherit; font-size: 14px; }
.gr-trust .meta { font-weight: 300; font-size: 13px; opacity: 0.72; }
.gr-revlink { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold-300); border-bottom: 1px solid rgba(217,199,160,0.5); padding-bottom: 5px; text-decoration: none; }
.gr-revlink:hover { opacity: 0.7; }

/* Light-CTA overrides (used by .b-cta-band on the homepage) */
.b-cta-band .gr-trust .gr-stars svg path { fill: var(--gold-600); }
.b-cta-band .gr-trust { margin-top: 6px; color: var(--ink-900); }
.b-cta-band .grc-actions { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 30px; }
.b-cta-band .b-btn-ghost { background: transparent; color: var(--ink-900); border: 1px solid var(--ivory-300); }
.b-cta-band .b-btn-ghost:hover { background: var(--ivory-100); border-color: var(--ink-900); }

/* Section-specific context margins for DB-side pages */
.pl-cta .gr-trust { color: var(--ivory-50); margin-top: 24px; }
.tx-book .gr-trust { color: var(--ivory-50); margin-top: 4px; margin-bottom: 36px; }
.ti-contact .gr-trust { margin-top: 22px; }