/*
 * Dùng Hàng Việt — Core Ads Campaign delivery in Feed
 * 13.78.104
 *
 * Presentation only. Public eligibility/selection/pacing comes from Core; operator preview
 * comes from dhv_ads_preview_delivery_v1. Aggregate measurement is handled separately by
 * the Theme measurement bridge and Core dhv_ads_aggregate_measurement_v1.
 */

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad[data-dhvx-ad-contract="dhv_ads_public_inventory_v1"],
.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad[data-dhvx-ad-contract="dhv_ads_preview_delivery_v1"] {
  --dhvx-ad-accent: #596068;
  --dhvx-ad-accent-soft: color-mix(in srgb, var(--dhvx-ad-accent) 8%, var(--dhvx-surface));
}

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__disclosure {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border: 1px solid color-mix(in srgb, var(--dhvx-ad-accent) 22%, var(--dhvx-border));
  border-radius: 999px;
  background: var(--dhvx-ad-accent-soft);
  color: var(--dhvx-commercial-ink);
  letter-spacing: .025em;
}

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__meta {
  color: var(--dhvx-commercial-muted);
  font-weight: 650;
  letter-spacing: .005em;
}

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__utility {
  min-height: 36px;
}

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__title a:focus-visible,
.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__cta:focus-visible,
.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__utility:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--dhvx-ad-accent) 55%, transparent);
  outline-offset: 3px;
}

/* Display creative keeps its media visually dominant; native creative remains
 * text-led. Both retain the same disclosure/advertiser grammar. */
.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad[data-dhvx-ad-format="display"] .dhvx-feed-module__media {
  aspect-ratio: 16 / 10;
}

@media (max-width: 767px) {
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__utility {
    min-height: 44px;
  }
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__disclosure {
    min-height: 26px;
  }
}

html[data-theme="dark"] .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad[data-dhvx-ad-contract="dhv_ads_public_inventory_v1"],
html[data-theme="dark"] .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad[data-dhvx-ad-contract="dhv_ads_preview_delivery_v1"] {
  --dhvx-ad-accent: #a6abb1;
  --dhvx-ad-accent-soft: color-mix(in srgb, var(--dhvx-ad-accent) 10%, var(--dhvx-surface));
}

@media (prefers-reduced-motion: reduce) {
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad,
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad * {
    scroll-behavior: auto;
    transition: none !important;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__disclosure {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    forced-color-adjust: auto;
  }
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__title a,
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__cta,
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__utility {
    color: LinkText;
    text-decoration: underline;
  }
}

/* Operator-only preview is visibly distinct from public delivery. The preview
 * contract is capability + nonce bound in Core and this treatment is only a
 * presentation cue; it does not change ad eligibility. */
.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad.is-preview[data-dhvx-ad-preview="true"] {
  outline: 2px dashed color-mix(in srgb, var(--dhvx-ad-accent) 58%, var(--dhvx-border));
  outline-offset: -3px;
}

.dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__preview-label {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  border: 1px dashed color-mix(in srgb, var(--dhvx-ad-accent) 45%, var(--dhvx-border));
  color: var(--dhvx-commercial-ink);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .035em;
}

@media (max-width: 767px) {
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__preview-label {
    min-height: 26px;
  }
}

@media (forced-colors: active) {
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad.is-preview[data-dhvx-ad-preview="true"] {
    outline: 2px dashed CanvasText;
  }
  .dhvx-app[data-dhv-experience="feed"] .dhvx-feed-module.is-ad .dhvx-feed-module__preview-label {
    border: 1px dashed CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}