/* VerifiedPokies – Lovable parity overrides (CLEAN v14)
   Goal: match Lovable look-and-feel while keeping the file maintainable.
   Key principles:
   - No CSS-injected labels
   - One breakpoint rule for Verified Offers (desktop text, mobile icon-only)
   - Sticky header that respects WP admin bar
*/

/* =========================================================
   1) HEADER / NAVIGATION (Lovable pills + sticky)
   ========================================================= */

.site-header,
header.sticky {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid hsl(214 32% 91% / 0.7);
}


/* Ensure sticky header is flush to viewport top (prevents “detached” mobile header) */
header.sticky{ top: 0 !important; margin-top: 0 !important; }
body.admin-bar header.sticky{ top: 32px !important; }
@media (max-width: 782px){ body.admin-bar header.sticky{ top: 46px !important; } }
/* WP admin bar offset (important) */
body.admin-bar .site-header,
body.admin-bar header.sticky {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar .site-header,
body.admin-bar header.sticky {
    top: 46px;
  }
}

/* Prevent header content clipping */
.site-header-inner {
  overflow: visible;
  background: transparent;
}

/* Nav pills (main menu items) */
.site-header-inner nav a {
  background: hsl(var(--hero-cta-primary-bg)) !important;
  color: hsl(var(--hero-cta-primary-text)) !important;
  border: none !important;
  box-shadow: 0 1px 2px hsl(215 25% 10% / .12) !important;
  border-radius: 9999px !important;
}

/* Hover */
.site-header-inner nav a:hover {
  opacity: 0.92;
}

/* Active state (subtle glow, not a border) */
.site-header-inner nav a.ring-2 {
  border: none !important;
  box-shadow:
    0 0 0 2px hsl(var(--hero-cta-primary-bg) / .28),
    0 1px 2px hsl(215 25% 10% / .12) !important;
}

/* Focus-visible (accessible but not “border-y”) */
.site-header-inner nav a:focus-visible {
  outline: none !important;
  border: none !important;
  box-shadow:
    0 0 0 2px hsl(var(--hero-cta-primary-bg) / .35),
    0 1px 2px hsl(215 25% 10% / .12) !important;
}

/* Ensure no theme-level styles reintroduce borders */
.site-header .menu a,
.site-header .menu-item > a,
.site-header .btn,
.site-header .nav-pill {
  border: none !important;
}

/* =========================================================
   2) VERIFIED OFFERS BUTTON (distinct outlined button)
   - Desktop/tablet: icon + text (single line)
   - Mobile: icon-only
   ========================================================= */

/* Base button appearance: outlined, different from teal pills.
   IMPORTANT: do NOT force display here, because there are *two* gift buttons
   (desktop + mobile) and their visibility is controlled by responsive classes. */
