/* Accessibility adjustments approved after Stage 5 (WCAG AA colour contrast).
   Loaded last on every public page. Only text colours change; decorative gold lines,
   borders and gold on the dark navy areas keep the original #B89652.
   To undo: remove this file's <link> from the pages. */
:root {
  --gold-label: #846A36;   /* small gold labels: 4.5:1 or better on all light backgrounds */
  --gold-italic: #A08142;  /* italic heading words: 3.3:1 or better (large text needs 3:1) */
}

/* Small gold labels */
.eyebrow,
.note .n,
.b-step-num,
.pick-cat,
.g-filter span,
.nf-eyebrow { color: var(--gold-label); }

/* Italic gold words in headings */
.h2 em,
.nf h1 em { color: var(--gold-italic); }

/* Dark navy sections keep the original gold (already high contrast there):
   homepage "Our services", About "Why HAMIDI TOURS", Gallery "Plan your journey". */
.services:not(.a-services) .eyebrow, .services:not(.a-services) .h2 em,
.why .eyebrow, .why .h2 em,
.g-cta .eyebrow, .g-cta .h2 em { color: #B89652; }

/* Tour pages: "Book This Tour" / "Ask about this tour" and the bottom enquiry button.
   Same dark green tint as before, slightly stronger, so the cream text reaches 4.5:1. */
.hero-book-btn,
.cta-primary { background: rgba(8, 25, 20, 0.66); }

/* WCAG 2.2 AA (Stage 6): small grey texts on the tour pages, darkened just enough to reach 4.5:1. */
.journey-days-heading > p { color: #6B6962; }          /* was #6d6b64, 4.48:1 -> 4.62:1 */
.related-tours .related-intro { color: #626D80; }      /* was #69758a, 4.12:1 -> 4.64:1 */
.cta-bottom { color: #787469; }                        /* was #99958b, 2.98:1 -> 4.67:1 */

/* WCAG 2.2 target size (Stage 6): homepage tour carousel dots on phones. The visible dot stays 8 px;
   the tappable area becomes 24 x 24 px (a transparent border; corner shapes unchanged). */
.tour-dots { gap: 0; }
.tour-dots button { box-sizing: content-box; border: 8px solid transparent; background-clip: padding-box; border-radius: 12px; }
.tour-dots button[aria-current="true"] { background-clip: padding-box; border-radius: 13px; }