/*
 * Site-wide enhancements (small, low-specificity, loaded after custom.css).
 * Accessibility fixes first; visual polish is deliberately conservative so the
 * existing brand and layouts stay as they are.
 */

/* 1. Keyboard focus was invisible: style.css sets outline-width:0 on every focused element. */
.wp-site-blocks :focus-visible,
.wp-site-blocks a:focus-visible,
.wp-site-blocks button:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-1, #1D4ED8);
	outline-offset: 2px;
	border-radius: 4px;
}
.wp-site-blocks :focus:not(:focus-visible) { outline: none; }

/* 2. Screen-reader-only text (used by the breadcrumb Home link and the tools). */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.custom-breadcrumb .screen-reader-text { display: inline-block; }

/* 3. Booking form anchor (#booking-form-section) lands below the sticky quick links. */
.crc-booking-anchor { scroll-margin-top: 100px; }
.crc-booking-anchor:focus { outline: none; }

/* 4. Respect reduced-motion preferences (smooth scroll, glowing progress bar, counters). */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto !important; }
	.scroll-progress-bar { animation: none !important; transition: none !important; }
	*, *::before, *::after { transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* 5. Honest rating badge ([crc_site_rating]). */
.crc-rating-badge { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; }
.crc-rating-badge strong { font-size: 1.4rem; font-weight: 800; }
.crc-rating-badge strong span { font-size: .9rem; font-weight: 600; opacity: .7; }
.crc-rating-badge__label { font-size: .875rem; }
.crc-rating-badge__label a, .brands-review-count a { text-decoration: underline; text-underline-offset: 2px; }

/* 6. Light polish that matches the existing system. */
.wp-block-table table { font-variant-numeric: tabular-nums; }
.wp-element-button, .wp-block-button__link { transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.wp-element-button:hover, .wp-block-button__link:hover { box-shadow: 0 6px 16px rgba(16, 24, 40, .12); }
.custom-breadcrumb a:hover { text-decoration: underline; }