/*
Theme Name: Callum Fowler Bets
Description: Custom theme for Fowler Bets — Callum Fowler's red/white EFL affiliate site. Built from the approved static design (influencer-websites-templates/03-red-white); no page builder, no ACF.
Version: 0.1.0
Author: GDC
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: callumfowlerbets
*/

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

/* Screen-reader-only text — WordPress core's own convention (search forms,
   skip links in default themes). Kept alongside the design's own .sr-only
   (extracted.css) rather than replacing it, since that class name is already
   used on the newsletter form label. */
.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, for a plain page that has
   body copy but no design partial of its own (page.php's generic branch).
   None of the site's eight real pages currently fall through to this — the
   legal pages use .legal-* (extracted.css) via parts/legal-content.php
   instead — but it exists so a future plain page still reads as part of the
   site rather than unstyled HTML.
   ------------------------------------------------------------------------ */

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

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

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

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

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

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

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

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

.cfb-prose .alignleft   { float: left;  margin: 0 22px 18px 0; }
.cfb-prose .alignright  { float: right; margin: 0 0 18px 22px; }
.cfb-prose .aligncenter { display: block; margin: 0 auto 18px; }
.cfb-prose .alignwide,
.cfb-prose .alignfull   { max-width: 100%; }

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