/* Partow /w/ archive card design – v0.2 compact layout.
   Affects ONLY recognized archive article cards after JS enhancement.
   Existing video player functionality remains owned by its original plugin. */
body.archive .page-box.ptv-ad-card,
body.category .page-box.ptv-ad-card {
  --ptv-border: #555;   /* temporary, to be chosen later */
  --ptv-shadow: rgba(210, 210, 210, .14);  /* temporary */
  display: grid !important;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr);
  direction: rtl;
  gap: clamp(16px, 2.6vw, 30px);
  align-items: start;
  align-content: start !important;
  grid-template-rows: minmax(0,auto) !important;
  align-self: start !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  min-height: 0 !important;
  margin: 0 0 16px !important;
  padding: clamp(14px, 1.7vw, 24px) !important;
  background: #090909 !important;
  border: 3px solid var(--ptv-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 24px var(--ptv-shadow), 0 6px 24px rgba(0,0,0,.35) !important;
  overflow: visible !important;
}
body.archive .page-box.ptv-ad-card > .box-image,
body.archive .page-box.ptv-ad-card > .box-content,
body.category .page-box.ptv-ad-card > .box-image,
body.category .page-box.ptv-ad-card > .box-content {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* First DOM child: video/image. CSS RTL places it in the RIGHT column. */
body.archive .page-box.ptv-ad-card > .box-image,
body.category .page-box.ptv-ad-card > .box-image {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  overflow: hidden;
  border-radius: 7px;
  align-self: start;
}
body.archive .page-box.ptv-ad-card > .box-content,
body.category .page-box.ptv-ad-card > .box-content {
  grid-column: 2;
  grid-row: 1;
  direction: rtl;
  text-align: right !important;
  align-self: start;
}
body.archive .ptv-ad-card .box-image > img,
body.category .ptv-ad-card .box-image > img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}
body.archive .ptv-ad-card .box-content h4,
body.category .ptv-ad-card .box-content h4 {
  font-size: clamp(17px, 1.4vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.85 !important;
  margin: 0 0 14px !important;
  text-align: right !important;
  border: 0 !important;
}
body.archive .ptv-ad-card .box-content h4 a,
body.category .ptv-ad-card .box-content h4 a {
  color: #e52c39 !important;
  text-decoration: none !important;
}
body.archive .ptv-ad-card .box-info,
body.category .ptv-ad-card .box-info,
body.archive .ptv-ad-card .box-content > p,
body.category .ptv-ad-card .box-content > p,
body.archive .ptv-ad-card .box-content > .readmore-btn,
body.category .ptv-ad-card .box-content > .readmore-btn {
  display: none !important;
}
body.archive .ptv-ad-card .ptv-ad-metadata,
body.category .ptv-ad-card .ptv-ad-metadata {
  display: flex;
  flex-direction: column;
  direction: rtl;
  align-items: flex-start;
  gap: 9px;
  color: #e0e0e0;
  font-size: 13px;
  line-height: 1.5;
  text-align: right;
}
body.archive .ptv-ad-card .ptv-ad-item,
body.category .ptv-ad-card .ptv-ad-item {
  display: inline-flex;
  direction: rtl;
  align-items: center;
  gap: 9px;
  white-space: normal;
}
body.archive .ptv-ad-card .ptv-ad-item svg,
body.category .ptv-ad-card .ptv-ad-item svg {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #b5b5b5;
}
body.archive .ptv-ad-card .ptv-ad-item a,
body.category .ptv-ad-card .ptv-ad-item a {
  color: inherit !important;
  text-decoration: none !important;
}
body.archive .ptv-ad-card .ptv-ad-item a:hover,
body.category .ptv-ad-card .ptv-ad-item a:hover { color: #f24b57 !important; }
body.archive .ptv-ad-card > .clearfix,
body.category .ptv-ad-card > .clearfix { display: none !important; }
@media (max-width: 767px) {
  body.archive .page-box.ptv-ad-card,
  body.category .page-box.ptv-ad-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 13px !important;
  }
  body.archive .page-box.ptv-ad-card > .box-image,
  body.category .page-box.ptv-ad-card > .box-image {
    grid-column: 1;
    grid-row: 1;
  }
  body.archive .page-box.ptv-ad-card > .box-content,
  body.category .page-box.ptv-ad-card > .box-content {
    grid-column: 1;
    grid-row: 2;
  }
  body.archive .ptv-ad-card .box-content h4,
  body.category .ptv-ad-card .box-content h4 { font-size: 17px !important; }
}

/* v0.2: Fix theme-enforced height on the whole archive entry as well as
   its actual card. Scope to entries verified by our JS; do not affect sidebar,
   slider, homepage or single posts. */
body.archive #category-post > article.ptv-ad-entry,
body.category #category-post > article.ptv-ad-entry {
  box-sizing: border-box;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start !important;
  margin-bottom: clamp(15px,2vw,24px) !important;
  overflow: visible !important;
}
body.archive .ptv-ad-entry > .page-box.ptv-ad-card,
body.category .ptv-ad-entry > .page-box.ptv-ad-card,
body.archive .ptv-ad-entry .page-box.ptv-ad-card,
body.category .ptv-ad-entry .page-box.ptv-ad-card {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  align-self: start !important;
  align-content: start !important;
  grid-template-rows: auto !important;
}
body.archive .ptv-ad-entry .page-box.ptv-ad-card > .box-content,
body.category .ptv-ad-entry .page-box.ptv-ad-card > .box-content {
  align-content: start !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.archive .ptv-ad-card .ptv-ad-item time,
body.category .ptv-ad-card .ptv-ad-item time {
  font: inherit;
  color: inherit;
  direction: ltr;
  unicode-bidi: isolate;
}
body.archive .ptv-ad-card .ptv-ad-metadata:empty,
body.category .ptv-ad-card .ptv-ad-metadata:empty { display: none !important; }
@media (max-width:767px) {
  body.archive .ptv-ad-entry .page-box.ptv-ad-card,
  body.category .ptv-ad-entry .page-box.ptv-ad-card {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
  }
}

/* 0.3: tighter intrinsic sizing for archive video entries only.
   Use flex rather than theme-inherited grid tracks that remain tall.
   Entire rule is conditional on JS confirming a real article card. */
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  direction: rtl !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: clamp(14px, 2vw, 24px) !important;
  height: fit-content !important;
  min-height: 0 !important;
  max-height: none !important;
  block-size: fit-content !important;
  padding: clamp(12px, 1.4vw, 20px) !important;
  margin-bottom: clamp(14px, 2vw, 22px) !important;
}
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card::before,
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card::after,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card::before,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card::after {
  display: none !important;
  content: none !important;
}
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image {
  flex: 0 0 48% !important;
  order: 0 !important;
  width: 48% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-content,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-content {
  flex: 1 1 0 !important;
  order: 1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  text-align: right !important;
}
body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image img,
body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image img {
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:cover;
}
@media (max-width: 767px) {
  body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card,
  body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card {
    flex-direction:column !important;
    gap:10px !important;
  }
  body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image,
  body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-image,
  body.category #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-content,
  body.archive #category-post article.ptv-ad-entry .page-box.ptv-ad-card > .box-content {
    flex: 0 0 auto !important;
    width:100% !important;
  }
}

