/* Adaptive WordPress blog layout (mobile first) */
.pgu-home-hero {
    padding: 2rem 0 1rem;
}

.pgu-home-hero__title {
    margin: 0;
    color: #e4a8a8;
    font-size: clamp(1.75rem, 5vw, 2.8rem);
    line-height: 1.1;
    font-weight: 700;
}

.pgu-home-hero__subtitle {
    margin: 0.75rem 0 0;
    color: #d2d2d2;
    font-size: 1rem;
}

.pgu-home-listing {
    padding: 1rem 0 3rem;
}

.pgu-home-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.pgu-home-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #1e1e1e;
    border: 1px solid #2d2d2d;
    border-radius: 0.9rem;
    overflow: hidden;
}

.pgu-home-card__media {
    display: block;
    background: #121212;
}

.pgu-home-card__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

.pgu-home-card__image--placeholder {
    min-height: 12rem;
}

.pgu-home-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.pgu-home-card__title {
    margin: 0;
    line-height: 1.3;
    font-size: 1.2rem;
}

.pgu-home-card__title a {
    color: #e4a8a8 !important;
    text-decoration: none;
}

.pgu-home-card__title a:hover {
    color: #fff !important;
}

.pgu-home-card__excerpt {
    color: #e6e6e6;
    font-size: 0.98rem;
    line-height: 1.65;
}

.pgu-home-card__excerpt p {
    margin: 0;
}

.pgu-home-card__more {
    margin-top: auto;
    align-self: flex-start;
    color: #e4a8a8 !important;
    text-decoration: none;
    border-bottom: 1px solid rgba(228, 168, 168, 0.45);
}

.pgu-home-card__more:hover {
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.65);
}

.pgu-home-pagination {
    margin-top: 1.25rem;
}

/* Content media safety: images/videos never overflow and don't overlay text */
.single-post .post-content::after {
    content: "";
    display: table;
    clear: both;
}

.single-post .post-content img,
.single-post .post-content video,
.single-post .post-content .wp-video,
.single-post .post-content .wp-video-shortcode,
.single-post .post-content figure,
.single-post .post-content iframe {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1rem 0 !important;
}

.single-post .post-content .wp-video,
.single-post .post-content .wp-video .mejs-container,
.single-post .post-content .wp-video .mejs-inner,
.single-post .post-content .wp-video .mejs-mediaelement,
.single-post .post-content .wp-video .mejs-layers {
    max-height: min(85vh, 70rem) !important;
    overflow: hidden !important;
}

.single-post .post-content video.wp-video-shortcode {
    object-fit: contain !important;
    background: #000 !important;
}

/* Breakpoints */
@media (min-width: 48rem) {
    .pgu-home-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.25rem;
    }
}

@media (min-width: 64rem) {
    .pgu-home-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.4rem;
    }
}

/* Single post media hard-fix: no overlap, no float layers */
.single-post .post-content > .wp-video,
.single-post .post-content .wp-video {
    float: none !important;
    clear: both !important;
    position: relative !important;
    z-index: 1 !important;
    width: min(42rem, 100%) !important;
    max-width: 100% !important;
    margin: 1rem auto 1.25rem !important;
    overflow: hidden !important;
    border-radius: 0.75rem !important;
    background: #000 !important;
}

.single-post .post-content .wp-video .mejs-container,
.single-post .post-content .wp-video .mejs-inner,
.single-post .post-content .wp-video .mejs-mediaelement,
.single-post .post-content .wp-video .mejs-layers,
.single-post .post-content .wp-video .mejs-overlay,
.single-post .post-content .wp-video .mejs-poster {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 85vh !important;
    position: relative !important;
}

.single-post .post-content video.wp-video-shortcode {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 85vh !important;
    object-fit: contain !important;
    background: #000 !important;
}

.single-post .post-content > p,
.single-post .post-content > ul,
.single-post .post-content > ol,
.single-post .post-content > h2,
.single-post .post-content > h3,
.single-post .post-content > h4 {
    clear: both !important;
    position: relative !important;
    z-index: 2 !important;
}

.single-post .post-content img.wp-smiley {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  margin: 0 !important;
  display: inline !important;
  vertical-align: -0.1em !important;
}

/* HOTFIX: stable video block, text below it */
.single-post .post-content .wp-video {
  float: none !important;
  clear: both !important;
  width: min(42rem, 100%) !important;
  max-width: 100% !important;
  margin: 1rem auto 1.25rem !important;
  position: relative !important;
  z-index: 1 !important;
}
.single-post .post-content .wp-video .mejs-container,
.single-post .post-content .wp-video .mejs-inner,
.single-post .post-content .wp-video .mejs-mediaelement,
.single-post .post-content .wp-video .mejs-layers {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 85vh !important;
}
.single-post .post-content video.wp-video-shortcode {
  width: 100% !important;
  height: auto !important;
  max-height: 85vh !important;
  object-fit: contain !important;
}
.single-post .post-content > p,
.single-post .post-content > ul,
.single-post .post-content > ol,
.single-post .post-content > h2,
.single-post .post-content > h3,
.single-post .post-content > h4 {
  clear: both !important;
}

/* single-post only fix: video + text + emoji */
.single-post .post-content img.emoji,
.single-post .post-content img.wp-smiley {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  margin: 0 !important;
  display: inline !important;
  vertical-align: -0.1em !important;
}

.single-post .post-content .wp-video {
  float: none !important;
  clear: both !important;
  width: min(42rem, 100%) !important;
  max-width: 100% !important;
  margin: 1rem auto 1.25rem !important;
  position: relative !important;
  z-index: 1 !important;
}

.single-post .post-content .wp-video .mejs-container,
.single-post .post-content .wp-video .mejs-inner,
.single-post .post-content .wp-video .mejs-mediaelement,
.single-post .post-content .wp-video .mejs-layers {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 85vh !important;
}

.single-post .post-content video.wp-video-shortcode {
  width: 100% !important;
  height: auto !important;
  max-height: 85vh !important;
  object-fit: contain !important;
}

.single-post .post-content > p,
.single-post .post-content > ul,
.single-post .post-content > ol,
.single-post .post-content > h2,
.single-post .post-content > h3,
.single-post .post-content > h4 {
  clear: both !important;
}