/* Site polish — subtle, global, no rebuild needed */

html {
  scroll-behavior: smooth;
}

/* Top notice — warm gradient, refined, not flat construction-orange */
.ta-notice-note,
.ta-notice-bar.ta-notice-note {
  background: linear-gradient(90deg, #fdba74 0%, #fb923c 45%, #f97316 100%);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 4px 14px rgba(249, 115, 22, 0.18);
}

.ta-notice-bar .ta-notice-link {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ta-notice-bar .ta-notice-link:hover {
  opacity: 0.88;
}

/* Focus rings for accessibility + beauty */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #ff4c41;
  outline-offset: 2px;
}

/* Softer images on content pages */
.prose img,
article img {
  border-radius: 0.5rem;
}

/* Famous Feature captions */
.prose em:has(+ p),
.prose p > em:only-child {
  /* browsers without :has still fine */
}

/* Footer polish */
footer h3 {
  letter-spacing: 0.08em;
}

footer a {
  transition: color 0.2s ease, opacity 0.2s ease;
}

/* Header nav: slightly smoother hover */
.header-nav a {
  transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

/* Library finder / search fields when present */
.ta-lib-input,
#ta-search-input {
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.ta-lib-input:focus,
#ta-search-input:focus {
  box-shadow: 0 0 0 3px rgba(255, 76, 65, 0.2);
}

/* Countdown heading breathing room on dark */
.ta-countdown-heading-zone {
  letter-spacing: -0.02em;
}

/* Selection color */
::selection {
  background: rgba(255, 76, 65, 0.25);
  color: inherit;
}

/* Sticky subtle elevation when scrolled (header uses alpine scrolled class) */
header.scrolled {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* County famous-feature caption under images */
main .prose > p:has(> em:only-child),
main p:has(> em:only-child) {
  margin-top: 0.35rem;
  margin-bottom: 1.25rem;
  opacity: 0.9;
  font-size: 0.95em;
}

/* Card-like library hubs on dark sections */
.dark .magic-content a.text-primary {
  text-underline-offset: 0.15em;
}

/* Thin primary accent along top of footer */
.ta-footer-accent {
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #ff4c41 0%, #fb923c 40%, #ff4c41 100%);
  opacity: 0.95;
}

/* Homepage hero: slightly richer text shadow for legibility on flags */
#hero h1,
#hero .text-4xl,
#hero .text-5xl {
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

#hero p {
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}