/*
Theme Name: BonusFutebol
Theme URI: https://bonusfutebol.com.br
Author: BonusFutebol
Description: Tema de noticias de futebol - Copa do Mundo 2026 e Brasileirao
Version: 4.0.0
License: GNU General Public License v2 or later
Text Domain: bonusfutebol
*/

:root {
  --green:       #007A33;
  --green-mid:   #009940;
  --green-light: #E8F5EE;
  --green-bd:    #C8E6D4;
  --gold:        #C8860A;
  --gold-bg:     #FFF8E7;
  --gold-bd:     #F5D78A;
  --red:         #C0392B;
  --red-bg:      #FDECEA;
  --blue:        #1A56A4;
  --bg:          #FFFFFF;
  --bg2:         #F7F8FA;
  --bg3:         #F0F2F5;
  --card:        #FFFFFF;
  --border:      #E2E6EA;
  --border2:     #EDF0F3;
  --text:        #1A1D23;
  --text2:       #3D4450;
  --muted:       #7A8494;
  --heading:     #0D1117;
  --font-head:   'Oswald', Arial, sans-serif;
  --font-body:   'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:   'JetBrains Mono', monospace;
  --r:           8px;
  --max:         1280px;
  --sidebar:     310px;
}

/* RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--bg2); color: var(--text); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--green); text-decoration: none; }
a:hover { color: var(--green-mid); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-head); font-weight: 500; line-height: 1.2; color: var(--heading); letter-spacing: .01em; }

/* LAYOUT */
.bf-wrap { max-width: var(--max); margin: 0 auto; padding: 0 20px; }
.bf-layout { display: grid; grid-template-columns: 1fr var(--sidebar); gap: 32px; align-items: start; }
@media (max-width: 1024px) { .bf-layout { grid-template-columns: 1fr; } .bf-sidebar { display: none; } }

