/* Page News Styles - Tabloid Layout */

/* News page - dark mode */
.news-page {
  background: #0f0f12;
  min-height: 100vh;
}

.news-page__title {
  color: #fff !important;
}

.news-page__subtitle {
  color: #adb5bd !important;
}

.news-page__more-title {
  color: #e8e8ea !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

.news-page__btn {
  background: #f87171 !important;
  border-color: #f87171 !important;
  color: #fff !important;
}

.news-page__btn:hover {
  background: #fb923c !important;
  border-color: #fb923c !important;
  color: #fff !important;
}

.news-page__empty {
  background: rgba(59, 130, 246, 0.15) !important;
  border-color: rgba(59, 130, 246, 0.3) !important;
  color: #93c5fd !important;
}

/* Featured article - dark */
.news-featured-article--dark {
  background: #1a1a1e !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.news-featured-body {
  background: #1a1a1e !important;
}

.news-featured-date {
  color: #94a3b8 !important;
}

.news-featured-title {
  color: #fff !important;
}

.news-featured-title:hover {
  color: #f87171 !important;
}

.news-featured-subtitle {
  color: #cbd5e1 !important;
}

.news-featured-excerpt {
  color: #e2e8f0 !important;
}

/* Tabloid cards - dark */
.tabloid-article--dark {
  background: #1a1a1e !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.tabloid-article--dark .card-body {
  background: #1a1a1e !important;
}

.tabloid-article--dark .card-img-top,
.news-featured-article--dark .card-img-top {
  background: #25252a;
}

.tabloid-date {
  color: #94a3b8 !important;
}

.tabloid-title {
  color: #fff !important;
}

.tabloid-title:hover {
  color: #f87171 !important;
}

.tabloid-subtitle {
  color: #cbd5e1 !important;
}

.tabloid-excerpt {
  color: #94a3b8 !important;
}

.tabloid-btn {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #e8e8ea;
}

.tabloid-btn:hover {
  background: rgba(248, 113, 113, 0.2);
  border-color: rgba(248, 113, 113, 0.5);
  color: #f87171;
}

/* News article display page - dark mode */
.news-article-page {
  background: #0f0f12;
  min-height: 100vh;
  padding-bottom: 3rem;
}

.news-article--dark .news-article__title {
  color: #fff !important;
}

.news-article__subtitle {
  color: #cbd5e1 !important;
}

.news-article__date {
  color: #94a3b8 !important;
}

.news-article__body {
  color: #e2e8f0 !important;
}

.news-article__back {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #e8e8ea !important;
}

.news-article__back:hover {
  background: rgba(248, 113, 113, 0.15) !important;
  border-color: #f87171 !important;
  color: #f87171 !important;
}

.news-article--dark .border-top {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.news-article--dark .article-content h5 {
  color: #e8e8ea !important;
}

/* Tabloid Article Cards */
.tabloid-article {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tabloid-article:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.tabloid-article .card-img-top {
    transition: transform 0.3s ease;
}

.tabloid-article:hover .card-img-top {
    transform: scale(1.05);
}

.tabloid-article .card-img-top .carousel,
.tabloid-article .card-img-top .carousel-inner,
.tabloid-article .card-img-top .carousel-item,
.tabloid-article .card-img-top .carousel-item img {
    height: 100%;
}

.tabloid-article .card-img-top .carousel-item img {
    object-fit: contain;
    object-position: center;
}

.tabloid-article a {
    transition: color 0.2s ease;
}

.tabloid-article a:hover {
    color: var(--bs-primary) !important;
}

/* Featured Article Styling */
.news-featured-article .card-img-top {
    transition: transform 0.3s ease;
}

.news-featured-article:hover .card-img-top {
    transform: scale(1.02);
}

.news-featured-article .card-img-top .carousel,
.news-featured-article .card-img-top .carousel-inner,
.news-featured-article .card-img-top .carousel-item,
.news-featured-article .card-img-top .carousel-item img {
    height: 100%;
}

.news-featured-article .card-img-top .carousel-item img {
    object-fit: contain;
    object-position: center;
}

.news-featured-article .card-title a {
    transition: color 0.2s ease;
}

.news-featured-article .card-title a:hover {
    color: var(--bs-primary) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .news-featured-article .card-img-top {
        height: 350px !important;
    }
    
    .tabloid-article .card-img-top {
        height: 200px !important;
    }
}