/* Single News Styles for eoc2026 Theme */
.single-news {
    background-color: #131212; /* Dark background */
    color: white; /* White text */
    padding: 2rem 4rem;
    margin: 1rem auto;
    border-radius: 12px;
    max-width: 1200px; /* Limit width */
    width: 90%;
    line-height: 1.8; /* Increase line height for better readability */
    letter-spacing: 0.3px; /* Slightly increase spacing between letters */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .single-news {
        padding: 1rem 1rem;
        width: 95%;
        line-height: 1.7; /* Adjust for smaller screens */
    }
}

/* Headings */
.single-news h1,
.single-news h2,
.single-news h3,
.single-news h4,
.single-news h5,
.single-news h6 {
    color: white;
    margin-bottom: 1.2rem;
    line-height: 1.4; /* Improve heading readability */
}

/* Paragraphs */
.single-news p {
    line-height: 1.8; /* More space between lines */
    margin-bottom: 1.5rem;
    max-width: 900px; /* Prevent text from stretching too wide */
}

/* Lists */
.single-news ul,
.single-news ol {
    padding-left: 1.8rem;
}

.single-news li {
    margin-bottom: 0.6rem;
}

/* Links */
.single-news a {
    color: #ddff00;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.single-news a:hover {
    color: rgb(218, 255, 89);
}

/* Images */
.single-news img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Blockquotes */
.single-news blockquote {
    border-left: 4px solid #ddff00;
    padding-left: 1.2rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #ddff00;
    max-width: 900px; /* Keep blockquotes from going too wide */
}

.single-news .news-title {
  color: #ddff00;
  font-size: 2.5rem;
  line-height: 1.2;
}

.single-news .news-featured-image img {
  border-radius: 1rem;
  object-fit: cover;
  max-height: 400px;
}

.single-news .news-meta {
  color: #b7d600;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

.single-news .news-meta i {
  margin-right: 0.3em;
}

.single-news .news-content {
  color: #fff;
  font-size: 1.15rem;
  line-height: 1.7;
}

.single-news .news-categories .badge.bg-green {
  background: #a3bf00;
  color: #212529;
  font-weight: 600;
  margin-right: 0.5em;
  border-radius: 0.5em;
  padding: 0.4em 0.9em;
}

@media (max-width: 768px) {
  .single-news .news-title {
    font-size: 2rem;
  }
  .single-news .news-featured-image img {
    max-height: 220px;
  }
}