/* HECH additions intentionally reuse NewsPress 1.8.x class names and design tokens. */
.hech-np-category-badge{display:inline-flex;width:max-content;margin-bottom:.55rem;text-decoration:none}
.hech-np-network-grid .np-widget-grid-body .np-meta{margin-top:auto}
.hech-np-slider .np-slide-thumb .np-img{width:100%;height:100%;object-fit:cover;display:block}
.hech-np-slider .np-slide-thumb .np-img-placeholder{display:grid;place-items:center;background:var(--np-soft,#f3f4f6);color:var(--np-muted,#6b7280)}

/* Index shortcode: only layout gaps not already supplied by NewsPress. */
.hech-index-filter{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto auto;gap:10px;align-items:center;margin:0 0 18px}
.hech-index-filter input,.hech-index-filter select{width:100%;min-height:40px;margin:0}
.hech-index-submit{min-height:40px}
.hech-index-reset{font-size:.85rem;text-decoration:none}
.hech-index-summary{margin:0 0 12px;color:var(--np-muted,#66788a);font-size:.85rem}
.hech-index .posts-container{display:grid;gap:14px}
.hech-index-title{margin:.35rem 0 .45rem;font-size:1.05rem;line-height:1.35}
.hech-index-title a{color:inherit;text-decoration:none}
.hech-index-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:.85rem}
@media(max-width:800px){.hech-index-filter{grid-template-columns:1fr 1fr}.hech-index-search{grid-column:1/-1}.hech-index-submit{width:100%}}
@media(max-width:520px){.hech-index-filter{grid-template-columns:1fr}.hech-index-search{grid-column:auto}.hech-index-pagination{justify-content:space-between}}


/* Video channel thumbnails: lightweight player cue for video.harianexpress.com. */
.hech-np-video-thumb{position:relative;isolation:isolate;overflow:hidden}
.hech-np-video-thumb::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  z-index:3;
  width:34px;height:34px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:rgba(0,0,0,.68);
  pointer-events:none;
  box-sizing:border-box;
}
.hech-np-video-thumb::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  z-index:4;
  width:0;height:0;
  transform:translate(-36%,-50%);
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:10px solid #fff;
  pointer-events:none;
}
.np-widget-grid-img.hech-np-video-thumb::before,
.np-slide-thumb.hech-np-video-thumb::before{width:42px;height:42px}
.np-widget-grid-img.hech-np-video-thumb::after,
.np-slide-thumb.hech-np-video-thumb::after{border-top-width:7px;border-bottom-width:7px;border-left-width:12px}
@media(max-width:520px){
  .np-widget-grid-img.hech-np-video-thumb::before,
  .np-slide-thumb.hech-np-video-thumb::before{width:36px;height:36px}
  .np-widget-grid-img.hech-np-video-thumb::after,
  .np-slide-thumb.hech-np-video-thumb::after{border-top-width:6px;border-bottom-width:6px;border-left-width:10px}
}

/* HECH Network Related replacement reuses NewsPress .np-related/.np-card styles. */
.hech-np-related-replacement[hidden]{display:none!important}
.hech-np-related-replacement .np-card-img{position:relative;overflow:hidden}
.hech-np-related-replacement .np-card-img .np-img,
.hech-np-related-replacement .np-card-img .np-img-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.hech-np-related-replacement .np-card-img .np-img-placeholder{display:grid;place-items:center;background:var(--np-soft,#f3f4f6);color:var(--np-muted,#6b7280)}


/* 2.2.12 — Network Related grid: desktop 3x2, mobile 2x3. */
.hech-np-related-replacement .np-related-grid.np-card-layout-grid,
.hech-np-related-replacement .np-card-list.np-card-layout-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.6vw,20px);
}
.hech-np-related-replacement .np-card-layout-grid > .np-card{
  min-width:0;
  width:100%;
}
.hech-np-related-replacement .np-card-layout-grid .np-card-img{
  width:100%;
  aspect-ratio:16/9;
}
.hech-np-related-replacement .np-card-layout-grid .np-card-title,
.hech-np-related-replacement .np-card-layout-grid .np-card-title a{
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:767px){
  .hech-np-related-replacement .np-related-grid.np-card-layout-grid,
  .hech-np-related-replacement .np-card-list.np-card-layout-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px 10px;
  }
  .hech-np-related-replacement .np-card-layout-grid .np-card-body{
    min-width:0;
  }
  .hech-np-related-replacement .np-card-layout-grid .np-card-title{
    line-height:1.35;
  }
}

/* 2.2.13 — Related post title size requested for both HECH and native fallback. */
.np-related-grid .np-card-title{font-size:.9rem;}

/* 2.2.16 Foto metadata overlay: camera icon + number of article photos. */
.hech-np-photo-thumb{position:relative;isolation:isolate;overflow:hidden}
.hech-np-photo-count{
  position:absolute;
  right:6px;
  bottom:6px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:3px 6px;
  border-radius:6px;
  background:rgba(0,0,0,.74);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
  box-sizing:border-box;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.hech-np-photo-count svg{display:block;width:14px;height:14px;flex:0 0 14px}
.np-widget-thumb .hech-np-photo-count{right:4px;bottom:4px;min-height:20px;padding:2px 5px;font-size:11px}
.np-widget-thumb .hech-np-photo-count svg{width:12px;height:12px;flex-basis:12px}
@media(max-width:767px){
  .np-widget-grid-img .hech-np-photo-count,
  .np-slide-thumb .hech-np-photo-count,
  .np-card-img .hech-np-photo-count{right:5px;bottom:5px;min-height:22px;padding:3px 5px;font-size:11px}
  .np-widget-grid-img .hech-np-photo-count svg,
  .np-slide-thumb .hech-np-photo-count svg,
  .np-card-img .hech-np-photo-count svg{width:13px;height:13px;flex-basis:13px}
}