/*
Theme Name: UltraBlog Pro
Author: Praveen – ITWebInfo
Version: 1.0.0
Description: Premium SEO-focused WordPress Blog Theme
*/

/* RESET (ALWAYS FIRST) */
@import url('assets/css/reset.css');

/* CORE DESIGN SYSTEM */
@import url('assets/css/variables.css');
@import url('assets/css/base.css');
@import url('assets/css/layouts.css');

/* STRUCTURE */
@import url('assets/css/header.css');
@import url('assets/css/footer.css');
@import url('assets/css/sidebar.css');

/* COMPONENTS */
@import url('assets/css/components.css');
@import url('assets/css/blog.css');
@import url('assets/css/toc.css');
@import url('assets/css/comments.css');
@import url('assets/css/related-posts.css');

/* EXTRAS */
@import url('assets/css/animations.css');
@import url('assets/css/responsive.css');

/* PREMIUM FEATURES */
@import url('assets/css/dark-mode.css');
@import url('assets/css/color-presets.css');
@import url('assets/css/gutenberg.css');
@import url('assets/css/woocommerce.css');
@import url('assets/css/whitelabel.css');


.post-hero {
  position: relative;
  height: 60vh;
  min-height: 380px;
  overflow: hidden;
}

.post-hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.8));
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
  color: #fff;
}

.post-hero h1 {
  font-size: 36px;
  max-width: 800px;
}

.blog-card {
  background: var(--white);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--shadow-soft);
  transition: .4s;
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-hard);
}