/* ============================================
   POST-TEMPLATE.CSS - НЕОМОРФНЫЙ ТЕМНЫЙ ДИЗАЙН
   ============================================ */

.u-section-1 {
  background: 
    radial-gradient(circle at 50% 0%, rgba(0, 212, 255, 0.05) 0%, transparent 50%),
    linear-gradient(180deg, #0a0a0a 0%, #111111 100%) !important;
  padding: 6rem 0 !important;
}

.u-section-1 .u-sheet-1 {
  min-height: 835px !important;
}

.u-section-1 .u-post-details-1 {
  min-height: 375px !important;
  margin-top: 60px !important;
  margin-bottom: -10px !important;
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: 
    12px 12px 24px rgba(0, 0, 0, 0.8),
    -12px -12px 24px rgba(255, 255, 255, 0.02),
    inset 0 0 0 2px rgba(0, 212, 255, 0.2) !important;
  padding: 4rem !important;
  border: 2px solid var(--color-border) !important;
  position: relative !important;
  overflow: hidden !important;
}

.u-section-1 .u-post-details-1::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: var(--color-accent-gradient) !important;
  box-shadow: var(--shadow-neon) !important;
}

.u-section-1 .u-container-layout-1 {
  padding: 0 !important;
}

.u-section-1 .u-image-1 {
  height: 486px !important;
  margin-top: 0 !important;
  margin-bottom: 2rem !important;
  margin-left: 0 !important;
  border-radius: var(--radius-lg) !important;
  object-fit: cover !important;
  width: 100% !important;
  box-shadow: var(--shadow-xl), 0 0 0 3px var(--color-border-glow) !important;
  border: 2px solid var(--color-border) !important;
}

.u-section-1 .u-text-1 {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  color: var(--color-text-primary) !important;
  font-size: var(--font-size-5xl) !important;
  font-weight: var(--font-weight-black) !important;
  line-height: var(--line-height-tight) !important;
  text-shadow: 0 0 20px rgba(0, 212, 255, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: -0.01em !important;
}

.u-section-1 .u-metadata-1 {
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  color: var(--color-text-secondary) !important;
  font-size: var(--font-size-sm) !important;
  display: flex !important;
  gap: var(--spacing-lg) !important;
  flex-wrap: wrap !important;
  padding: 1rem 0 !important;
  border-bottom: 2px solid var(--color-border) !important;
}

.u-section-1 .u-metadata-1 span {
  color: var(--color-accent) !important;
  font-weight: var(--font-weight-semibold) !important;
}

.u-section-1 .u-text-2 {
  margin-bottom: 0 !important;
  margin-top: 2rem !important;
  margin-left: 0 !important;
  color: var(--color-text-primary) !important;
  font-size: var(--font-size-lg) !important;
  line-height: var(--line-height-relaxed) !important;
}

.u-section-1 .u-text-2 p {
  margin-bottom: var(--spacing-lg) !important;
  color: var(--color-text-secondary) !important;
}

.u-section-1 .u-text-2 h1,
.u-section-1 .u-text-2 h2,
.u-section-1 .u-text-2 h3,
.u-section-1 .u-text-2 h4,
.u-section-1 .u-text-2 h5,
.u-section-1 .u-text-2 h6 {
  color: var(--color-text-primary) !important;
  margin-top: var(--spacing-xl) !important;
  margin-bottom: var(--spacing-md) !important;
  text-shadow: 0 0 15px rgba(0, 212, 255, 0.2) !important;
}

.u-section-1 .u-text-2 a {
  color: var(--color-accent) !important;
  text-decoration: underline !important;
  transition: all var(--transition-base) !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.5) !important;
}

.u-section-1 .u-text-2 a:hover {
  color: var(--color-accent-hover) !important;
  text-shadow: var(--shadow-neon) !important;
}

.u-section-1 .u-text-2 ul,
.u-section-1 .u-text-2 ol {
  margin: var(--spacing-lg) 0 !important;
  padding-left: var(--spacing-xl) !important;
  color: var(--color-text-secondary) !important;
}

.u-section-1 .u-text-2 li {
  margin-bottom: var(--spacing-sm) !important;
}

.u-section-1 .u-text-2 blockquote {
  border-left: 4px solid var(--color-accent) !important;
  padding-left: var(--spacing-xl) !important;
  margin: var(--spacing-xl) 0 !important;
  color: var(--color-text-secondary) !important;
  font-style: italic !important;
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.1), rgba(0, 153, 255, 0.1)) !important;
  padding: var(--spacing-lg) var(--spacing-xl) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: 
    inset 4px 4px 8px rgba(0, 0, 0, 0.5),
    inset -4px -4px 8px rgba(255, 255, 255, 0.02) !important;
  box-shadow: var(--shadow-inset), 0 0 20px rgba(0, 212, 255, 0.2) !important;
}

.u-section-1 .u-text-2 code {
  background: linear-gradient(145deg, rgba(0, 212, 255, 0.15), rgba(0, 153, 255, 0.15)) !important;
  padding: 4px 10px !important;
  border-radius: var(--radius-sm) !important;
  font-family: 'Courier New', monospace !important;
  font-size: 0.9em !important;
  color: var(--color-accent) !important;
  border: 1px solid rgba(0, 212, 255, 0.3) !important;
  box-shadow: 0 0 10px rgba(0, 212, 255, 0.2) !important;
}

.u-section-1 .u-text-2 pre {
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  padding: var(--spacing-lg) !important;
  border-radius: var(--radius-lg) !important;
  overflow-x: auto !important;
  margin: var(--spacing-lg) 0 !important;
  border: 2px solid var(--color-border) !important;
  box-shadow: var(--shadow-inset), var(--shadow-md) !important;
}

.u-section-1 .u-text-2 pre code {
  background-color: transparent !important;
  padding: 0 !important;
  color: var(--color-text-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

.u-section-1 .u-text-2 img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--radius-lg) !important;
  margin: var(--spacing-xl) 0 !important;
  box-shadow: var(--shadow-xl), 0 0 0 3px var(--color-border-glow) !important;
  border: 2px solid var(--color-border) !important;
}

.u-section-1 .u-text-2 table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: var(--spacing-xl) 0 !important;
  background: linear-gradient(145deg, #1f1f1f, #1a1a1a) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-lg) !important;
  border: 2px solid var(--color-border) !important;
}

.u-section-1 .u-text-2 table th,
.u-section-1 .u-text-2 table td {
  padding: var(--spacing-md) !important;
  border: 1px solid var(--color-border) !important;
  text-align: left !important;
}

.u-section-1 .u-text-2 table th {
  background: var(--color-accent-gradient) !important;
  color: #ffffff !important;
  font-weight: var(--font-weight-black) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.u-section-1 .u-text-2 table td {
  color: var(--color-text-secondary) !important;
}

/* Адаптивность */
@media (max-width: 991px) {
  .u-section-1 .u-post-details-1 {
    padding: 3rem 2rem !important;
  }

  .u-section-1 .u-image-1 {
    height: 350px !important;
  }

  .u-section-1 .u-text-1 {
    font-size: var(--font-size-3xl) !important;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-post-details-1 {
    padding: 2rem 1.5rem !important;
  }

  .u-section-1 .u-image-1 {
    height: 250px !important;
  }

  .u-section-1 .u-text-1 {
    font-size: var(--font-size-2xl) !important;
  }
}