/*
Theme Name: WAF Aggregator
Theme URI: https://example.com/waf-theme
Author: Your Name
Author URI: https://example.com
Description: A sharp, high-contrast custom theme for the "WAF" football news aggregator. Built with Tailwind CSS utilities, Oswald/Inter typography, and an aggressive angled aesthetic for fast-paced sports content pulled in from RSS aggregator plugins.
Version: 2.1.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: waf-theme
*/

/*
 * This file intentionally stays minimal — almost all visual styling is
 * handled by Tailwind utility classes in the template files. The few
 * custom rules below (clip-path angles, WP-generated menu markup) live
 * inline in header.php so they load in the same request as their markup.
 *
 * WordPress requires this file's header comment above to register the
 * theme; do not remove it.
 */


/* v1.6.0 traffic homepage */
.waf-premier-now, .waf-news-river, .waf-club-hubs { contain: layout paint; }
.waf-card-compact:last-child { border-bottom: 0; }
@media (max-width: 640px) {
  .waf-card-compact h3 { font-size: 0.92rem; }
}

/* v1.6.1 feed/season repair */


/* v1.7.0 supporter-first club news */
.waf-club-mode.hidden, .waf-premier-now.hidden { display:none !important; }


/* v1.8.0 club hub SEO engine */
.waf-club-news-row:last-child { border-bottom: 0; }
.waf-club-pagination a[aria-current="page"] { background:#0F2041; color:#fff; }

/* v1.8.2 conservative story-to-club relevance repair */

/* v1.8.5 Google News geographic club precision repair */

/* v1.9.0 permanent match pages */
.waf-match-link { text-decoration:none; }

/* v2.0.0 traffic sprint: readable club URLs + transfer intent links */
.waf-traffic-cta{ text-decoration:none; }


/* v2.1.0 usability/freshness pass */

/* v2.1.1 sidebar containment repair
 * The old desktop layout used 70% + 30% widths PLUS a 2rem flex gap,
 * making the row wider than its parent and pushing the sidebar outside
 * the white content panel. Use grid fractions so the gap is included in
 * the available width. minmax(0, ...) also lets long headlines wrap.
 */
.waf-content-with-sidebar {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.waf-main-column,
.waf-sidebar-column,
.waf-sidebar-sticky {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.waf-sidebar-sticky > section,
.waf-sidebar-sticky > .widget {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
.waf-transfer-centre a,
.waf-trending-now a {
  overflow-wrap: anywhere;
}

@media (min-width: 1024px) {
  .waf-content-with-sidebar {
    display: grid;
    grid-template-columns: minmax(0, 7fr) minmax(280px, 3fr);
    gap: 2rem;
    align-items: start;
  }

  /* v2.1.2 sticky repair
   * Keep the grid item itself sticky. In v2.1.1 the inner wrapper was
   * sticky while its <aside> parent was only as tall as the sidebar;
   * that gave the sticky element no vertical containing space to travel.
   */
  .waf-sidebar-column {
    position: sticky;
    top: 5rem;
    align-self: start;
    height: fit-content;
  }
  .waf-sidebar-sticky {
    position: static;
  }
}