/* ==================================================================
   towercasino.bet site override
   Loaded last, after base.css, style.css and theme4.css.

   Purpose: give this site a visibly different shell and typography
   from towercasino.to, towercasino.live and towercasino.app while
   reusing the same tested section renderers.

   1. Navigation column moves to the right-hand side.
   2. Headings use a humanist serif instead of condensed Oswald,
      set in sentence case rather than uppercase.
   3. Section illustrations sit in a soft parchment frame.
   ================================================================== */

:root {
  --font-display: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ---- 1. Right-hand navigation column ---------------------------- */
@media (min-width: 1025px) {
  .wi-shell {
    grid-template-columns: 1fr 288px;
    grid-template-areas: "main sidebar";
  }
  .wi-sidebar {
    border-right: 0;
    border-left: 1px solid var(--color-border, #26483a);
  }
  /* .wi-main is capped at 900px for a comfortable reading measure. With the
     navigation on the right, that cap would leave a dead band between the
     text column and the sidebar, so centre the column in its track. */
  .wi-main {
    min-width: 0;
    margin-inline: auto;
  }
}

/* ---- 2. Serif headings, sentence case --------------------------
   These selectors are deliberately specific: the shared stylesheets set
   uppercase on .content-section h2, .hero h1 and .page-hero h1, so a bare
   element selector would lose on specificity.                          */
h1, h2, h3, h4,
.hero h1,
.page-hero h1,
.wi-hero__title,
.wi-page-header h1,
.content-section h2,
.content-section h3,
.wi-seo__heading,
.wi-games-tabs__title,
.wi-deal-card__title,
.wi-offer-feed__title,
.wi-payments__title,
.wi-faq__title,
.wi-faq-item__question,
.wi-cta-banner__title,
.wi-banking__title,
.section-title,
.seo-content h2,
.seo-content h3,
.faq-accordion__question {
  font-family: var(--font-display);
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 600;
}

h1, .wi-page-header h1 { line-height: 1.14; }
h2 { line-height: 1.2; }

.seo-content h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border, #26483a);
}

/* Eyebrow labels stay small and spaced, but in the body face */
.wi-page-header__eyebrow,
.wi-hero__eyebrow,
.wi-footer__col-label,
.wi-sidebar__nav-label {
  font-family: var(--font-body);
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

/* ---- 3. Parchment frame for the supplied illustrations --------- */
.section-illus--transparent {
  background:
    radial-gradient(120% 90% at 50% 12%, rgba(240, 217, 168, 0.10) 0%, rgba(240, 217, 168, 0) 68%);
  border-radius: 18px;
  filter: drop-shadow(0 14px 26px rgba(7, 16, 9, 0.55));
}

/* ---- 4. Hero recolour -----------------------------------------
   theme4.css hardcodes a navy gradient and gold eyebrow on the hero,
   which fights the forest palette. Restate both in green/parchment. */
.wi-hero::before {
  background: linear-gradient(
    90deg,
    rgba(7, 16, 9, 0.92) 0%,
    rgba(13, 26, 20, 0.62) 52%,
    rgba(13, 26, 20, 0.14) 100%
  );
}

.wi-hero__eyebrow {
  color: var(--color-accent, #f0d9a8);
  border-color: rgba(240, 217, 168, 0.42);
  background: rgba(240, 217, 168, 0.07);
}

/* ---- 5. Sticky bottom bar --------------------------------------
   style.css hardcodes a navy panel and uppercase display face here. */
.sticky-cta {
  background: rgba(7, 16, 9, 0.95);
  border-top: 1px solid var(--color-border-2, #356450);
}

.sticky-cta__bonus {
  text-transform: none;
  letter-spacing: -0.01em;
}

/* ---- 6. Accent details ---------------------------------------- */
.wi-sidebar__cta a {
  color: var(--color-cta-text, #08150f);
}

.wi-pay {
  border-radius: 8px;
}

blockquote,
.wi-infobox {
  border-left: 3px solid var(--color-accent, #f0d9a8);
}