/*
Theme Name: Terrace Bets
Description: Custom theme for Terrace Bets — The Football Terrace's dark-cherry-and-smoke influencer affiliate template. Built from the approved 04-cherry-dark-smoke static design; no page builder. Operator lists come from the RGBC adtech plugin.
Version: 0.1.0
Author: GDC
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: tftbets
*/

/*
 * The design's own stylesheets (css/base.css, hover.css, components.css and one
 * per page) do the visual work — see functions.php. This file carries only what
 * WordPress itself introduces: editor output, alignment classes and
 * screen-reader text.
 */

/* Screen-reader-only text, used on form labels. */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------------------------------------------------------------------------
   Long-form content from the WordPress editor.
   Legal, responsible-gambling and About copy comes through the_content(), so it
   arrives as plain WordPress markup with no inline styles. These rules give it
   the design's typography without the editor needing to know anything.

   Colours and type here match the design's own long-form sections (see
   css/components.css: .legal-heading, .legal-text, .legal-intro) rather than
   the reference theme's dark-panel palette — this design's content sections
   sit on the light #E8E6E3 body background with #262220 text, not white text
   on dark, so .tft-prose follows suit.
   ------------------------------------------------------------------------ */

.tft-prose > *:first-child { margin-top: 0; }
.tft-prose > *:last-child  { margin-bottom: 0; }

.tft-prose h2 {
  font-family: 'Black Ops One', sans-serif;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -0.015em;
  text-transform: uppercase;
  color: #262220;
  margin: 48px 0 16px;
}

.tft-prose h3 {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.25;
  color: #262220;
  margin: 34px 0 12px;
}

.tft-prose h4 {
  font-family: Inter, sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: rgba(38, 34, 32, 0.85);
  margin: 26px 0 10px;
}

.tft-prose p     { margin: 0 0 18px; color: rgba(38, 34, 32, 0.68); line-height: 1.75; }
.tft-prose ul,
.tft-prose ol    { margin: 0 0 18px; padding-left: 22px; color: rgba(38, 34, 32, 0.68); line-height: 1.75; }
.tft-prose li    { margin-bottom: 9px; }
.tft-prose a     { color: #A53232; text-decoration: underline; }
.tft-prose strong { color: #262220; font-weight: 600; }

.tft-prose blockquote {
  margin: 26px 0;
  padding: 18px 22px;
  border-left: 3px solid #A53232;
  background: rgba(38, 34, 32, 0.04);
  border-radius: 0 6px 6px 0;
}

.tft-prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 22px;
  font-size: 15px;
}
.tft-prose th,
.tft-prose td {
  text-align: left;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(38, 34, 32, 0.12);
}
.tft-prose th { color: #262220; font-weight: 600; }

.tft-prose img { max-width: 100%; height: auto; border-radius: 6px; }
.tft-prose hr  { border: 0; border-top: 1px solid rgba(38, 34, 32, 0.12); margin: 36px 0; }

/* WordPress alignment classes inside editor content. */
.tft-prose .alignleft  { float: left;  margin: 0 22px 18px 0; }
.tft-prose .alignright { float: right; margin: 0 0 18px 22px; }
.tft-prose .aligncenter { display: block; margin: 0 auto 18px; }
.tft-prose .alignwide,
.tft-prose .alignfull  { max-width: 100%; }

@media (max-width: 768px) {
  .tft-prose h2 { font-size: 25px; }
  .tft-prose .alignleft,
  .tft-prose .alignright { float: none; margin: 0 0 18px; }
}