button[data-vp-dropdown="gift"] {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

/* Absolutely never inject label text via CSS (prevents duplicates) */
[data-vp-dropdown="gift"]::after {
  content: "" !important;
}

/* Hover */
[data-vp-dropdown="gift"]:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

/* Icon */
[data-vp-dropdown="gift"] svg {
  color: #0f172a !important;
}

/* Desktop variant: keep the label on one line and prevent shrinking */
button[data-vp-dropdown="gift"][data-vp-gift="desktop"] {
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

/* Mobile variant: ensure it stays a compact icon button */
button[data-vp-dropdown="gift"][data-vp-gift="mobile"] {
  width: 40px !important;
  min-width: 40px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ---------------------------------------------------------
   HARD VISIBILITY ENFORCEMENT (fixes “icon on desktop”)
   If BOTH variants exist, force correct one per breakpoint,
   independent of Tailwind sm:* utilities.
--------------------------------------------------------- */

/* If the theme outputs the data-vp-gift attributes, we can safely
   enforce visibility with media queries. This prevents:
   - mobile icon showing on desktop
   - both buttons showing simultaneously */
button[data-vp-dropdown="gift"][data-vp-gift] {
  display: none !important;
}

@media (min-width: 768px) {
  button[data-vp-dropdown="gift"][data-vp-gift="desktop"] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
  }
}

@media (max-width: 767px) {
  button[data-vp-dropdown="gift"][data-vp-gift="mobile"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  /* Ensure icon-only even if markup includes a label span */
  button[data-vp-dropdown="gift"][data-vp-gift="mobile"] .label,
  button[data-vp-dropdown="gift"][data-vp-gift="mobile"] .text,
  button[data-vp-dropdown="gift"][data-vp-gift="mobile"] span {
    display: none !important;
  }
}

/* =========================================================
   3) “LAST UPDATED / NEXT REVIEW” BAR
   ========================================================= */

/* Hidden globally (requested).
   Notes:
   - This bar is rendered by the theme on some templates.
   - We hide it rather than removing templates, to keep updates simple.
   - If you want to re-enable later, delete this block.
*/
section.border-b.border-border\/60.bg-background\/90 {
  display: none !important;
}

/* =========================================================
   4) GLOBAL TYPOGRAPHY + SECTION RHYTHM
   ========================================================= */

html { font-size: 15.5px; }
body { line-height: 1.55; }

h1, h2, h3 { letter-spacing: -0.015em; }

h1 {
  font-size: clamp(2.2rem, 4vw, 3rem);
  line-height: 1.15;
}

h2 {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}

/* Baseline section rhythm */
section {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

/* If theme uses Tailwind-like py-* utilities */
section.py-12,
section.py-16,
section.py-20,
section.py-24 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

@media (min-width: 768px) {
  section.py-12,
  section.py-16,
  section.py-20,
  section.py-24 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

/* =========================================================
   5) HERO BULLETS (Lovable-style)
   ========================================================= */

.vp-hero-bullets {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.vp-hero-bullet {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  max-width: 520px;

  padding: 0.75rem 0.95rem;
  border-radius: 10px;

  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(6px);
}

.vp-hero-bullet svg,
.vp-hero-bullet img { opacity: 0.9; }

/* =========================================================
   6) CASINO LIST PREVIEW (Lovable parity + spacing)
   ========================================================= */

.vp-casino-card{
  --vp-navy: #061a33;
  --vp-navy-hover: #082246;
  --vp-border: #e6edf5;
  --vp-soft: #f6f8fb;
  --vp-text: #0f172a;
  --vp-muted: #64748b;
  --vp-teal: #14b8a6;

  border-radius: 14px;
  border: 1px solid var(--vp-border);
  background: hsl(var(--card));
  box-shadow: 0 1px 2px rgba(15,23,42,.04);
  transition: transform .15s ease, box-shadow .15s ease;
}

.vp-casino-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(13, 38, 76, 0.10);
}

/* Inner padding: keep content away from edges */
.vp-casino-card.p-5,
.vp-casino-card.p-6 {
  padding: 1.6rem !important;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .vp-casino-card.p-5,
  .vp-casino-card.p-6 {
    padding: 1.2rem !important;
  }
}

.vp-casino-card--offer{ padding: 1.25rem !important; }
@media (max-width: 640px){ .vp-casino-card--offer{ padding: 1.05rem !important; } }


.vp-casino-card .text-muted-foreground { color: var(--vp-muted) !important; }

/* Rank badge */
.vp-casino-rank{
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--vp-navy);
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
}

/* Meta lines: more breathing room */
.vp-casino-card .space-y-1 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.45rem !important;
}

/* Space between last meta line and pills */
.vp-casino-card .mt-2.text-sm.text-muted-foreground.space-y-1 {
  padding-bottom: 0.35rem !important;
}
.vp-casino-card .mt-3.flex.flex-wrap.gap-2 {
  margin-top: 0.9rem !important;
}

/* Pills */
.vp-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--vp-border);
  background: rgba(100,116,139,0.06);
  padding: 0.28rem 0.7rem;
  border-radius: 9999px;
  font-size: 0.70rem;
  color: var(--vp-muted);
}


/* Buttons */
.vp-btn-primary{
  background: var(--vp-navy);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 0.65rem 1.1rem;
  font-size: 0.95rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vp-btn-primary:hover { background: var(--vp-navy-hover); }

.vp-btn-secondary{
  background: #fff;
  color: var(--vp-text);
  border: 1px solid var(--vp-border);
  border-radius: 12px;
  padding: 0.55rem 1.05rem;
  font-size: 0.92rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.vp-btn-secondary:hover { background: var(--vp-soft); }

/* Offer-style casino card layout (image + offer banner + CTAs) */
.vp-casino-card--offer .vp-casino-card__grid{
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr) minmax(0, 190px);
  gap: 12px;
  align-items: start;
}

.vp-casino-card--offer .vp-casino-card__mid{ width: 100%; justify-self: stretch; }
.vp-casino-card--offer .vp-casino-offerbox{ width: 100%; max-width: none; }




/* Desktop containment + alignment fixes (v1.2.9) */
.vp-casino-card--offer .vp-casino-card__grid > *{ min-width: 0; }
.vp-casino-card--offer .vp-casino-card__right{
  align-self: start;
  justify-self: end;
  display: flex;
  flex-direction: column;
  gap: 12px;
}


.vp-casino-card--offer .vp-casino-card__left{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 14px;
}
.vp-casino-card--offer .vp-casino-card__left > *{ width: 100%; }
@media (max-width: 900px){
  .vp-casino-card--offer .vp-casino-card__grid{
    grid-template-columns: 200px 1fr;
    grid-template-areas:
      "left mid"
      "right right";
    gap: 16px;
  }
  .vp-casino-card--offer .vp-casino-card__left{ grid-area: left; gap: 12px; }
  .vp-casino-card--offer .vp-casino-card__mid{ grid-area: mid; }
  .vp-casino-card--offer .vp-casino-card__right{
    grid-area: right;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end;
    align-items: center;
  }
  .vp-casino-card--offer .vp-casino-card__right a{ width: auto !important; min-width: 180px; }
}
@media (max-width: 640px){
  .vp-casino-card--offer .vp-casino-card__grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "left"
      "mid"
      "right";
    gap: 16px;
  }
  .vp-casino-card--offer .vp-casino-card__right{ flex-direction: column; align-items: center; }
  .vp-casino-card--offer .vp-casino-card__right a{ width: 100% !important; max-width: 360px; margin-left: auto; margin-right: auto; }
}

.vp-casino-thumb{
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--vp-border);
  background: #0b1220;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Offer card: logo-style images should be contained (not cropped) */
.vp-casino-card--offer .vp-casino-thumb{
  background: #0b1220;
}
.vp-casino-card--offer .vp-casino-thumb img{
  object-fit: contain;
  padding: 8px;
}
.vp-casino-thumb--lg{
  width: 100%;
  aspect-ratio: 16 / 10;
  min-height: 132px;
}
@media (max-width: 900px){
  .vp-casino-thumb--lg{ min-height: 118px; }
}
@media (max-width: 640px){
  .vp-casino-thumb--lg{ aspect-ratio: 16 / 9; min-height: 110px; }
}

/* Offer card mock uses a squarer logo tile */
.vp-casino-card--offer .vp-casino-thumb--lg{
  aspect-ratio: 5 / 3;
  border-radius: 22px;
}
.vp-casino-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vp-casino-thumb__placeholder{
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.vp-casino-rating{
  margin-top: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 9999px;
  background: rgba(20, 184, 166, 0.10);
  color: var(--vp-text);
  font-weight: 700;
}
.vp-casino-rating__star{
  color: #fbbf24;
  font-size: 14px;
}
.vp-casino-rating__suffix{
  font-weight: 600;
  color: var(--vp-muted);
}

/* Unified offer box (matches mock: green head + pale foot in one container) */
.vp-casino-offerbox{
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(226,232,240,0.9);
  background: #fff;
}
.vp-casino-offerbox__head{
  background: rgba(20, 184, 166, 0.60);
  padding: 10px 18px;
  text-align: center;
}
.vp-casino-offerbox__foot{
  background: rgba(100,116,139,0.08);
  padding: 10px 14px;
}
.vp-casino-offerbox__foot{
  background: rgba(100,116,139,0.08);
  padding: 12px 14px;
}
.vp-casino-offer__label{
  font-size: 12px;
  font-weight: 800;
  color: rgba(15,23,42,.84);
  margin-bottom: 2px;
  letter-spacing: 0.01em;
}
.vp-casino-offer__value{
  font-size: 22px;
  line-height: 1.08;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0,0,0,.08);
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* allow 2 lines if needed */
  overflow: hidden;
}
@media (max-width: 900px){
  .vp-casino-offer__value{ font-size: 22px; }
}
@media (max-width: 640px){
  .vp-casino-offer__value{ font-size: 20px; }
}

.vp-casino-meta-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: center;
  text-align: center;
}
.vp-casino-meta{ padding: 10px 12px; }
.vp-casino-meta + .vp-casino-meta{
  border-left: 1px solid rgba(148,163,184,0.35);
}
.vp-casino-meta__label{
  font-weight: 800;
  color: var(--vp-text);
}
.vp-casino-meta__value{
  color: var(--vp-muted);
  font-weight: 700;
}

 .vp-casino-card__pills{
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.vp-casino-card__footer{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(226,232,240,0.75);
}

/* Footer pills should look like the mock: larger, softer */
.vp-casino-card--offer .vp-casino-card__footer .vp-pill{
  padding: 0.28rem 0.7rem;
  font-size: 0.70rem;
  color: var(--vp-muted);
}

@media (max-width: 640px){
  .vp-casino-card--offer .vp-casino-card__footer .vp-pill{
    padding: 0.30rem 0.72rem;
    font-size: 0.72rem;
  }
}



/* Offer card CTAs: big pill buttons like mock */
.vp-casino-card--offer .vp-casino-card__right{
  display: flex;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
}
.vp-casino-card--offer .vp-btn-primary{
  border-radius: 9999px;
  height: 56px;
  font-size: 1.18rem;
  font-weight: 800;
  background: linear-gradient(90deg, #f6c453, #f08a2a);
  color: #fff;
  box-shadow: 0 10px 20px rgba(240,138,42,0.22);
}
.vp-casino-card--offer .vp-btn-primary:hover{
  filter: brightness(0.98);
}
.vp-casino-card--offer .vp-btn-secondary{
  border-radius: 9999px;
  height: 56px;
  font-size: 1.18rem;
  font-weight: 800;
  border: 3px solid rgba(226,232,240,0.95);
  box-shadow: none;
}

@media (max-width: 640px){
  .vp-casino-card--offer .vp-btn-primary,
  .vp-casino-card--offer .vp-btn-secondary{ height: 52px; font-size: 1.08rem; }
}

@media (max-width: 640px){
  .vp-casino-meta-row{ grid-template-columns: 1fr; text-align: left; }
  .vp-casino-meta + .vp-casino-meta{ border-left: 0; border-top: 1px solid rgba(148,163,184,0.25); }
}

/* Mobile: ensure spacing between pills and CTAs */
@media (max-width: 767px) {
  .vp-casino-card .mt-3.flex.flex-wrap.gap-2 {
    margin-bottom: 0.9rem !important;
  }

  .vp-casino-card .flex.md\:flex-col.gap-3.md\:items-end {
    gap: 0.75rem !important;
  }

  .vp-casino-card .vp-btn-primary,
  .vp-casino-card .vp-btn-secondary {
    width: 100% !important;
  }
}

/* =========================================================
   7) FAQ spacing
   ========================================================= */

.faq-item { padding: 1rem 0; }

/* =========================================================
   8) Blog typography (native WP posts)
   Goal: make WP post list + single post content match the VP look
   ========================================================= */

/* Links inside post cards/content */
.vp-post-content a,
.vp-card a.vp-link {
  color: hsl(var(--verified-accent));
  text-decoration: none;
}
.vp-post-content a:hover,
.vp-card a.vp-link:hover {
  text-decoration: underline;
}

/* Basic vertical rhythm for Gutenberg output (tailwind reset removes defaults) */
.vp-post-content > * + * { margin-top: 1rem; }
.vp-post-content h2 { font-size: 1.5rem; line-height: 1.3; font-weight: 700; }
.vp-post-content h3 { font-size: 1.25rem; line-height: 1.35; font-weight: 700; }
.vp-post-content p { color: hsl(var(--foreground)); line-height: 1.75; }
.vp-post-content ul,
.vp-post-content ol { padding-left: 1.25rem; }
.vp-post-content ul { list-style: disc; }
.vp-post-content ol { list-style: decimal; }
.vp-post-content li + li { margin-top: .5rem; }
.vp-post-content blockquote {
  border-left: 3px solid hsl(var(--border));
  padding-left: 1rem;
  color: hsl(var(--muted-foreground));
}
/* =========================================================
   FIX: Sticky header partially hidden under WP admin bar
   - Use WP's dynamic admin-bar height variable when available
   - Force top offset with !important to win specificity battles
   - Ensure header sits above page content while still below admin bar
   ========================================================= */

/* Default: no offset */
:root { --vp-adminbar-offset: 0px; }

/* WP sets --wp-admin--admin-bar--height in modern versions */
body.admin-bar {
  --vp-adminbar-offset: var(--wp-admin--admin-bar--height, 32px);
}

/* Force sticky top to respect the admin bar */
.site-header,
header.sticky {
  top: var(--vp-adminbar-offset) !important;
  z-index: 10000; /* higher than most theme elements; admin bar still stays above */
}

/* Mobile admin bar is taller; keep a safe fallback */
@media (max-width: 782px) {
  body.admin-bar {
    --vp-adminbar-offset: var(--wp-admin--admin-bar--height, 46px);
  }
}

/* Defensive: some themes put header inside transformed containers which can
   create odd clipping/stacking. This helps keep it visible. */
.site-header,
header.sticky,
.site-header-inner {
  transform: translateZ(0);
}
/* =========================================================
   HEADER NAV – Lovable pill sizing + typography
   Goal: keep labels single-line on wide desktop, avoid "slim" pills
   ========================================================= */

/* Desktop nav pills */
.site-header-inner nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* Lovable-like sizing */
  padding: 10px 18px !important;
  min-height: 40px;
  border-radius: 9999px;

  /* Typography */
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;              /* important: restores vertical breathing room */
  white-space: nowrap;

  /* Visuals */
  box-shadow: 0 1px 2px hsl(215 25% 10% / .06);
}

/* Ensure the nav row doesn't compress items */
.site-header-inner nav {
  align-items: center;
}

/* Allow wrapping only when viewport is tighter (tune as needed) */
@media (max-width: 1180px) {
  .site-header-inner nav a {
    white-space: normal;
    text-align: center;
  }
}

/* Do NOT affect the "Verified Offers" control (it already has its own correct behavior) */
.site-header-inner .vp-verified-offers,
.site-header-inner [data-vp-dropdown="gift"] {
  min-height: 40px;
  padding: 10px 14px !important;
  white-space: nowrap;
}

/* =========================================================
   Casino card thumbnail (optional)
   ========================================================= */

.vp-casino-thumb {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  overflow: hidden;
  background: hsl(var(--muted));
  flex: 0 0 auto;
  box-shadow: 0 1px 2px hsl(215 25% 10% / .06);
}

.vp-casino-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* =========================================================
   Author box
   ========================================================= */

.vp-author-box .vp-card__inner {
  padding: 24px;
}

.vp-author-box__row {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.vp-author-box__avatar {
  width: 68px;
  height: 68px;
  border-radius: 999px;
  overflow: hidden;
  background: hsl(var(--muted));
  flex: 0 0 auto;
  box-shadow: 0 1px 2px hsl(215 25% 10% / .06);
}

.vp-author-box__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vp-author-box__avatar--placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, hsl(var(--muted)) 0%, hsl(var(--card)) 100%);
}

