/* 1.1.8: corrections applied after route styles to existing WordPress pages. */
.leadership-page .lp-hero-visual .lp-hero-logo { display: none !important; }
.leadership-page .lp-hero-visual .lp-hero-ceo { left: 7%; }
.leadership-page .lp-hero-visual .lp-hero-ambassador { right: 3%; }
.sunwin-lottery-filters { display: none; }

@media (max-width: 760px) {
  body[data-page-v2="community"] .community-hero {
    min-height: calc(565px + 115vw) !important;
    padding: 132px 0 0 !important;
    background-image: linear-gradient(180deg, #160302 0%, rgba(22,3,2,.92) 26%, rgba(22,3,2,.72) 44%, rgba(22,3,2,.08) 63%, rgba(22,3,2,.02) 100%), url('../assets/community-hero-mobile-v1.webp') !important;
    background-size: cover, 100% auto !important;
    background-position: center, center bottom !important;
    background-repeat: no-repeat !important;
  }
  body[data-page-v2="community"] .community-hero .v2-hero-inner { position: relative; z-index: 1; }
  body[data-page-v2="community"] .community-hero h1.small { font-size: clamp(2.45rem, 10vw, 3.45rem) !important; line-height: 1.13 !important; }
  body[data-page-v2="community"] .community-hero .lead { font-size: .93rem; line-height: 1.55; }
  body[data-page-v2="community"] .community-hero .v2-actions { margin-top: 18px; }

  body[data-page-v2="community"] .community-responsible.v2-section { padding: 0 !important; }
  body[data-page-v2="community"] .community-responsible .standard-layout {
    width: 100% !important; max-width: none !important; display: flex !important;
    flex-direction: column !important; gap: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: #170403 !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-art {
    width: 100% !important; height: clamp(270px, 76vw, 390px) !important;
    margin: 0 !important; border-radius: 0 0 22px 22px !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-art img {
    width: 100% !important; height: 100% !important; object-fit: cover !important;
    object-position: 30% center !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-layout > div:last-child {
    width: min(100% - 28px, 620px) !important; margin: 0 auto !important;
    padding: 26px 0 36px !important; text-align: center !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-list {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important; margin: 25px 0 18px !important; padding: 12px !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-list article {
    min-height: 166px !important; padding: 14px 7px !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; text-align: center !important;
  }
  body[data-page-v2="community"] .community-responsible .standard-list strong { font-size: .88rem !important; }
  body[data-page-v2="community"] .community-responsible .standard-list span { font-size: .76rem !important; }

  body[data-cardgov="true"] .cg-hero {
    min-height: 780px !important;
    background-image: linear-gradient(180deg, #100202 0%, rgba(12,1,1,.94) 34%, rgba(12,1,1,.24) 57%, transparent 76%), url('../assets/card-games-hero-mobile-v2.webp') !important;
    background-size: cover, 100% auto !important;
    background-position: center, center calc(100% + 85px) !important;
    background-repeat: no-repeat !important;
  }
  body[data-cardgov="true"] .cg-hero-inner { min-height: 780px !important; }
  body[data-cardgov="true"] .cg-hero-copy { padding-top: 126px !important; }
  body[data-cardgov="true"] .cg-hero h1 { max-width: 13ch; font-size: clamp(2.15rem, 9.1vw, 2.8rem) !important; line-height: 1.13 !important; }
  body[data-cardgov="true"] .cg-hero-copy > p:not(.cg-eyebrow) { max-width: 36ch; margin-top: 13px; line-height: 1.48; }
  body[data-cardgov="true"] .cg-hero-actions { margin-top: 16px !important; gap: 8px; }
  body[data-cardgov="true"] .cg-hero-actions .cg-button { min-height: 41px; padding: 0 12px; font-size: .72rem; }
  body[data-cardgov="true"] .cg-history .cg-timeline {
    width: min(100% - 24px, 520px) !important; margin: 0 auto !important;
    display: grid !important; grid-template-columns: 1fr !important;
    padding: 8px 0 0 28px !important;
  }
  body[data-cardgov="true"] .cg-history .cg-timeline::before { left: 8px !important; }
  body[data-cardgov="true"] .cg-history .cg-timeline li {
    width: 100% !important; min-height: 96px !important;
    padding: 0 0 22px 12px !important; align-items: flex-start !important;
    text-align: left !important;
  }
  body[data-cardgov="true"] .cg-history .cg-timeline li i { left: -28px !important; }
  body[data-cardgov="true"] .cg-history .cg-timeline strong { font-size: 1rem; }
  body[data-cardgov="true"] .cg-history .cg-timeline span { font-size: .82rem; }

  body[data-productops="true"] .po-mobile-brand,
  body[data-sportsops="true"] .so-mobile-brand { display: none !important; }
  body[data-productops="true"] .po-hero {
    min-height: 805px !important;
    background-image: linear-gradient(180deg, #100202 0%, rgba(13,1,1,.95) 33%, rgba(13,1,1,.17) 58%, transparent 76%), var(--po-hero-mobile) !important;
    background-size: cover, 100% auto !important;
    background-position: center, center calc(100% + 95px) !important;
    background-repeat: no-repeat !important;
  }
  body[data-productops="true"] .po-hero-inner { min-height: 805px !important; }
  body[data-productops="true"] .po-hero-copy { padding-top: 128px !important; }
  body[data-productops="true"] .po-hero h1 { max-width: 14ch; margin-inline: auto; font-size: clamp(2.15rem, 9.2vw, 2.85rem) !important; line-height: 1.12 !important; }
  body[data-productops="true"] .po-hero-copy > p:not(.po-eyebrow) { max-width: 37ch; margin: 13px auto 0; font-size: .84rem; line-height: 1.45; }
  body[data-productops="true"] .po-actions { margin-top: 16px !important; gap: 8px !important; }
  body[data-productops="true"] .po-actions .po-button { min-height: 40px; padding: 0 11px; font-size: .7rem; }
  .productops-page[data-ops-theme="mini"] .po-hero h1 { font-size: clamp(2rem, 8.5vw, 2.6rem) !important; }

  body[data-productops="true"] .po-control-map {
    width: min(100% - 28px, 600px) !important; min-height: 0 !important;
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto auto !important; grid-auto-rows: auto !important;
    gap: 12px !important; align-items: stretch !important;
  }
  body[data-productops="true"] .po-control-map .po-core {
    grid-column: 1 / -1 !important; grid-row: 1 !important; order: 0 !important;
    width: min(68vw, 280px) !important; margin: 0 auto 16px !important;
  }
  body[data-productops="true"] .po-control-map .po-card {
    width: 100% !important; min-width: 0 !important; min-height: 180px !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 5px !important; padding: 15px 10px !important; text-align: center !important;
  }
  body[data-productops="true"] .po-control-map .po-card:nth-child(1),
  body[data-productops="true"] .po-control-map .po-card:nth-child(2),
  body[data-productops="true"] .po-control-map .po-card:nth-child(4),
  body[data-productops="true"] .po-control-map .po-card:nth-child(5) { grid-column: auto !important; grid-row: auto !important; }
  body[data-productops="true"] .po-control-map .po-card img { width: 66px !important; height: 66px !important; order: 0 !important; object-fit: contain; }
  body[data-productops="true"] .po-control-map .po-card h3 { font-size: .91rem !important; line-height: 1.25; }
  body[data-productops="true"] .po-control-map .po-card p { font-size: .73rem !important; line-height: 1.38; }
  body[data-productops="true"] .po-monitor-grid {
    width: min(100% - 28px, 600px) !important; margin-inline: auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important;
  }
  body[data-productops="true"] .po-monitor-grid::before,
  body[data-productops="true"] .po-monitor-grid::after { display: none !important; }
  body[data-productops="true"] .po-monitor-grid > * { min-width: 0 !important; min-height: 185px !important; margin: 0 !important; }
  body[data-sportsops="true"] .so-hero { background-size: cover, 100% auto !important; background-position: center, center calc(100% + 20px) !important; }
  body[data-sportsops="true"] .so-hero-copy { padding-top: 125px !important; }
  body[data-sportsops="true"] .so-hero h1 { line-height: 1.13 !important; }

  body[data-game="lottery"] .game-hero {
    min-height: 735px !important; align-items: flex-start !important;
    background-image: linear-gradient(90deg, rgba(8,1,1,.9), rgba(8,1,1,.2)), linear-gradient(180deg,rgba(8,1,1,.2),rgba(8,1,1,.36) 58%,#100302), var(--game-hero) !important;
    background-size: cover !important; background-position: 64% center !important;
  }
  body[data-game="lottery"] .game-hero-copy { max-width: 520px; padding: 170px 0 50px !important; }
  body[data-game="lottery"] .game-hero h1 { max-width: 12ch; font-size: clamp(3rem, 12.6vw, 4.4rem) !important; line-height: 1.08 !important; }
  body[data-game="lottery"] .game-hero h1 span { display: block; max-width: 8.5ch; text-wrap: balance; }
  body[data-game="lottery"] .game-hero .lead { max-width: 36ch; font-size: .97rem; line-height: 1.57; }
  body[data-game="lottery"] .game-overview .game-heading { max-width: 580px; margin: 0 auto 30px !important; text-align: center !important; }
  body[data-game="lottery"] .game-overview .game-heading h2,
  body[data-game="lottery"] .game-catalog .game-heading h2 { max-width: 17ch; margin-inline: auto; font-size: clamp(2rem, 8vw, 2.65rem) !important; line-height: 1.16 !important; }
  body[data-game="lottery"] .game-overview .game-heading > p:last-child { margin-inline: auto; }
  body[data-game="lottery"] .game-overview .overview-grid,
  body[data-game="lottery"] .game-catalog .game-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; }
  body[data-game="lottery"] .sunwin-lottery-filters { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin: 0 auto 24px; }
  body[data-game="lottery"] .sunwin-lottery-filters button { min-height: 40px; padding: 0 16px; border: 1px solid rgba(255,190,62,.66); border-radius: 999px; background: rgba(22,5,3,.88); color: #fff1d6; font: 700 .79rem/1 'Be Vietnam Pro',sans-serif; cursor: pointer; }
  body[data-game="lottery"] .sunwin-lottery-filters button[aria-pressed="true"] { border-color: #ffd878; color: #331200; background: linear-gradient(135deg,#ffe78e,#ffae28); }
  body[data-game="lottery"] .game-type-card[hidden] { display: none !important; }
  body[data-game="lottery"] .game-overview .overview-grid article,
  body[data-game="lottery"] .game-catalog .game-type-card { min-width: 0; min-height: 235px !important; padding: 18px 12px !important; }
  body[data-game="lottery"] .game-overview .overview-grid img,
  body[data-game="lottery"] .game-catalog .game-type-card img { width: 72px !important; height: 72px !important; object-fit: contain; }
  body[data-game="lottery"] .game-overview .overview-grid h3,
  body[data-game="lottery"] .game-catalog .game-type-card h3 { font-size: .95rem !important; line-height: 1.3; }
  body[data-game="lottery"] .game-overview .overview-grid p,
  body[data-game="lottery"] .game-catalog .game-type-card p { font-size: .79rem !important; line-height: 1.4; }
  body[data-game="lottery"] .game-catalog .game-type-card a { margin-top: auto; font-size: .8rem; }
}

@media (max-width: 390px) {
  body[data-cardgov="true"] .cg-hero { min-height: 795px !important; }
  body[data-cardgov="true"] .cg-hero-inner { min-height: 795px !important; }
  body[data-productops="true"] .po-hero,
  body[data-productops="true"] .po-hero-inner { min-height: 820px !important; }
  body[data-game="lottery"] .game-hero .v2-actions { flex-wrap: wrap; }
}

@media (max-width: 340px) {
  body[data-productops="true"] .po-control-map,
  body[data-productops="true"] .po-monitor-grid,
  body[data-game="lottery"] .game-overview .overview-grid,
  body[data-game="lottery"] .game-catalog .game-card-grid { grid-template-columns: 1fr !important; }
}