/* Winnita Casino — Azzurro Oro overlay for Twindor PL example 4 */
:root {
  color-scheme: light;
  --bg-cream: #ffffff;
  --bg-cream-alt: #ffffff;
  --bg-hero: #ffffff;
  --white: #ffffff;
  --cta-start: #24337f;
  --cta-end: #16225e;
  --blue: #2b54d4;
  --blue-deep: #16225e;
  --gold: #e4b24a;
  --gold-light: #f2ce6e;
  --gold-dark: #b8862a;
  --ink: #1a2244;
  --text-secondary: #4c5261;
  --text-muted: #8a8f9e;
  --border: rgba(20, 25, 50, 0.08);
  --red: #d53341;
  --green: #2fa45c;
  --shadow-sm: 0 4px 14px rgba(20, 25, 50, 0.06);
  --shadow-md: 0 10px 30px rgba(20, 25, 50, 0.1);
  --radius-lg: 18px;
  --font: "Poppins", "DM Sans", system-ui, sans-serif;
}

html,
body {
  background: #fff !important;
  margin: 0;
  color: var(--text-secondary);
}

body,
button,
input,
textarea {
  font-family: var(--font) !important;
}

body,
main {
  color: var(--text-secondary) !important;
  background: #fff !important;
}

body::before,
body:before {
  display: none !important;
}

body::after,
body:after {
  display: none !important;
}

._4b545e72_x9bp3 {
  display: inline-flex !important;
  align-items: center;
  flex-shrink: 0;
}

._4b545e72_x9bp3 img,
._c311f6f7_aw080 img,
img[src*="winnita_casino_logo"] {
  display: block !important;
  height: 38px !important;
  width: auto !important;
  max-height: 42px !important;
  max-width: 200px !important;
  object-fit: contain !important;
}

/* Force sections visible without intersection-observer JS */
._a19fbc81_1bvg1,
._0b66ae5f_tm2g1,
._ae6a9e90_tm2g1,
._f05e09fc_xyuct,
._c00c8674_1jqky,
._85acaa4f_1jqky,
._6ba09354_1snly,
._f2e5517d_1k6lh,
._7569dab0_xyuct ._805921ab_xyuct,
._4e5fd0c5_xyuct ._805921ab_xyuct,
._54e7c070_xyuct ._c00fd285_xyuct,
._0a38e114_x9bp3,
._b801788d_podi3 {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}

a[href="/go/"] {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* Header glass */
header._e2db6e97_x9bp3,
._e2db6e97_x9bp3 {
  background: rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border) !important;
  color: var(--ink) !important;
}

._e2db6e97_x9bp3._ac49bbb7_x9bp3,
._e2db6e97_x9bp3._fddeeb3c_x9bp3 {
  background: rgba(255, 255, 255, 0.96) !important;
  border-block-end-color: var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}

._b49b9374_x9bp3,
._548fcb2c_x9bp3 a,
nav a span {
  color: var(--ink) !important;
}

nav a:hover span {
  color: var(--blue) !important;
}

._cd2751d9_x9bp3 {
  background: rgba(43, 84, 212, 0.08) !important;
  border-color: rgba(43, 84, 212, 0.22) !important;
  color: var(--blue-deep) !important;
}

._cd2751d9_x9bp3:hover {
  background: rgba(43, 84, 212, 0.14) !important;
  border-color: var(--blue) !important;
}

._27fa684a_x9bp3._6a2b318a_x9bp3 {
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--ink) !important;
}

._c8d11ce3_x9bp3._6a2b318a_x9bp3 {
  background: rgba(26, 34, 68, 0.35) !important;
}

/* Hero */
._8b40ce1b_1bvg1 {
  background: #fff !important;
  box-shadow: var(--shadow-md);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
}

._8b40ce1b_1bvg1::after,
._d9641b47_1bvg1 {
  background: linear-gradient(
    180deg,
    rgba(22, 34, 94, 0.12) 0%,
    rgba(22, 34, 94, 0.42) 42%,
    rgba(22, 34, 94, 0.88) 100%
  ) !important;
}

._952d8c70_1bvg1,
._8f55ba2e_1bvg1,
._a66a80d8_1bvg1 {
  color: #fff !important;
  text-shadow: 0 2px 14px rgba(10, 16, 48, 0.45);
}

