/* ============================================================
   LIGHT-PROFILE.CSS — Light-mode theme for company profile pages
   Depends on: global.css, profile.css (link AFTER both)
   Mirrors light-listing.css: re-maps the dark tokens to light,
   switches the profile hero to the crimson gradient with white
   text, lightens every content block / sidebar widget / modal,
   and keeps the footer dark so the white logo stays visible.
   ============================================================ */

/* ── CSS variable overrides (cascade through global.css + profile.css) ── */
:root {
  --dark-2: #f4f5f7;
  --dark-3: #ebedf0;
  --dark-4: #e5e7eb;
  --text: #1f2937;          /* was near-white (#e5e5e5); fixes <strong> + var(--text) text */
  --text-dim: #374151;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --crimson-light: #c23b6e;
}

/* Page background */
body { background: #f8f9fa !important; color: #374151; }
/* Keep bold white on the crimson hero; dark elsewhere via --text remap */
.profile-hero strong { color: #fff !important; }

/* Nav stays dark — no override needed */

/* ── Profile Hero: crimson gradient, white text ── */
.profile-hero {
  background: linear-gradient(140deg, #5e0522 0%, #7e072e 55%, #9b0836 100%) !important;
  border-bottom: none !important;
}
.profile-hero h1 { color: #fff !important; }
.profile-hero .profile-tagline { color: rgba(255,255,255,.85) !important; }
.profile-hero .profile-hero-meta { border-top-color: rgba(255,255,255,.2) !important; }
.profile-hero .profile-meta-item { color: rgba(255,255,255,.8) !important; }
.profile-hero .profile-meta-item strong { color: #fff !important; }
.profile-hero .profile-meta-item svg { color: rgba(255,255,255,.85) !important; }
.profile-hero .profile-meta-item a { color: #fff !important; }
.profile-hero .breadcrumb,
.profile-hero .breadcrumb a { color: rgba(255,255,255,.75) !important; }
.profile-hero .breadcrumb span { color: rgba(255,255,255,.45) !important; }
.profile-hero .breadcrumb .current { color: #fff !important; }
.profile-hero .back-link { color: rgba(255,255,255,.85) !important; }
.profile-hero .back-link:hover { color: #fff !important; }
.profile-logo-box { background: rgba(255,255,255,.95) !important; border-color: rgba(255,255,255,.4) !important; }
/* Hero CTA: outline button reads white on crimson */
.profile-hero .btn-outline { color: #fff !important; border-color: rgba(255,255,255,.45) !important; }
.profile-hero .btn-outline:hover { background: rgba(255,255,255,.12) !important; border-color: #fff !important; }

/* ── Profile Body ── */
.profile-body { background: #f8f9fa !important; }

/* Content blocks → white cards on the light-gray page */
.profile-block { background: #fff !important; border-color: #e5e7eb !important; box-shadow: 0 2px 8px rgba(0,0,0,.05) !important; }
.profile-block-title { color: #141414 !important; border-bottom-color: #e5e7eb !important; }
.profile-block p { color: #374151 !important; }

/* Service list */
.service-item { background: #f8f9fa !important; border-color: #e5e7eb !important; color: #374151 !important; }
.service-item:hover { border-color: #7e072e !important; color: #141414 !important; }
.service-item-name { color: #141414 !important; }

/* Industries */
.industry-chip { background: #f8f9fa !important; border-color: #e5e7eb !important; color: #374151 !important; }
.industry-chip:hover { border-color: #7e072e !important; color: #141414 !important; }

/* Why choose */
.why-content h4, .why-content h3 { color: #141414 !important; }
.why-content p { color: #6b7280 !important; }

/* Certifications */
.cert-item { background: #f8f9fa !important; border-color: #e5e7eb !important; }
.cert-name { color: #374151 !important; }

/* ── Sidebar widgets ── */
.side-widget { background: #fff !important; border-color: #e5e7eb !important; box-shadow: 0 2px 8px rgba(0,0,0,.05) !important; }
.side-widget-title { background: #f8f9fa !important; color: #6b7280 !important; border-bottom-color: #e5e7eb !important; }

/* Rating widget */
.rating-big { border-bottom-color: #e5e7eb !important; }
.rating-big-val { color: #141414 !important; }
.rating-big .review-count { color: #6b7280 !important; }
.rating-bar-row { color: #6b7280 !important; }
.rating-bar-track { background: #e5e7eb !important; }

/* Quick facts */
.fact-row { border-bottom-color: #e5e7eb !important; }
.fact-key { color: #6b7280 !important; }
.fact-val { color: #141414 !important; }

/* Contact widget */
.contact-info-row { color: #6b7280 !important; }
.contact-info-row a { color: #7e072e !important; }

/* Sidebar "back to directory" outline button (on white) */
.profile-side .btn-outline { color: #374151 !important; border-color: #e5e7eb !important; }
.profile-side .btn-outline:hover { border-color: #7e072e !important; color: #7e072e !important; background: #fdf0f3 !important; }

/* ── Contact Modal (white) ── */
.modal-box { background: #fff !important; border-color: #e5e7eb !important; }
.modal-box h3 { color: #141414 !important; }
.modal-box .modal-sub { color: #6b7280 !important; }
.modal-close { background: #f4f5f7 !important; border-color: #e5e7eb !important; color: #6b7280 !important; }
.modal-close:hover { background: #7e072e !important; border-color: #7e072e !important; color: #fff !important; }
.form-group label { color: #6b7280 !important; }
.form-group input,
.form-group textarea,
.form-group select { background: #f8f9fa !important; border-color: #e5e7eb !important; color: #141414 !important; }
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus { background: #fff !important; border-color: #7e072e !important; }
.form-group input::placeholder,
.form-group textarea::placeholder { color: #9ca3af !important; }
.form-success h4 { color: #141414 !important; }
.form-success p { color: #6b7280 !important; }

/* ── Footer stays dark so white SVG logo remains visible ── */
.site-footer { background: #141414 !important; }
footer.site-footer p,
footer.site-footer a { color: rgba(255,255,255,.65) !important; }
footer.site-footer h4, footer.site-footer h3 { color: #fff !important; }
footer.site-footer .footer-bottom { border-top-color: rgba(255,255,255,.12) !important; }
.footer-logo { opacity: 1 !important; }

/* ── Readability: bare headings + outline buttons (hand-built profile variants) ── */
h2, h3, h4, h5, h6 { color: #141414; }
.profile-hero h1, .profile-hero h2, .profile-hero h3 { color: #fff !important; }
.modal-heading { color: #141414 !important; }
.btn-outline { color: #374151 !important; border-color: #e5e7eb !important; }
.profile-hero .btn-outline { color: #fff !important; border-color: rgba(255,255,255,.45) !important; }

/* ── Team Members widget (company profile sidebar) ─────────────── */
.team-members { display: flex; flex-direction: column; }
.team-member {
  display: flex; align-items: center; gap: .8rem;
  padding: .7rem .4rem; text-decoration: none; border-radius: 10px;
  transition: background .15s ease;
}
.team-member:hover { background: #f4f6f9; }
.team-member + .team-member { border-top: 1px solid #edf0f3; }
.team-member-avatar {
  width: 48px; height: 48px; border-radius: 50%; flex: 0 0 auto;
  overflow: hidden; display: flex; align-items: center; justify-content: center;
  background: #0e7a4b; color: #fff; font-weight: 700; font-size: .95rem;
}
.team-member-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.team-member-info { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.team-member-name {
  display: flex; align-items: center; gap: .35rem;
  font-weight: 700; color: #1f2937; font-size: .95rem; line-height: 1.25;
}
.team-member-name .tm-verify { color: #16a34a; font-size: .8rem; }
.team-member-role {
  color: #6b7280; font-size: .82rem; line-height: 1.2;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* leader bio attribution */
.leader-quote { margin: 1rem 0 0; padding: .9rem 1.1rem; border-left: 3px solid #c9162c;
  background: #faf7f8; border-radius: 0 8px 8px 0; }
.leader-quote p { margin: 0 0 .4rem; color: #374151; font-style: italic; }
.leader-quote cite { color: #6b7280; font-style: normal; font-weight: 600; font-size: .85rem; }

/* client reviews - light mode (dark-on-white, contrast-safe) */
.review-card { background: #f8f9fa !important; border-color: #e5e7eb !important; }
.review-stars { color: #f5b301 !important; }
.review-meta, .review-foot, .review-source { color: #6b7280 !important; }
.review-text { color: #374151 !important; }
.review-author { color: #141414 !important; }

/* Multi-location switcher (rating/reviews dropdowns) + map grid styles ship INLINE per
   page from render_profile._LOC_ASSETS so single-panel display never depends on this
   cached stylesheet. Intentionally not duplicated here. */