/* Public TR/EN note surfaces. No text matching or client-side DOM changes.
 * The legacy small/muted paragraph pair is shared by price and form notes.
 * Named selectors cover the same content in service-specific templates.
 * Do not use [class*="note"]: musical decorations and input fields also use it.
 */
body.enb-body {
  --enb-note-surface: #f8fafc;
  --enb-note-ink: #334155;
  --enb-note-border: #cbd5e1;
  --enb-note-link: #1d4ed8;
}

html[data-theme="dark"] body.enb-body {
  --enb-note-surface: #172033;
  --enb-note-ink: #e2e8f0;
  --enb-note-border: #475569;
  --enb-note-link: #93c5fd;
}

body.enb-body main :is(
  .enb-readable-note,
  .enb-price-freshness,
  .sunnet-price-note,
  .os-price-disclaimer,
  .sv-price-note,
  .sv-legal-note,
  .ev-price-note,
  .ev-vat-note,
  .fsh-tax-note,
  .lemon-price-note,
  .corn-price-note,
  .kids-services__price-note,
  .ss-price-disclaimer,
  .bando-price-table-note,
  .enb-kdv-note,
  .enb-magic-kdv-note,
  .enb-mini-note,
  .enb-center-note,
  .enb-package-logic-note,
  .enb-pricing-board__note,
  .enb-palyaco-pricing__note,
  .ikram-store__price-footnote,
  .sx-package-scope-note,
  .et-category-price-note,
  p:is(.text-xs, [class~="text-[11px]"], [class~="text-[12px]"], [class~="text-[13px]"]):is(.text-slate-500, .text-gray-500, .text-slate-600, .text-gray-600)
):not(:where(:empty, .sr-only, header *, footer *, nav *, button *, [role="dialog"] *, .enb-price-freshness *)) {
  /* Theme guards already use !important for these colors, including dark mode.
   * Pair both explicitly so deferred theme CSS cannot separate ink and surface.
   */
  color: var(--enb-note-ink) !important;
  background: var(--enb-note-surface) !important;
  border: 1px solid var(--enb-note-border);
  border-radius: .75rem;
  box-sizing: border-box;
  min-width: 0;
  padding: .75rem 1rem;
  font-size: .875rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
  text-shadow: none;
}

/* The freshness renderer emits three small paragraphs. Keep one shared panel,
 * and let its timestamp retain the existing bold weight without washed-out ink.
 */
body.enb-body main .enb-price-freshness :is(p, span, strong) {
  color: var(--enb-note-ink) !important;
  font-size: inherit;
  line-height: inherit;
}

/* The guide form's existing ID-scoped guard forces light ink and 12.5px with
 * !important. Match that specific note only; do not change labels or inputs.
 */
body.enb-body [data-enb-tour-guide-page] #rezervasyon .enb-form > p.text-slate-500 {
  color: var(--enb-note-ink) !important;
  font-size: .875rem !important;
}

/* These legacy notes set child colors separately from the paragraph. */
body.enb-body main :is(.bando-price-table-note, .ss-price-disclaimer) strong {
  color: inherit !important;
}

/* Links remain distinguishable and focusable on both note surfaces. */
body.enb-body main :is(.enb-readable-note, .sv-legal-note) a {
  color: var(--enb-note-link) !important;
  text-decoration: underline;
  text-underline-offset: .15em;
}