._7bfff35e_1bvg1,
._c3ddc26b_1bvg1,
._b6223901_1bvg1 {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Primary CTA — navy */
._a0fb2561_1koll._a5a63fd8_1koll,
._a0fb2561_1koll._9cb1cf3e_1koll,
._a0fb2561_1koll._a5a63fd8_1koll span,
._a0fb2561_1koll._9cb1cf3e_1koll span {
  background: linear-gradient(135deg, var(--cta-start), var(--cta-end)) !important;
  color: #fff !important;
  box-shadow: var(--shadow-sm) !important;
  border: 0 !important;
}

._a0fb2561_1koll._a5a63fd8_1koll:hover,
._a0fb2561_1koll._9cb1cf3e_1koll:hover {
  filter: brightness(1.06);
  box-shadow: 0 8px 22px rgba(20, 25, 50, 0.22) !important;
}

._a0fb2561_1koll._2ea0b1c9_1koll {
  background: transparent !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

/* Lime / charcoal → navy-gold */
._afbfb80c_1v3fe:hover,
._a0fb2561_1koll._9cb1cf3e_1koll:after,
._a0fb2561_1koll._a5a63fd8_1koll:after {
  background-image: linear-gradient(25deg, #2b54d4, #16225e) !important;
}

/* Articles / SEO */
._d88988d8_6ntq8,
._4c2bdf82_6ntq8 {
  color: var(--text-secondary) !important;
}

._4c2bdf82_6ntq8 {
  background: #fff !important;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: none;
  padding: 1.5rem 1.6rem;
}

._4c2bdf82_6ntq8 h1,
._4c2bdf82_6ntq8 h2,
._4c2bdf82_6ntq8 h3,
._4c2bdf82_6ntq8 h4,
._3fc7c22e_5hqab,
._bbdb76c0_podi3,
._0b66ae5f_tm2g1,
._b68b3563_1psoh,
._9a471129_xyuct,
._a15c87a2_cen7u,
._d1408d2c_pkvdx,
._e208d010_pkvdx {
  color: var(--ink) !important;
  text-shadow: none !important;
}

._4c2bdf82_6ntq8 a {
  color: var(--blue) !important;
}

._4c2bdf82_6ntq8 table,
._eb4db8cb_1psoh table,
._23110ebd_1hucg table,
._ee15d538_1v6fj table,
._41845cc9_1a8v5 table,
._a94a5be7_pkvdx table,
._498a3c3f_1jqky table,
._599a9b48_aw080 table {
  width: 100%;
  border-collapse: collapse;
  background: var(--white);
}

._4c2bdf82_6ntq8 table thead,
._eb4db8cb_1psoh table thead,
._23110ebd_1hucg table thead,
._ee15d538_1v6fj table thead,
._41845cc9_1a8v5 table thead,
._a94a5be7_pkvdx table thead,
._498a3c3f_1jqky table thead,
._599a9b48_aw080 table thead,
table thead {
  background: linear-gradient(90deg, var(--cta-start), var(--cta-end)) !important;
  color: #fff !important;
}

._4c2bdf82_6ntq8 th,
._4c2bdf82_6ntq8 table th,
._eb4db8cb_1psoh table th,
._23110ebd_1hucg table th,
._ee15d538_1v6fj table th,
._41845cc9_1a8v5 table th,
._a94a5be7_pkvdx table th,
._498a3c3f_1jqky table th,
._599a9b48_aw080 table th,
table th {
  background: linear-gradient(90deg, var(--cta-start), var(--cta-end)) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-color: rgba(22, 34, 94, 0.35) !important;
  padding: 0.7rem 0.85rem;
}

._4c2bdf82_6ntq8 td,
._4c2bdf82_6ntq8 table td,
._eb4db8cb_1psoh table td,
._23110ebd_1hucg table td,
._ee15d538_1v6fj table td,
._41845cc9_1a8v5 table td,
._a94a5be7_pkvdx table td,
._498a3c3f_1jqky table td,
._599a9b48_aw080 table td,
table td {
  background: #fff !important;
  color: var(--ink) !important;
  border: 1px solid var(--border) !important;
  padding: 0.7rem 0.85rem;
}

._4c2bdf82_6ntq8 img {
  display: block;
  background: #fff !important;
  border-radius: 14px;
  width: auto !important;
  max-width: min(100%, 560px) !important;
  max-height: 280px !important;
  height: auto !important;
  object-fit: contain !important;
  margin-inline: auto;
}

/* Game cards */
._fc268014_5hqab,
._8f20098d_cen7u,
._526ef6c0_1psoh,
._ae6a9e90_tm2g1,
._805921ab_xyuct,
._a10d5058_podi3,
._c00c8674_1jqky {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm);
  color: var(--ink) !important;
}

._5199c8e3_5hqab,
._e402835e_cen7u {
  color: var(--ink) !important;
}

/* Nuovi titoli: hide game-name overlay on thumbnails */
._b5fd08ff_podi3 ._747f1f35_podi3,
._a10d5058_podi3 ._747f1f35_podi3 {
  display: none !important;
}

._9517b1c8_5hqab,
._127d8877_cen7u,
._eb4db8cb_1psoh p {
  color: var(--text-secondary) !important;
}

/* Accent glows → gold / navy */
._03dc9997_xyuct,
._7e6f2598_5hqab,
._9dbb4b7b_1jqky,
._175b2f3a_1jqky,
._20a7cdb0_5hqab,
._d5073f81_5hqab {
  background: radial-gradient(circle, var(--gold) 25%, rgba(43, 84, 212, 0.35) 45%, transparent 70%) !important;
}

._0e70a1c1_1psoh {
  aspect-ratio: auto !important;
  background: #fff !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
}

/* FAQ */
._a062c71f_pkvdx,
._44a5ab90_pkvdx {
  background: var(--white) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px;
  color: var(--ink) !important;
}

._f2d8c755_pkvdx,
._a94a5be7_pkvdx,
._655230c3_pkvdx {
  color: var(--text-secondary) !important;
}

/* Modal */
._95e2bd71_1jpyu {
  background: #fff !important;
  border: 1px solid rgba(228, 178, 74, 0.35) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--ink) !important;
}

._2e1a04be_1jpyu {
  color: var(--ink) !important;
}

/* Footer */
._b14d6657_aw080 {
  background: #fff !important;
  border-block-start: 1px solid var(--border) !important;
  color: var(--text-secondary) !important;
}

._599a9b48_aw080 p,
._8b424538_aw080 span {
  color: var(--text-secondary) !important;
}

._e7b993bc_aw080 img {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 6px 10px;
  height: 42px;
  width: auto;
  object-fit: contain;
}

/* Reviews carousel arrows */
._1b58055c_cen7u,
._e0c8626b_podi3 {
  background: #fff !important;
  border: 1px solid var(--border) !important;
  color: var(--ink) !important;
}

._4dc8e2fb_cen7u,
._68489c3d_cen7u {
  background: linear-gradient(135deg, var(--cta-start), var(--cta-end)) !important;
  color: #fff !important;
}

/* Provider / payment tiles */
._926bc51b_xyuct,
._f6e99274_tm2g1 {
  background: #fff !important;
  border-radius: 12px;
}

img[src*="winnita-hero-unique"],
img[src*="winnita-bonus-unique"],
img[src*="winnita-app-unique"],
img[src*="winnita-mobile-unique"],
img[src*="winnita-lounge-unique"],
img[src*="winnita-support-unique"] {
  object-fit: contain !important;
  object-position: center;
  width: auto;
  max-width: 100%;
  height: auto;
  background: #fff;
  border-radius: 14px;
}

._ee3effa8_1bvg1 {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
  background: #fff;
}

._0b223522_1psoh {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 200px !important;
  object-fit: contain !important;
  margin-inline: auto;
}

._d54d5950_1jqky {
  max-inline-size: 340px !important;
}

._d54d5950_1jqky img {
  display: block;
  width: auto !important;
  max-width: 100%;
  max-height: 260px !important;
  height: auto !important;
  object-fit: contain !important;
  margin-inline: auto;
  background: #fff;
}

._475fcdcb_1jpyu {
  aspect-ratio: auto !important;
  background: #fff !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

._475fcdcb_1jpyu img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 260px !important;
  object-fit: contain !important;
  background: #fff;
}

._926bc51b_xyuct img[src*="assets/pay/"] {
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  padding: 8px;
  max-height: 64px;
  width: auto;
  margin: 0 auto;
}

/* Promo split */
._498a3c3f_1jqky h3,
._498a3c3f_1jqky li {
  color: var(--ink) !important;
}

._57cc4d45_1jqky,
._00c574b2_5hqab,
._b5fd08ff_podi3,
._cae0c48e_tm2g1,
._9e7332e7_1psoh,
._410c35ac_xyuct,
._daff936d_cen7u,
._81d5839f_pkvdx {
  color: var(--text-secondary);
}

h1, h2, h3, h4 {
  color: var(--ink);
}

a {
  color: var(--blue);
}

a:hover {
  color: var(--blue-deep);
}

:focus-visible {
  outline: 3px solid rgba(43, 84, 212, 0.5);
  outline-offset: 2px;
  border-radius: 4px;
}

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

._4c2bdf82_6ntq8,
._4c2bdf82_6ntq8 > div,
._a797f0e2_6ntq8 {
  max-width: 100%;
  overflow-x: hidden;
}

._4c2bdf82_6ntq8 table,
._eb4db8cb_1psoh table,
._23110ebd_1hucg table,
._ee15d538_1v6fj table,
._41845cc9_1a8v5 table,
._a94a5be7_pkvdx table,
._498a3c3f_1jqky table,
._599a9b48_aw080 table,
table {
  table-layout: fixed;
  width: 100% !important;
  max-width: 100% !important;
}

table th,
table td {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
  header ._cd2751d9_x9bp3,
  header ._c8d11ce3_x9bp3,
  header nav._27fa684a_x9bp3 {
    display: none !important;
  }

  header ._82ce1c42_x9bp3 {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    margin-inline-start: auto;
  }

  header ._82ce1c42_x9bp3 > a:first-of-type {
    display: none !important;
  }

  header ._82ce1c42_x9bp3 a {
    min-inline-size: 0 !important;
    inline-size: auto !important;
    padding-block: 0.55rem !important;
    padding-inline: 1rem !important;
    font-size: 0.8rem !important;
    letter-spacing: 0.04em;
  }

  header ._82ce1c42_x9bp3 a span {
    padding: 0 !important;
    font-size: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  header img[src*="winnita_casino_logo"] {
    height: 32px !important;
    max-width: 140px !important;
  }

  table th,
  table td,
  ._4c2bdf82_6ntq8 th,
  ._4c2bdf82_6ntq8 td {
    padding: 0.45rem 0.4rem !important;
    font-size: 0.72rem !important;
    line-height: 1.35;
  }
}

/* SEO article extras */
.seo-updated {
  margin: 0 0 1rem;
  font-size: 0.85rem;
  color: var(--text-muted);
}

.seo-indice {
  margin: 1.25rem 0 1.75rem;
  padding: 1.1rem 1.25rem;
  background: #f7f8fc;
  border: 1px solid var(--border);
  border-radius: 14px;
}

.seo-indice strong {
  display: block;
  margin-bottom: 0.65rem;
  color: var(--ink);
  font-weight: 700;
}

.seo-indice ol {
  margin: 0;
  padding-left: 1.2rem;
}

.seo-indice li {
  margin: 0.28rem 0;
}

.seo-indice a {
  color: var(--blue) !important;
  text-decoration: none;
}

.seo-indice a:hover {
  text-decoration: underline;
}

.seo-note {
  margin: 1rem 0;
  padding: 0.95rem 1.1rem;
  background: #fbf6ea;
  border-left: 4px solid var(--gold);
  border-radius: 0 12px 12px 0;
}

.seo-note strong {
  color: var(--ink);
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 1rem 0 1.25rem;
  -webkit-overflow-scrolling: touch;
}

._4c2bdf82_6ntq8 p,
._4c2bdf82_6ntq8 li {
  line-height: 1.65;
}

._4c2bdf82_6ntq8 h2 {
  margin-top: 1.6rem;
}

._4c2bdf82_6ntq8 h2:first-of-type {
  margin-top: 0.4rem;
}

._4c2bdf82_6ntq8 h3 {
  margin-top: 1.2rem;
  font-size: 1.05rem;
}