/* TOP BAR */
.bf-top { background: var(--green); padding: 5px 0; font-size: 12px; font-family: var(--font-body); }
.bf-top-inner { display: flex; justify-content: space-between; align-items: center; color: rgba(255,255,255,.8); gap: 16px; }
.bf-top a { color: rgba(255,255,255,.8); }
.bf-top a:hover { color: #fff; }

/* HEADER */
.bf-header { background: #fff; border-bottom: 2px solid var(--green); position: sticky; top: 0; z-index: 200; box-shadow: 0 2px 8px rgba(0,0,0,.07); }
.bf-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 12px 20px; }
.bf-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.bf-logo-mark { width: 38px; height: 38px; background: var(--green); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.bf-logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.bf-logo-name { font-family: var(--font-head); font-size: 22px; font-weight: 600; color: var(--heading); }
.bf-logo-name span { color: var(--green); }
.bf-logo-tag { font-size: 10px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; }

/* NAV */
.bf-nav { display: flex; align-items: center; gap: 2px; flex-wrap: wrap; }
.bf-nav a { color: var(--text2); font-size: 13px; font-weight: 500; padding: 6px 10px; border-radius: 4px; transition: all .18s; white-space: nowrap; font-family: var(--font-body); }
.bf-nav a:hover, .bf-nav a.current { background: var(--green-light); color: var(--green); }
.bf-nav a.nav-copa { background: var(--gold-bg); color: var(--gold); border: 1px solid var(--gold-bd); font-weight: 600; }
.bf-nav a.nav-copa:hover { background: #FEF0C7; color: #A56B06; }
.bf-nav-btn { display: none; background: none; border: 1px solid var(--border); color: var(--text); padding: 7px 10px; border-radius: 4px; cursor: pointer; font-size: 18px; line-height: 1; }
@media (max-width: 900px) {
  .bf-nav { display: none; }
  .bf-nav.open { display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 2px solid var(--green); padding: 12px; box-shadow: 0 8px 24px rgba(0,0,0,.1); z-index: 199; }
  .bf-nav-btn { display: flex; }
}

/* BREAKING TICKER */
.bf-breaking { background: var(--red-bg); border-bottom: 1px solid #F5C6C2; display: flex; align-items: center; overflow: hidden; }
.bf-break-label { background: var(--red); color: #fff; font-size: 10px; font-weight: 700; padding: 5px 12px; text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; flex-shrink: 0; }
.bf-break-scroll { white-space: nowrap; animation: ticker 50s linear infinite; font-size: 12px; color: var(--text2); padding: 5px 0; font-family: var(--font-body); }
.bf-break-scroll a { color: var(--red); font-weight: 500; }
@keyframes ticker { 0% { transform: translateX(100vw); } 100% { transform: translateX(-100%); } }

/* PAGE WRAPPER */
.bf-page { background: var(--bg); padding: 20px 0 48px; }

/* SECTION HEADER */
.bf-sec { margin-bottom: 40px; }
.bf-sec-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--border); }
.bf-sec-title { font-family: var(--font-head); font-size: 18px; font-weight: 500; color: var(--heading); display: flex; align-items: center; gap: 7px; }
.bf-view-all { font-size: 12px; color: var(--green); font-weight: 500; font-family: var(--font-body); }
.bf-view-all:hover { color: var(--green-mid); }

/* HERO */
.bf-hero { border-radius: 10px; overflow: hidden; margin-bottom: 32px; position: relative; box-shadow: 0 4px 16px rgba(0,0,0,.09); }
.bf-hero-track { display: flex; transition: transform .5s ease; }
.bf-hero-slide { min-width: 100%; position: relative; aspect-ratio: 16/7; background: var(--bg3); overflow: hidden; }
.bf-hero-slide img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.55); }
.bf-hero-slide-noimg { width: 100%; height: 100%; background: linear-gradient(135deg,#1a2e1a,#2d4a2d); display: flex; align-items: center; justify-content: center; font-size: 80px; }
.bf-hero-over { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.88) 0%, rgba(0,0,0,.3) 55%, transparent 100%); }
.bf-hero-cnt { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 32px 24px; }
.bf-hero-cat { display: inline-block; background: var(--green); color: #fff; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 10px; font-family: var(--font-body); }
.bf-hero-title { font-family: var(--font-head); font-size: clamp(22px, 3.5vw, 40px); font-weight: 500; color: #fff; line-height: 1.15; margin-bottom: 10px; max-width: 860px; text-shadow: 0 2px 8px rgba(0,0,0,.4); }
.bf-hero-title a { color: inherit; text-decoration: none; }
.bf-hero-title a:hover { color: rgba(255,255,255,.9); }
.bf-hero-meta { font-size: 13px; color: rgba(255,255,255,.7); display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-family: var(--font-body); }
.bf-hero-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.35); color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 15px; transition: all .2s; }
.bf-hero-btn:hover { background: var(--green); border-color: var(--green); }
.bf-hero-prev { left: 14px; }
.bf-hero-next { right: 14px; }
.bf-hero-dots { position: absolute; bottom: 16px; right: 22px; display: flex; gap: 5px; }
.bf-hero-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.4); cursor: pointer; border: none; padding: 0; transition: all .2s; }
.bf-hero-dot.on { background: #fff; transform: scale(1.3); }

/* GRIDS */
.grid-feat { display: grid; grid-template-columns: 1.55fr 1fr; gap: 12px; }
.grid-feat .bf-card:first-child { grid-row: span 2; }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
@media (max-width: 900px) { .grid-feat { grid-template-columns: 1fr; } .grid-feat .bf-card:first-child { grid-row: 1; } .grid-3 { grid-template-columns: repeat(2,1fr); } .grid-4 { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 560px) { .grid-3, .grid-4 { grid-template-columns: 1fr; } }

/* CARD */
.bf-card { background: var(--card); border: 1px solid var(--border2); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .22s, transform .22s; }
.bf-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1); transform: translateY(-2px); border-color: var(--border); }
.bf-card-thumb { position: relative; overflow: hidden; aspect-ratio: 16/9; background: var(--bg3); flex-shrink: 0; }
.bf-card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.bf-card:hover .bf-card-thumb img { transform: scale(1.04); }
.bf-card-thumb-lg { aspect-ratio: 3/2; }
.bf-card-noimg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; color: var(--border); }
.bf-cat { position: absolute; top: 8px; left: 8px; background: var(--green); color: #fff; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 20px; text-transform: uppercase; letter-spacing: .06em; font-family: var(--font-body); }
.bf-cat-copa { background: var(--gold); }
.bf-cat-live { background: var(--red); }
.bf-card-body { padding: 14px; flex: 1; display: flex; flex-direction: column; }
.bf-card-title { font-family: var(--font-head); font-size: 15px; font-weight: 500; color: var(--heading); line-height: 1.35; margin-bottom: 7px; flex: 1; }
.bf-card-title a { color: inherit; }
.bf-card-title-lg { font-size: 18px; }
.bf-card:hover .bf-card-title a { color: var(--green); }
.bf-card-exc { font-size: 13px; color: var(--muted); line-height: 1.55; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bf-card-meta { display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: var(--muted); border-top: 1px solid var(--border2); padding-top: 8px; margin-top: auto; font-family: var(--font-body); }
.bf-badge-ai { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; background: #EEF2FF; border: 1px solid #C7D2FE; color: #4F46E5; padding: 2px 6px; border-radius: 8px; font-weight: 600; font-family: var(--font-body); }

/* COPA SECTION */
.bf-copa { background: #FFFBF0; border: 1px solid var(--gold-bd); border-radius: 12px; padding: 24px; margin-bottom: 40px; }
.bf-copa-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 12px; }
.bf-copa-label { display: inline-block; background: var(--gold); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 6px; font-family: var(--font-body); }
.bf-copa-title { font-family: var(--font-head); font-size: 24px; font-weight: 500; color: var(--gold); }

/* STANDINGS */
.bf-std { background: var(--card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.bf-std-top { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: var(--bg2); border-bottom: 1px solid var(--border); }
.bf-std-name { font-size: 13px; font-weight: 600; color: var(--heading); font-family: var(--font-body); }
.bf-live { display: flex; align-items: center; gap: 5px; font-size: 11px; color: var(--muted); font-family: var(--font-body); }
.bf-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #22C55E; animation: blink 1.8s ease infinite; flex-shrink: 0; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:.25} }
.bf-std-tabs { display: flex; border-bottom: 1px solid var(--border); background: var(--bg); overflow-x: auto; }
.bf-std-tab { padding: 9px 14px; font-size: 12px; font-weight: 500; color: var(--muted); cursor: pointer; border-bottom: 2px solid transparent; white-space: nowrap; transition: all .18s; user-select: none; font-family: var(--font-body); }
.bf-std-tab.on { color: var(--green); border-bottom-color: var(--green); background: var(--green-light); }
.bf-std-body { overflow-x: auto; }
.bf-table { width: 100%; border-collapse: collapse; font-size: 12px; font-family: var(--font-body); }
.bf-table thead tr { background: var(--bg2); }
.bf-table th { padding: 7px 9px; text-align: center; font-size: 10px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; border-bottom: 1px solid var(--border); white-space: nowrap; }
.bf-table th:nth-child(2) { text-align: left; }
.bf-table td { padding: 8px 9px; text-align: center; border-bottom: 1px solid var(--border2); color: var(--text); font-family: var(--font-mono); font-size: 12px; }
.bf-table tbody tr:hover { background: var(--bg2); }
.bf-table tbody tr:last-child td { border-bottom: none; }
.bf-table tr.z-lib td:first-child { border-left: 3px solid var(--blue); }
.bf-table tr.z-sul td:first-child { border-left: 3px solid var(--green); }
.bf-table tr.z-rel td:first-child { border-left: 3px solid var(--red); }
.t-pos { font-weight: 700; color: var(--muted); }
.t-team { display: flex; align-items: center; gap: 7px; font-family: var(--font-body); font-weight: 500; color: var(--heading); text-align: left; }
.t-pts { font-weight: 700; color: var(--heading); font-family: var(--font-body); }
.t-form { display: flex; gap: 3px; justify-content: center; }
.t-form span { width: 14px; height: 14px; border-radius: 3px; font-size: 8px; font-weight: 700; display: flex; align-items: center; justify-content: center; color: #fff; }
.fw { background: #22C55E; }
.fd { background: #94A3B8; }
.fl { background: var(--red); }
.std-legend { display: flex; gap: 14px; padding: 9px 14px; background: var(--bg2); border-top: 1px solid var(--border2); font-size: 11px; color: var(--muted); flex-wrap: wrap; font-family: var(--font-body); }
.std-legend span { display: flex; align-items: center; gap: 4px; }
.lg-dot { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }

/* SIDEBAR */
.bf-sidebar > * + * { margin-top: 16px; }
.bf-widget { background: var(--card); border: 1px solid var(--border); border-radius: var(--r); overflow: hidden; }
.bf-whead { padding: 10px 14px; background: var(--bg2); border-bottom: 1px solid var(--border); font-size: 13px; font-weight: 600; color: var(--heading); display: flex; align-items: center; gap: 6px; font-family: var(--font-body); }
.bf-wbody { padding: 12px 14px; }
.bf-slist { list-style: none; }
.bf-slist li { display: flex; gap: 9px; padding: 8px 0; border-bottom: 1px solid var(--border2); }
.bf-slist li:last-child { border-bottom: none; }
.bf-slist-img { width: 60px; height: 44px; object-fit: cover; border-radius: 4px; flex-shrink: 0; background: var(--bg3); }
.bf-slist-noimg { width: 60px; height: 44px; background: var(--bg3); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.bf-slist-title { font-size: 12px; font-weight: 500; color: var(--heading); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 3px; font-family: var(--font-body); }
.bf-slist-title:hover { color: var(--green); }
.bf-slist-time { font-size: 10px; color: var(--muted); font-family: var(--font-body); }
.bf-scores { list-style: none; }
.bf-scores li { padding: 8px 0; border-bottom: 1px solid var(--border2); }
.bf-scores li:last-child { border-bottom: none; }
.bf-score-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 5px; align-items: center; font-size: 12px; font-family: var(--font-body); }
.sc-home { text-align: right; font-weight: 500; color: var(--heading); }
.sc-away { text-align: left; font-weight: 500; color: var(--heading); }
.sc-num { background: var(--bg3); border: 1px solid var(--border); padding: 3px 7px; border-radius: 4px; font-family: var(--font-mono); font-weight: 700; font-size: 13px; text-align: center; min-width: 46px; color: var(--heading); }
.sc-num.live { background: var(--red-bg); border-color: #FAD2CE; color: var(--red); }
.sc-meta { text-align: center; font-size: 10px; color: var(--muted); margin-top: 3px; font-family: var(--font-body); }

/* AI PANEL */
.bf-ai-panel { background: linear-gradient(135deg,#F8F7FF,#F0F4FF); border: 1px solid #DDD6FE; border-radius: 12px; padding: 24px; margin-bottom: 40px; }
.bf-ai-top { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 16px; }
.bf-ai-icon { width: 42px; height: 42px; background: linear-gradient(135deg,#7C3AED,#4F46E5); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; }
.bf-ai-ttl { font-family: var(--font-head); font-size: 17px; font-weight: 500; color: #4338CA; }
.bf-ai-desc { font-size: 13px; color: #6D6999; margin-top: 3px; font-family: var(--font-body); }
.bf-ai-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; }
@media (max-width: 700px) { .bf-ai-form { grid-template-columns: 1fr; } }
.bf-fgroup { display: flex; flex-direction: column; gap: 4px; }
.bf-fgroup label { font-size: 11px; font-weight: 600; color: #4338CA; text-transform: uppercase; letter-spacing: .07em; font-family: var(--font-body); }
.bf-fgroup input, .bf-fgroup select { background: #fff; border: 1px solid #DDD6FE; color: var(--text); padding: 9px 11px; border-radius: 4px; font-size: 14px; font-family: var(--font-body); width: 100%; }
.bf-fgroup input:focus, .bf-fgroup select:focus { outline: none; border-color: #7C3AED; box-shadow: 0 0 0 3px rgba(124,58,237,.1); }
.bf-btn { display: inline-flex; align-items: center; gap: 6px; padding: 9px 18px; border: none; border-radius: 4px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all .18s; white-space: nowrap; font-family: var(--font-body); text-decoration: none; }
.bf-btn-green { background: var(--green); color: #fff; }
.bf-btn-green:hover { background: var(--green-mid); color: #fff; transform: translateY(-1px); }
.bf-btn-ai { background: linear-gradient(135deg,#7C3AED,#4F46E5); color: #fff; }
.bf-btn-ai:hover { transform: translateY(-1px); color: #fff; }
.bf-btn-ai:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.bf-btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--text2); }
.bf-btn-ghost:hover { background: var(--bg2); color: var(--heading); }
.bf-spin-wrap { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); margin-top: 14px; }
.bf-spin { width: 16px; height: 16px; border: 2px solid var(--border); border-top-color: var(--green); border-radius: 50%; animation: spin .65s linear infinite; flex-shrink: 0; }
@keyframes spin { to { transform: rotate(360deg); } }
.bf-ai-result { margin-top: 16px; background: #fff; border: 1px solid #DDD6FE; border-radius: 8px; padding: 18px; display: none; }
.bf-ai-result.show { display: block; }
.bf-ai-result-title { font-family: var(--font-head); font-size: 18px; font-weight: 500; color: var(--heading); margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border2); }
.bf-ai-result-body { font-size: 14px; color: var(--text2); line-height: 1.75; white-space: pre-wrap; max-height: 340px; overflow-y: auto; }
.bf-ai-result-acts { display: flex; gap: 9px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border2); flex-wrap: wrap; }

/* SINGLE POST */
.bf-single { padding: 24px 0 48px; }
.bf-bcrum { font-size: 12px; color: var(--muted); margin-bottom: 14px; font-family: var(--font-body); }
.bf-bcrum a { color: inherit; }
.bf-post-cats { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.bf-post-cat { background: var(--green-light); border: 1px solid var(--green-bd); color: var(--green); font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .06em; font-family: var(--font-body); }
.bf-post-title { font-family: var(--font-head); font-size: clamp(24px,4vw,42px); font-weight: 500; color: var(--heading); line-height: 1.12; margin-bottom: 14px; }
.bf-post-meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--muted); padding-bottom: 20px; border-bottom: 1px solid var(--border2); margin-bottom: 28px; font-family: var(--font-body); }
.bf-post-meta strong { color: var(--text2); }
.bf-post-thumb { border-radius: 8px; overflow: hidden; margin-bottom: 28px; aspect-ratio: 16/7; }
.bf-post-thumb img { width: 100%; height: 100%; object-fit: cover; }
.bf-entry { font-size: 16px; line-height: 1.8; color: var(--text); }
.bf-entry h2, .bf-entry h3 { font-family: var(--font-head); font-weight: 500; color: var(--heading); margin: 28px 0 12px; }
.bf-entry h2 { font-size: 22px; }
.bf-entry h3 { font-size: 18px; }
.bf-entry p { margin-bottom: 16px; }
.bf-entry a { color: var(--green); border-bottom: 1px dashed var(--green-bd); }
.bf-entry blockquote { border-left: 3px solid var(--green); padding: 14px 18px; background: var(--green-light); border-radius: 0 4px 4px 0; font-style: italic; color: var(--text2); margin: 20px 0; }
.bf-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 14px; background: var(--bg2); border-radius: 8px; border: 1px solid var(--border); margin: 24px 0; }
.bf-share-label { font-size: 11px; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; margin-right: 4px; font-family: var(--font-body); }
.bf-share a { display: inline-flex; align-items: center; gap: 4px; padding: 6px 11px; border-radius: 4px; font-size: 12px; font-weight: 600; color: #fff; transition: opacity .18s; font-family: var(--font-body); }
.bf-share a:hover { opacity: .85; }
.bf-share-wa { background: #25D366; }
.bf-share-tw { background: #000; }
.bf-share-fb { background: #1877F2; }

/* PAGINATION */
.bf-pages { display: flex; justify-content: center; gap: 4px; margin-top: 28px; flex-wrap: wrap; }
.bf-pages .page-numbers { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 13px; font-weight: 500; border: 1px solid var(--border); background: var(--card); color: var(--muted); transition: all .18s; font-family: var(--font-body); }
.bf-pages .page-numbers:hover, .bf-pages .page-numbers.current { background: var(--green); border-color: var(--green); color: #fff; }

/* FOOTER */
.bf-footer { background: var(--heading); color: rgba(255,255,255,.5); margin-top: 48px; }
.bf-footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; padding: 48px 0; }
@media (max-width: 768px) { .bf-footer-top { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .bf-footer-top { grid-template-columns: 1fr; } }
.bf-footer-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; color: #fff; margin-bottom: 14px; font-family: var(--font-body); }
.bf-footer-desc { font-size: 13px; line-height: 1.65; color: rgba(255,255,255,.45); font-family: var(--font-body); }
.bf-footer-links { list-style: none; }
.bf-footer-links li { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.bf-footer-links li:last-child { border-bottom: none; }
.bf-footer-links a { font-size: 13px; color: rgba(255,255,255,.5); transition: color .18s; font-family: var(--font-body); }
.bf-footer-links a:hover { color: #fff; }
.bf-footer-bot { border-top: 1px solid rgba(255,255,255,.08); padding: 14px 0; display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: rgba(255,255,255,.3); flex-wrap: wrap; gap: 8px; font-family: var(--font-body); }
.bf-footer-bot a { color: rgba(255,255,255,.45); }
.bf-footer-bot a:hover { color: #fff; }

/* ADMIN BAR */
.admin-bar .bf-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .bf-header { top: 46px; } }