/* ── SHARED LAYER ──
   Originally the contrast layer for the dark design. Since the "Editorial White" theme (2026-10-14) the
   dark-panel rules are gone (no dark backgrounds, glass blur, shadows or rounded corners here); what is left
   applies in any theme. The dark version is in the backup folder "Christian dyas website (before white theme
   2026-10-14)". Colors and cards now come from css/elliman-theme.css + css/theme-adjustments.css. */

:root {
  --panel-border: #dddddd;
  --panel-border-hover: #111111;
  --panel-shadow: none;
}

/* Cards: plain panels with a hairline edge (the theme supplies white backgrounds) */
html body :is(
  .glass, .glass-card, .glass-heavy,
  .data-card, .sidebar-widget, .sidebar-card, .sidebar-cta, .step-card, .faq-item,
  .thing-card, .neighborhood-card, .approach-item, .marketing-card, .insight-box,
  .why-card, .val-form-card, .contact-form-card, .post-card, .featured-post,
  .area-big-card, .testimonial, .value, .cta-glass, .intro-badge, .pull-quote,
  .pathway-grid > a
) {
  background: var(--panel, #ffffff) !important;
  border: 1px solid var(--panel-border) !important;
}
html body :is(
  .glass-card, .step-card, .thing-card, .neighborhood-card, .marketing-card,
  .why-card, .post-card, .featured-post, .area-big-card, .testimonial, .value,
  .pathway-grid > a
):hover {
  border-color: var(--panel-border-hover) !important;
}

/* Photo credits for licensed (CC BY) images */
html body .photo-credit {
  position: absolute; right: 1rem; bottom: 0.6rem; z-index: 2; margin: 0;
  font-size: 0.66rem !important; line-height: 1.4; opacity: 0.75 !important; text-align: right;
}
html body .photo-credit a { text-decoration: underline; }
html body .photo-credits { font-size: 0.72rem !important; opacity: 0.75 !important; margin-top: 2rem; text-align: center; }
html body .photo-credits a { text-decoration: underline; }

/* Menu words bold (Chris, 2026-10-14). Their color comes from the theme (black on the white bar). */
html body .nav-links a { opacity: 1 !important; font-weight: 600 !important; }
html body .nav-cta { opacity: 1 !important; font-weight: 600 !important; }
/* Language switch spelled out (ENGLISH / ESPAÑOL), in capitals like the menu */
html body .lang-toggle a, html body .lang-toggle span { text-transform: uppercase; font-weight: 600 !important; letter-spacing: 0.1em; }
/* Card headings bold: see css/theme-adjustments.css (needs the theme's bold serif) */
