/* Proper Wins — V11 Mobile Competition Card Refinement
   Scope: homepage cards only; no game mechanics, WooCommerce checkout, or admin edits.
   Loaded after legacy polish so rules are predictable and rollback-safe. */
:root { --pw11-card-border: rgba(230,49,63,.28); --pw11-card-red: #c90e20; }
body.pwmsh-homepage-v43-mockup .pwmsh-whatson .pwv43-card,
body.pwmsh-homepage-v43-mockup .pwv57-all-grid .pwv43-card,
.pwmsh-home--v35 .pwmsh-whatson .pwv43-card {
  height: auto !important;
  min-height: 0 !important;
  background: #101014 !important;
  border: 1px solid var(--pw11-card-border) !important;
  border-radius: 15px !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.24) !important;
  overflow: visible !important;
}
body.pwmsh-homepage-v43-mockup .pwv57-all-grid,
.pwmsh-home--v35 .pwv57-all-grid,
.pwmsh-home--v35 .pwmsh-live__grid { align-items: start !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__body,
.pwmsh-home--v35 .pwv43-card__body,
.pwmsh-whatson .pwv43-card__body {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  gap: 7px !important;
  padding: 10px 10px 11px !important;
}
/* A real subtitle remains; never fabricate or reserve an empty paragraph. */
body.pwmsh-homepage-v43-mockup .pwv43-card__subtitle.is-empty,
.pwmsh-home--v35 .pwv43-card__subtitle.is-empty { display: none !important; min-height: 0 !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__subtitle,
.pwmsh-home--v35 .pwv43-card__subtitle {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}
body.pwmsh-homepage-v43-mockup .pwv43-card__body h3,
.pwmsh-home--v35 .pwv43-card__body h3 {
  margin: 1px 0 !important;
  padding: 0 !important;
  font-size: clamp(13px,3.7vw,16px) !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  max-height: 2.55em !important;
  text-wrap: balance;
}
body.pwmsh-homepage-v43-mockup .pwv43-card__meta,
.pwmsh-home--v35 .pwv43-card__meta {
  margin: 4px 0 1px !important;
  padding: 0 !important;
  min-height: 0 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  align-items: baseline !important;
}
body.pwmsh-homepage-v43-mockup .pwv43-card__meta strong,
.pwmsh-home--v35 .pwv43-card__meta strong {
  color: #f8f8f9 !important;
  opacity: 1 !important;
  font-size: clamp(14px,3.6vw,17px) !important;
  font-weight: 800 !important;
}
body.pwmsh-homepage-v43-mockup .pwv43-card__meta span,
.pwmsh-home--v35 .pwv43-card__meta span { color: rgba(255,255,255,.68) !important; font-size: 11px !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__progress,
.pwmsh-home--v35 .pwv43-card__progress {
  margin: 3px 0 8px !important;
  height: 5px !important;
  min-height: 5px !important;
  border-radius: 999px !important;
  background: #303036 !important;
  box-shadow: none !important;
}
body.pwmsh-homepage-v43-mockup .pwv43-card__progress i,
.pwmsh-home--v35 .pwv43-card__progress i { border-radius: 999px !important; background: #db2639 !important; box-shadow:none !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__cta,
.pwmsh-home--v35 .pwv43-card__cta,
.pwmsh-whatson .pwv43-card__cta {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 9px 8px !important;
  border: 1px solid #d82a3c !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg,#d01628,#ad0d1c) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-family: inherit !important;
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background-color .15s ease !important;
}
/* Preserve the entire game title / prize artwork on square cards. */
body.pwmsh-homepage-v43-mockup .pwv43-card__image,
.pwmsh-home--v35 .pwv43-card__image { aspect-ratio: 1 / 1 !important; min-height: 0 !important; border-radius: 14px 14px 0 0 !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__image img,
.pwmsh-home--v35 .pwv43-card__image img { width:100% !important; height:100% !important; object-fit:cover !important; filter:none !important; image-rendering:auto !important; }
body.pwmsh-homepage-v43-mockup .pwv43-card__image--portrait img,
.pwmsh-home--v35 .pwv43-card__image--portrait img { object-fit:contain !important; }
/* Less neon border noise around badges; preserve semantics/placement. */
body.pwmsh-homepage-v43-mockup .pwv43-card__instant,
.pwmsh-home--v35 .pwv43-card__instant {
  box-shadow: 0 3px 12px rgba(0,0,0,.2) !important;
  filter:none !important;
}
@media (max-width: 390px) {
  body.pwmsh-homepage-v43-mockup .pwv43-card__body,
  .pwmsh-home--v35 .pwv43-card__body { padding: 8px 8px 9px !important; gap: 6px !important; }
  body.pwmsh-homepage-v43-mockup .pwv43-card__cta,
  .pwmsh-home--v35 .pwv43-card__cta { min-height: 41px !important; height: 41px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.pwmsh-homepage-v43-mockup .pwv43-card__cta,
  .pwmsh-home--v35 .pwv43-card__cta { transition:none !important; }
}

/* V22 — Proper Wins editorial poster cards. Retain V21 clean layout and
   prices; restore modest CSS-generated matching emoji and themed subtitle hues.
   No Unicode emoji in DOM: WP emoji image replacement cannot affect pseudo-content. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card {
  position: relative !important;
  margin: 0 !important;
  min-height: 0 !important;
  border: 1px solid rgba(225, 6, 0, .32) !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  background: #08090c !important;
  box-shadow: 0 0 0 1px rgba(225, 6, 0, .035), 0 5px 17px rgba(0, 0, 0, .24) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card :is(.pwv43-card__instant, .pwv43-card__body) {
  display: none !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__image--tap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 9 / 16 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
  background: #08090c !important;
  text-decoration: none !important;
  isolation: isolate !important;
}
/* The direct child is the cover image. Do NOT size nested emoji IMG as artwork. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__image--tap > img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center top !important;
  transform: none !important;
  filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
/* A single short graduated veil. The artwork is still the visual focus. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-overlay {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 3px !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 51px 9px 13px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(5, 8, 13, 0) 0%, rgba(5, 8, 13, .33) 35%, rgba(5, 8, 13, .76) 69%, rgba(5, 8, 13, .94) 100%) !important;
  text-align: center !important;
  color: #fff !important;
  pointer-events: none !important;
}
/* Every card uses exactly the same dependable sans hierarchy. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(13px, 3.65vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  text-wrap: balance !important;
  color: #fff !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .75) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-subtitle {
  display: block !important;
  overflow: visible !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(10px, 2.8vw, 12px) !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-wrap: balance !important;
  color: var(--pwv22-subtitle-color, rgba(255,255,255,.92)) !important;
  text-shadow: 0 1px 7px rgba(0, 0, 0, .85) !important;
}
/* Pseudo-elements cannot become giant <img> elements via WordPress emoji processing. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card {
  --pwv22-subtitle-color: #f2dcb8;
  --pwv22-emoji: "✨";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-subtitle::before,
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-subtitle::after {
  content: var(--pwv22-emoji) !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;
  font-size: .91em !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  vertical-align: baseline !important;
  margin: 0 .26em !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card.pwv43-card--theme-gods-of-gold {
  --pwv22-subtitle-color: #ffe3a5;
  --pwv22-emoji: "⚡";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card.pwv43-card--theme-heavenly-riches {
  --pwv22-subtitle-color: #d7eaff;
  --pwv22-emoji: "✨";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card.pwv43-card--theme-enchanted-forest-fortune {
  --pwv22-subtitle-color: #c9efb0;
  --pwv22-emoji: "🍀";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card.pwv43-card--theme-castle-treasures {
  --pwv22-subtitle-color: #ffdbb3;
  --pwv22-emoji: "👑";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card:is(.pwv43-card--theme-ticket-treasure, .pwv43-card--theme-treasure-island) {
  --pwv22-subtitle-color: #ffe2ac;
  --pwv22-emoji: "🗝️";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card:is(.pwv43-card--theme-penny-packs, .pwv43-card--theme-no-scrubs-club) {
  --pwv22-subtitle-color: #ffc6ba;
  --pwv22-emoji: "🔥";
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-price {
  display: block !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  /* V24: Manrope is used ONLY for the instant-win ticket price.
     Size, weight, colour, currency symbol and spacing are unchanged. */
  font-family: "Manrope", "Inter", system-ui, sans-serif !important;
  font-size: clamp(14px, 3.7vw, 16px) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: #f7f7f8 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .42) !important;
  -webkit-text-stroke: 0 !important;
  white-space: nowrap !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-price :is(.amount, .woocommerce-Price-amount, bdi, .woocommerce-Price-currencySymbol) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  text-shadow: inherit !important;
}
/* WordPress may replace author-typed emoji with image elements. Contain them. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-subtitle img.emoji {
  position: static !important;
  display: inline !important;
  inset: auto !important;
  width: 1em !important;
  height: 1em !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 1em !important;
  max-height: 1em !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 .06em !important;
  padding: 0 !important;
  vertical-align: -.1em !important;
  object-fit: contain !important;
  transform: none !important;
  filter: none !important;
  border-radius: 0 !important;
}
@media (max-width: 370px) {
  :is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-overlay {
    padding: 47px 7px 11px !important;
  }
  :is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-title {
    font-size: 12px !important;
  }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  :is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card:hover {
    border-color: rgba(225, 6, 0, .48) !important;
  }
}


/* V64: factual closing / draw date over live product card artwork. */
.pwv43-card .pwv43-card__image{position:relative}
.pwv43-card .pwv43-card__close-chip{
  position:absolute!important;z-index:7!important;top:9px!important;left:9px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:calc(100% - 18px)!important;min-height:27px!important;
  padding:6px 10px!important;border:1px solid rgba(255,255,255,.54)!important;
  border-radius:8px!important;background:rgba(13,9,16,.89)!important;color:#fff!important;
  box-shadow:0 5px 15px rgba(0,0,0,.35)!important;
  font:800 clamp(10px,2.65vw,12px)/1.1 system-ui,sans-serif!important;
  letter-spacing:.025em!important;white-space:normal!important;text-align:left!important;
  pointer-events:none!important;text-shadow:0 1px 2px #000!important;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .pwv43-card{transition:transform .28s cubic-bezier(.18,.7,.25,1),box-shadow .28s ease!important;will-change:auto}
  .pwv43-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 0 1px rgba(255,55,66,.23)!important}
  .pwv43-card .pwv43-card__image--tap > img{transition:transform .42s cubic-bezier(.2,.7,.2,1)!important}
  .pwv43-card:hover .pwv43-card__image--tap > img{transform:scale(1.035)!important}
}
.pwv43-card:focus-within{outline:2px solid rgba(255,255,255,.75);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.pwv43-card,.pwv43-card img{animation:none!important;transition:none!important}}


/* V67 homepage card refresh — closer to the older 7Days-inspired browsing cards. */
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card{
  border-radius:18px !important;
  border:1px solid rgba(225,6,0,.26) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
  background:#06070b !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__image--tap{
  border-radius:18px !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-overlay{
  gap:4px !important;
  padding:58px 10px 14px !important;
  background:linear-gradient(180deg,rgba(5,8,13,0) 0%, rgba(5,8,13,.2) 28%, rgba(5,8,13,.7) 68%, rgba(5,8,13,.94) 100%) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-title{
  font-size:clamp(14px,3.8vw,19px) !important;
  line-height:1.08 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.82) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-subtitle{
  font-size:clamp(10px,2.8vw,12px) !important;
  font-weight:760 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.9) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-price{
  font-size:clamp(16px,4vw,20px) !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 2px 10px rgba(0,0,0,.82) !important;
}
:is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-pill{
  border-radius:999px !important;
  background:rgba(18,20,28,.82) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 8px 16px rgba(0,0,0,.24) !important;
}
@media (max-width: 390px){
  :is(body.pwmsh-homepage-v43-mockup, .pwmsh-home--v35, .pwmsh-whatson) .pwv43-card.pwv43-card--instant-card .pwv43-card__tap-overlay{padding:52px 8px 12px !important}
}
