/* ==========================================================================
   AIRISH - Homepage Stylesheet (css/home.css)
   ========================================================================== */

.home-header-icon {
  font-size: 18px;
}

#searchSection {
  display: none;
}

.home-header-spaced-lg {
  margin-top: 24px;
  margin-bottom: 12px;
}

.home-header-spaced-sm {
  margin-top: 10px;
  margin-bottom: 12px;
}

.home-header-spaced-none {
  margin-top: 0px;
  margin-bottom: 12px;
}

.home-subtitle-muted {
  font-size: var(--text-xs);
  color: var(--text-muted);
}

.home-mid-banner {
  margin-top: 10px;
}

.home-artist-section-title {
  font-size: 1rem;
}

.app-shell {
  padding-bottom: calc(var(--nav-height) + 24px);
}

.home-footer-banner,
footer.home-footer-banner {
  margin-top: 5px;
  margin-bottom: -25px;
}

/* Accessibility Drawer Modal Styles */
.a11y-label-title {
  font-size: var(--text-sm);
  font-weight: 700;
  display: block;
}

.a11y-label-desc {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.a11y-group-spaced {
  padding: 12px 0;
}

.a11y-group-title {
  font-size: var(--text-sm);
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.a11y-font-options-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.a11y-sensory-tip {
  margin-top: 14px;
  padding: 12px;
  background: rgba(148, 210, 189, 0.08);
  border-radius: var(--radius-sm);
  border: 1px solid rgba(148, 210, 189, 0.2);
}

.a11y-sensory-text {
  font-size: 0.72rem;
  color: var(--accent-sage);
  line-height: 1.5;
}