/* RSSNest styles — Tailwind handles most styling via CDN */

/* Mobile-safe tap highlights */
@media (hover: none) and (pointer: coarse) {
  .feed-item:active,
  a:active,
  button:active {
    opacity: 0.8;
  }
}

/* Prevent text-size adjust on orientation change and enforce root background */
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  min-height: 100%;
  background-color: #f9fafb;
}

html.dark {
  background-color: #111827 !important;
}

body {
  min-height: 100vh;
  background-color: #f9fafb;
}

.dark body {
  background-color: #111827 !important;
}

/* Touch-friendly minimum tap targets for mobile */
.touch-target {
  min-height: 44px;
  min-width: 44px;
}

/* Safe area padding for modern mobile browsers */
@supports (padding: env(safe-area-inset-bottom)) {
  .safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Skeleton animation */
@keyframes skeleton-loading {
  0% { background-color: #f3f4f6; }
  50% { background-color: #e5e7eb; }
  100% { background-color: #f3f4f6; }
}

@keyframes skeleton-loading-dark {
  0% { background-color: #1e293b; }
  50% { background-color: #334155; }
  100% { background-color: #1e293b; }
}

.skeleton {
  animation: skeleton-loading 1.5s infinite ease-in-out;
  border-radius: 0.375rem;
}

.dark .skeleton {
  animation: skeleton-loading-dark 1.5s infinite ease-in-out;
}

/* Reader Global Dark Mode Rules for RSS HTML Content */
.dark .article-body {
  color: #cbd5e1 !important;
}
.dark .article-body p {
  color: #cbd5e1;
}
.dark .article-body h1,
.dark .article-body h2,
.dark .article-body h3,
.dark .article-body h4,
.dark .article-body h5,
.dark .article-body h6 {
  color: #f8fafc;
}
.dark .article-body a {
  color: #38bdf8 !important;
}
.dark .article-body a:hover {
  color: #7dd3fc !important;
}
.dark .article-body blockquote {
  border-left-color: #475569 !important;
  color: #94a3b8 !important;
}
.dark .article-body pre {
  background-color: #0f172a !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}
.dark .article-body code {
  background-color: #1e293b !important;
  color: #38bdf8 !important;
}
.dark .article-body pre code {
  background-color: transparent !important;
  color: inherit !important;
}
.dark .article-body table th,
.dark .article-body table td {
  border-color: #334155 !important;
}
.dark .article-body th {
  background-color: #1e293b !important;
  color: #f8fafc !important;
}
.dark .article-body hr {
  border-top-color: #334155 !important;
}
.dark .article-body img {
  filter: brightness(0.9);
  transition: filter 0.2s;
}
.dark .article-body img:hover {
  filter: brightness(1);
}

/* Reader Themes */
.reader-theme-sepia {
  background-color: #fbf0d9 !important;
  color: #5f4b32 !important;
}
.reader-theme-sepia .article-body {
  color: #433422 !important;
}
.reader-theme-sepia .article-body pre {
  background: #f4e4c1 !important;
  border-color: #e2cca3 !important;
}

.reader-theme-dark {
  background-color: #18181b !important;
  color: #e4e4e7 !important;
}
.reader-theme-dark .article-body {
  color: #d4d4d8 !important;
}
.reader-theme-dark .article-body a {
  color: #38bdf8 !important;
}
.reader-theme-dark .article-body blockquote {
  border-left-color: #52525b !important;
  color: #a1a1aa !important;
}
.reader-theme-dark .article-body pre {
  background: #27272a !important;
  border-color: #3f3f46 !important;
  color: #e4e4e7 !important;
}
.reader-theme-dark .article-body code {
  background: #27272a !important;
  color: #38bdf8 !important;
}

/* Font Sizes */
.reader-font-sm { font-size: 0.9rem; line-height: 1.6; }
.reader-font-base { font-size: 1.05rem; line-height: 1.75; }
.reader-font-lg { font-size: 1.2rem; line-height: 1.8; }
.reader-font-xl { font-size: 1.35rem; line-height: 1.85; }