.vp-author-box__content {
  min-width: 0;
}

.vp-author-box__kicker {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: hsl(var(--muted-foreground));
  margin-bottom: 6px;
}

.vp-author-box__title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}

.vp-author-box__meta {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  color: hsl(var(--muted-foreground));
  font-size: 13px;
}

.vp-author-box__role {
  color: hsl(var(--foreground));
  font-weight: 650;
}

.vp-author-box__dot {
  opacity: .5;
}

.vp-author-box__bio {
  margin-top: 12px;
  max-width: 72ch;
}

.vp-author-box__cta {
  margin-top: 16px;
}

@media (max-width: 720px) {
  .vp-author-box__row { gap: 14px; }
  .vp-author-box__avatar { width: 56px; height: 56px; }
  .vp-author-box__title { font-size: 18px; }
}


/* Offer card: slimmer CTAs for a more compact, sleek look */
.vp-casino-card--offer .vp-btn-primary{ padding: 0.65rem 1.15rem; border-radius: 9999px; }
.vp-casino-card--offer .vp-btn-secondary{ padding: 0.6rem 1.1rem; border-radius: 9999px; }


/* v1.3.0 casino card corrections */
.vp-casino-card--offer .vp-casino-thumb img{object-fit:contain !important; padding:10px !important;}
@media (min-width: 901px){
  .vp-casino-card--offer .vp-casino-thumb--lg{aspect-ratio: 16 / 10;}
}
.vp-casino-card--offer .vp-casino-offerbox__head{padding: 8px 18px;}