/**
 * Enertime Custom News Page Stylesheet
 * Brand: Enertime Sdn Bhd
 * Design Style: Dark dramatic sport meets lifestyle
 * Fully Responsive, Gutenberg Compatible
 */

.enertime-news-page {
  background-color: var(--enertime-black, #0D0D0D);
  color: var(--enertime-white, #FFFFFF);
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  padding-bottom: 80px;
}

/* 1. HERO SECTION */
.enertime-news-hero {
  position: relative;
  background-color: var(--enertime-black, #0D0D0D);
  padding: 140px 0 80px;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.enertime-news-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='93' viewBox='0 0 80 93'%3E%3Cpath d='M40 0 L80 23.3 L80 70 L40 93.3 L0 70 L0 23.3 Z' fill='none' stroke='%23C0392B' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 80px 93px;
}

.enertime-news-title {
  font-size: 3.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--enertime-white, #FFFFFF);
  margin-bottom: 1rem;
  letter-spacing: -0.01em;
}

.enertime-news-subtitle {
  font-size: 1.125rem;
  color: var(--enertime-text-muted, #95A5A6);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* 2. BODY LAYOUT */
.enertime-news-body {
  padding: 80px 0;
}

/* PostX Dark Theme Customization Overrides */
.enertime-news-body .ultp-block-wrapper {
  background: transparent !important;
  color: var(--enertime-white, #FFFFFF) !important;
}

.enertime-news-body .ultp-block-item {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.enertime-news-body .ultp-block-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(192, 57, 43, 0.3) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

.enertime-news-body .ultp-block-item .ultp-block-title a {
  color: var(--enertime-white, #FFFFFF) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 200ms ease !important;
  display: block !important;
  margin-top: 10px !important;
}

.enertime-news-body .ultp-block-item:hover .ultp-block-title a {
  color: var(--enertime-red, #C0392B) !important;
}

/* Category Overrides */
.enertime-news-body .ultp-category-in a {
  background-color: var(--enertime-red, #C0392B) !important;
  color: var(--enertime-white, #FFFFFF) !important;
  text-transform: uppercase !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
  transition: all 250ms ease !important;
  display: inline-block !important;
  text-decoration: none !important;
}

.enertime-news-body .ultp-category-in a:hover {
  background-color: var(--enertime-text-gold, #E6C280) !important;
  color: var(--enertime-black, #000000) !important;
}

.enertime-news-body .ultp-block-item .ultp-post-meta {
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 10px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  align-items: center !important;
}

.enertime-news-body .ultp-block-item .ultp-block-meta-element,
.enertime-news-body .ultp-block-item .ultp-block-meta-element a {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--enertime-text-gold, #E6C280) !important;
  text-decoration: none !important;
  transition: color 200ms ease !important;
}

.enertime-news-body .ultp-block-item .ultp-block-meta-element a:hover {
  color: var(--enertime-red, #C0392B) !important;
}

.enertime-news-body .ultp-block-item .ultp-block-meta-element svg {
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  color: inherit !important;
}

.enertime-news-body .ultp-block-item .ultp-block-excerpt,
.enertime-news-body .ultp-block-item .ultp-block-excerpt p {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  margin: 10px 0 0 0 !important;
}

/* GeneratePress Integration Overrides for News Page */
body.page-id-52 #content,
body.page-id-52 #page,
body.page-id-52 .site-content,
body.page-template-page-news-php #content,
body.page-template-page-news-php #page,
body.page-template-page-news-php .site-content,
body.page-template-page-news #content,
body.page-template-page-news #page,
body.page-template-page-news .site-content {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: var(--enertime-black, #0D0D0D) !important;
}

body.page-id-52 #primary,
body.page-template-page-news-php #primary,
body.page-template-page-news #primary {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-52 .site-header,
body.page-id-52 .main-navigation,
body.page-id-52 .footer-widgets,
body.page-id-52 #right-sidebar,
body.page-id-52 #left-sidebar,
body.page-template-page-news-php .site-header,
body.page-template-page-news-php .main-navigation,
body.page-template-page-news-php .footer-widgets,
body.page-template-page-news-php #right-sidebar,
body.page-template-page-news-php #left-sidebar,
body.page-template-page-news .site-header,
body.page-template-page-news .main-navigation,
body.page-template-page-news .footer-widgets,
body.page-template-page-news #right-sidebar,
body.page-template-page-news #left-sidebar {
  display: none !important;
}