/*
Theme Name: Sober AF (Hybrid)
Theme URI: https://staging.soberafe.com
Author: Sober AF and Fun Entertainment
Author URI: https://soberafe.com
Description: Hello Biz child theme that ships the Sober AF design system (Brand Guide Aug 2025 -- Linen / Brick Red / Charcoal / Denim palette, Neue Montreal type stack, button + card primitives) for use inside Elementor + JetEngine + JetThemeCore. All public-facing page layouts live in Elementor templates -- no PHP page templates here. Admin SPA tabs and business logic stay in the 43 sober-af-* mu-plugins.
Template: hello-biz
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: soberafe-child
*/

/*
 * SAF tokens live at sites/soberafe/theme/sober-af/assets/css/tokens.css
 * and are enqueued by functions.php below. Do NOT duplicate tokens here.
 * Source-of-truth: design-system/sober-af/tokens.json (npm run tokens:build).
 *
 * Elementor templates reference these tokens via --saf-* CSS variables.
 * NEVER hardcode hex values in templates -- the brand guide owns the palette.
 */

/* ----------------------------------------------------------------------
 * Pagination (.saf-pagination) -- shared brand component rendered by the
 * [saf_posts_pagination] shortcode (sober-af-jtc-bridge.php) on the
 * search-results template and any archive that opts in. Server-side
 * paginate_links( type=list ) markup. Brick links, brick-filled current.
 * Bump SAF_CHILD_VERSION on every edit here (LiteSpeed cache discipline).
 * -------------------------------------------------------------------- */
.saf-pagination {
  margin-top: 40px;
}
.saf-pagination .page-numbers {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.saf-pagination .page-numbers li {
  margin: 0;
}
.saf-pagination a.page-numbers,
.saf-pagination span.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(190, 39, 39, 0.25);
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  color: #be2727; /* brick */
  background: #ffffff;
  transition:
    background-color 0.15s ease,
    color 0.15s ease;
}
.saf-pagination a.page-numbers:hover,
.saf-pagination a.page-numbers:focus-visible {
  background: rgba(190, 39, 39, 0.08);
}
.saf-pagination span.page-numbers.current {
  color: #f5f1e7; /* linen */
  background: #be2727; /* brick */
  border-color: #be2727;
}
.saf-pagination span.page-numbers.dots {
  border-color: transparent;
  background: transparent;
  color: #5a554e; /* muted ink */
}