/* Version 0.3.2: transparent simulated counter, not actual audience metrics. */
body.archive .ptv-ad-demo-label, body.category .ptv-ad-demo-label {
  font-size: 10px; opacity: .7; line-height: 1; margin-inline-start: 3px;
}

/* 0.3.4: stronger metadata icons and a readable eye count.
   Visible demo marker remains because these are not actual pageviews. */
body.archive .ptv-ad-card .ptv-ad-metadata,
body.category .ptv-ad-card .ptv-ad-metadata {
  color:#606670 !important;
  font-size:14px;
}
body.archive .ptv-ad-card .ptv-ad-item svg,
body.category .ptv-ad-card .ptv-ad-item svg {
  width:19px; height:19px; flex-basis:19px;
  color:#69717c; stroke-width:2.2;
}
body.archive .ptv-ad-card .ptv-ad-eye,
body.category .ptv-ad-card .ptv-ad-eye {
  font-size:16px; font-weight:650; gap:7px;
}
body.archive .ptv-ad-card .ptv-ad-eye svg,
body.category .ptv-ad-card .ptv-ad-eye svg {
  width:22px; height:22px; flex-basis:22px; color:#525a65;
}
body.archive .ptv-ad-demo-label,
body.category .ptv-ad-demo-label {
  font-size:10px; color:#747b85; font-weight:500;
  opacity:1; margin-inline-start:2px;
}

/* Compact visible information mark replacing the long demo label. */
.ptv-ad-demo-label, .ptv-hd-demo-label {font-size: 13px !important; opacity: .8; font-weight: 600; cursor: help; line-height: 1;}

/* 0.3.6 — Staging preview: eye + count only, stronger legibility.
   Simulated figures remain disclosed via tooltip/ARIA and are staging-only. */
body.category .ptv-ad-card .ptv-ad-metadata,
body.archive .ptv-ad-card .ptv-ad-metadata { color: #4e535b !important; }
body.category .ptv-ad-card .ptv-ad-item svg,
body.archive .ptv-ad-card .ptv-ad-item svg {
    color: #505661 !important;
    opacity: 1 !important;
    stroke-width: 2.35 !important;
}
body.category .ptv-ad-card .ptv-ad-eye,
body.archive .ptv-ad-card .ptv-ad-eye {
    color: #424851 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}
body.category .ptv-ad-card .ptv-ad-eye svg,
body.archive .ptv-ad-card .ptv-ad-eye svg {
    color: #424851 !important;
    stroke-width: 2.45 !important;
}


/* 0.3.7: real category page navigation; card/player styles stay intact. */
body.category .ptv-ad-pagination {
  grid-column: 1 / -1;
  flex: 0 0 100%;
  width: 100%;
  clear: both;
  margin: 24px 0 32px;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
body.category .ptv-ad-pagination ul.page-numbers {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.category .ptv-ad-pagination ul.page-numbers > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.category .ptv-ad-pagination a.page-numbers,
body.category .ptv-ad-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 8px 13px;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  background: #fff;
  color: #242424 !important;
  font: inherit;
  line-height: 1.5;
  text-decoration: none !important;
}
body.category .ptv-ad-pagination .page-numbers.current,
body.category .ptv-ad-pagination a.page-numbers:hover {
  background: #b50017;
  border-color: #b50017;
  color: #fff !important;
}
body.category .ptv-ad-pagination a.page-numbers:focus-visible {
  outline: 2px solid #b50017;
  outline-offset: 3px;
}
body.category .ptv-ad-pagination span.page-numbers.dots {
  border-color: transparent;
  background: transparent;
  min-width: 20px;
}
