/*
Theme Name: Primebet Blog FSE
Theme URI: https://example.invalid
Author: PitchSide ZW
Description: Bloc-theme WordPress natif reproduisant le design PitchSide ZW / Primebet Blog. 100% editable via l'editeur de site (Apparence > Editeur).
Version: 0.3.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: primebet-blog-fse
*/

@keyframes pb-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

.pb-topbar { background: #161311; color: rgba(250,246,238,0.9); }
.pb-topbar-row { max-width: 1200px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; gap: 40px; padding: 16px 24px; flex-wrap: wrap; }
.pb-topbar-row > * { margin: 0; }
.pb-topbar-date { font-family: 'Archivo', sans-serif; font-weight: 500; font-size: 12px; letter-spacing: 0.08em; color: rgba(250,246,238,0.6); }
.pb-topbar-rg { font-family: 'Archivo', sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.08em; color: #d4a72c; margin-left: auto; }

.pb-masthead { background: #0f6b3c; border-bottom: 5px solid #d4a72c; }
.pb-masthead-row { max-width: 1200px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 24px; }
.pb-masthead-row .wp-block-site-title { margin: 0; flex-shrink: 0; }
.pb-masthead-row .wp-block-site-title a { color: #fff; font-family: 'Archivo', sans-serif; font-weight: 900; font-size: 22px; text-decoration: none; }
.pb-masthead-row .wp-block-navigation { flex-grow: 0; margin-right: auto; }
.pb-masthead-row .wp-block-navigation a { color: rgba(255,255,255,0.88) !important; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 12px; text-decoration: none !important; }
.pb-masthead-row .wp-block-navigation a:hover { color: #d4a72c !important; }
.pb-masthead-row .wp-block-search { flex-shrink: 0; width: 150px; margin: 0; }
.pb-masthead-row .wp-block-search__inside-wrapper { width: 100%; height: 36px; display: flex; align-items: center; background: #fff; border-radius: 4px; border: 1px solid rgba(0,0,0,0.15); overflow: hidden; }
.pb-masthead-row .wp-block-search__input { flex: 1; min-width: 0; height: 100%; border: none; background: transparent; box-shadow: none; padding: 0 10px 0 4px; font-size: 12px; color: #161311; }
.pb-masthead-row .wp-block-search__button { order: -1; flex-shrink: 0; height: 100%; width: 28px; padding: 0; margin: 0; border: none; background: transparent; color: #8a8078; display: flex; align-items: center; justify-content: center; }
.pb-masthead-row .wp-block-search__button svg { width: 14px; height: 14px; fill: #8a8078; }

.pb-lang-btn, .pb-theme-btn { height: 36px; box-sizing: border-box; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.3); color: #fff; border-radius: 4px; padding: 0 10px; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 12px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; }
.pb-theme-btn { width: 36px; justify-content: center; padding: 0; }
.pb-header-cta { margin: 0 !important; }
.pb-header-cta a { height: 36px; box-sizing: border-box; display: inline-flex; align-items: center; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 0.02em; padding: 0 14px; border-radius: 4px; text-decoration: none; }

.pb-ticker-wrap { background: #faf6ee; border-bottom: 1px solid #e6dfd2; overflow: hidden; }
.pb-ticker-row { max-width: 1200px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; gap: 14px; padding: 9px 24px; }
.pb-ticker-badge { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 11px; letter-spacing: 0.08em; background: #c1272d; color: #fff; padding: 4px 10px; border-radius: 2px; flex-shrink: 0; margin: 0; }
.pb-ticker-track { overflow: hidden; flex: 1; min-width: 0; }
.pb-ticker-track-inner { display: inline-flex; gap: 48px; white-space: nowrap; animation: pb-ticker 22s linear infinite; }
.pb-ticker-track-inner a { color: inherit; text-decoration: none; font-size: 13px; font-weight: 600; }

body.pb-dark { background: #161311 !important; color: #f5f1e8 !important; }
body.pb-dark .pb-card { background: #221c17 !important; border-color: #3a312a !important; color: #f5f1e8 !important; }
body.pb-dark .pb-ticker-wrap { background: #1c1712 !important; border-color: #3a312a !important; }

.pb-hero-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; margin-bottom: 40px; }
.pb-hero-media { position: relative; border-radius: 4px; overflow: hidden; box-shadow: 0 12px 28px -8px rgba(22,19,17,0.25); }
.pb-hero-cta { position: absolute; top: 16px; right: 16px; margin: 0; }
.pb-hero-cta a { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.03em; padding: 0 18px; border-radius: 4px; text-decoration: none; box-shadow: 0 6px 16px -4px rgba(0,0,0,0.4); }
.pb-hero-copy { display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.pb-hero-copy .wp-block-post-terms { display: inline-block; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; padding: 5px 12px; border-radius: 2px; width: fit-content; }
.pb-hero-copy .wp-block-post-terms a { color: #161311; text-decoration: none; }
.pb-hero-copy h1 { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 2.75rem; line-height: 1.05; margin: 0; letter-spacing: -0.01em; }
.pb-hero-copy .wp-block-post-excerpt { font-size: 18px; line-height: 1.5; color: #4a4340; margin: 0; }
.pb-hero-meta { display: flex; gap: 6px; font-size: 13px; color: #8a8078; font-weight: 600; }
.pb-hero-fixture-btn { margin: 0; }
.pb-hero-fixture-btn a { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 8px; background: #0f6b3c; color: #fff; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.02em; padding: 0 20px; border-radius: 4px; text-decoration: none; width: fit-content; box-shadow: 0 8px 18px -6px rgba(15,107,60,0.5); }

.pb-main-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 32px; }
.pb-section-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 1.5rem; margin: 0 0 18px; border-bottom: 3px solid #161311; padding-bottom: 8px; }
body.pb-dark .pb-section-title { border-bottom-color: #f5f1e8; }
.pb-articles-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.pb-articles-grid .wp-block-post-template { display: contents !important; list-style: none; margin: 0; padding: 0; }
.pb-articles-grid .wp-block-post-template > li { display: contents; }
.pb-articles-grid .wp-block-post { display: flex; flex-direction: column; gap: 12px; }
.pb-article-card { display: flex; flex-direction: column; gap: 12px; }
.pb-article-card .wp-block-post-featured-image { border-radius: 4px; overflow: hidden; box-shadow: 0 6px 16px -4px rgba(22,19,17,0.15); margin: 0; }
.pb-article-card .wp-block-post-terms { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; }
.pb-article-card .wp-block-post-terms a { color: #0f6b3c; text-decoration: none; }
.pb-article-card .wp-block-post-title { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.25; margin: 0; }
.pb-article-card .wp-block-post-excerpt { font-size: 14px; margin: 0; color: #4a4340; }
body.pb-dark .pb-article-card .wp-block-post-excerpt { color: #c9c0b4; }
.pb-article-card .wp-block-post-date { font-size: 12px; color: #8a8078; font-weight: 600; }

.pb-callout-green { background: #0f6b3c; color: #fff; border-radius: 6px; padding: 22px; margin-bottom: 20px; box-shadow: 0 10px 24px -6px rgba(15,107,60,0.4); }
.pb-callout-green a { color: inherit; }
.pb-callout-label { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.1em; color: #d4a72c; margin: 0 0 10px; }
.pb-callout-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 19px; margin: 0 0 6px; }
.pb-callout-sub { font-size: 13px; color: rgba(255,255,255,0.8); margin: 0 0 18px; }
.pb-callout-btn { margin: 0; }
.pb-callout-btn a { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; background: #d4a72c; color: #161311; border-radius: 4px; padding: 0 20px; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.03em; text-decoration: none; }

.pb-card { background: #fff; border: 1px solid #e6dfd2; border-radius: 6px; padding: 22px; margin-bottom: 20px; }
.pb-card-title { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.1em; margin: 0 0 16px; border-bottom: 2px solid #d4a72c; padding-bottom: 10px; }
body.pb-dark .pb-card-title { color: #f5f1e8; }
.pb-trending-row { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; }
.pb-trending-row .wp-block-post-featured-image { border-radius: 3px; overflow: hidden; flex-shrink: 0; margin: 0; }
.pb-trending-row .wp-block-post-title { font-size: 14px; font-weight: 600; line-height: 1.35; margin: 0; }

.pb-brand-box { background: linear-gradient(135deg,#161311,#31261f); border-radius: 6px; padding: 24px; color: #fff; }
.pb-brand-box .pb-brand-title { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: 16px; margin: 0 0 8px; }
.pb-brand-box .pb-brand-copy { font-size: 12px; line-height: 1.6; color: rgba(250,246,238,0.65); margin: 0; }

.pb-single-terms { display: inline-block; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; padding: 5px 12px; border-radius: 2px; }
.pb-single-terms a { color: #161311; text-decoration: none; }
.pb-single-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 2.5rem; line-height: 1.1; margin: 14px 0 16px; letter-spacing: -0.01em; }
.pb-single-meta { display: flex; gap: 6px; font-size: 13px; color: #8a8078; font-weight: 600; margin-bottom: 26px; }
.pb-single-media { border-radius: 4px; overflow: hidden; margin-bottom: 34px; box-shadow: 0 12px 28px -8px rgba(22,19,17,0.25); }
.pb-single-content { font-size: 18px; line-height: 1.6; }
.pb-single-content p { margin: 0 0 20px; }

.pb-angle-box { background: #f1ead9; border-left: 4px solid #d4a72c; border-radius: 4px; padding: 20px 24px; margin: 32px 0; }
body.pb-dark .pb-angle-box { background: #2a2118; color: #f0ebe0; }
.pb-angle-label { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.1em; color: #0f6b3c; margin: 0 0 8px; }
.pb-angle-text { margin: 0 0 16px; font-size: 15px; line-height: 1.5; }
.pb-angle-btn { margin: 0; }
.pb-angle-btn a { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; background: #0f6b3c; color: #fff; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.03em; padding: 0 20px; border-radius: 4px; text-decoration: none; }

.pb-cta-band { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: linear-gradient(135deg,#0f6b3c,#0a4f2c); border-radius: 8px; padding: 22px 26px; margin: 0 0 32px; text-decoration: none; box-shadow: 0 10px 24px -6px rgba(15,107,60,0.4); color: #fff; }
.pb-cta-band-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 17px; margin: 0 0 4px; }
.pb-cta-band-sub { font-size: 13px; color: rgba(255,255,255,0.8); margin: 0; }
.pb-cta-band-btn { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.03em; padding: 0 20px; border-radius: 4px; flex-shrink: 0; white-space: nowrap; }

.pb-related-title { font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 1.5rem; margin: 0 0 22px; border-top: 3px solid #161311; padding-top: 30px; margin-top: 20px; }
body.pb-dark .pb-related-title { border-top-color: #f5f1e8; }
.pb-related-row { display: flex; gap: 16px; align-items: center; margin-bottom: 20px; }
.pb-related-row .wp-block-post-featured-image { border-radius: 4px; overflow: hidden; flex-shrink: 0; margin: 0; }
.pb-related-row .wp-block-post-terms { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.08em; }
.pb-related-row .wp-block-post-terms a { color: #0f6b3c; text-decoration: none; }
.pb-related-row .wp-block-post-title { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 15px; margin-top: 2px; }

.pb-footer { background: #0d0a08; color: rgba(250,246,238,0.65); margin-top: auto; border-top: 3px solid #d4a72c; }
.pb-footer-top { max-width: 1200px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 28px 24px; border-bottom: 1px solid rgba(250,246,238,0.1); }
.pb-footer-brand-title { font-family: 'Archivo', sans-serif; font-weight: 900; font-size: 19px; color: #faf6ee; margin: 0 0 4px; }
.pb-footer-brand-title span { color: #d4a72c; }
.pb-footer-brand-copy { font-size: 13px; line-height: 1.5; margin: 0; max-width: 360px; }
.pb-footer-visit-btn { margin: 0; }
.pb-footer-visit-btn a { height: 40px; box-sizing: border-box; display: inline-flex; align-items: center; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: 0.03em; padding: 0 20px; border-radius: 4px; text-decoration: none; flex-shrink: 0; }
.pb-footer-mid { max-width: 1200px; margin: 0 auto; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr 1.4fr; gap: 32px; padding: 28px 24px; border-bottom: 1px solid rgba(250,246,238,0.1); }
.pb-footer-col-title { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.1em; color: #d4a72c; margin: 0 0 14px; }
.pb-footer-mid .wp-block-navigation { display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.pb-footer-mid .wp-block-navigation a { color: rgba(250,246,238,0.65) !important; text-decoration: none !important; }
.pb-footer-mid .wp-block-navigation a:hover { color: #faf6ee !important; }
.pb-footer-rg-copy { font-size: 13px; line-height: 1.6; margin: 0; max-width: 340px; }
.pb-footer-bottom { max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 16px 24px; font-size: 12px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.pb-footer-bottom-rg { font-family: 'Archivo', sans-serif; font-weight: 600; letter-spacing: 0.06em; color: rgba(250,246,238,0.4); }

@media (max-width: 860px) {
  .pb-hero-grid { grid-template-columns: 1fr !important; }
  .pb-main-grid { grid-template-columns: 1fr !important; }
  .pb-footer-mid { grid-template-columns: 1fr !important; }
  .pb-articles-grid { grid-template-columns: 1fr !important; }
}

.pb-sticky { position: sticky; top: 0; z-index: 20; }

.pb-articles-grid-3 { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 28px; align-items: start; }
.pb-articles-grid-3 .wp-block-post-template { display: contents !important; list-style: none; margin: 0; padding: 0; }
.pb-articles-grid-3 .wp-block-post-template > li { display: contents; }
.pb-article-card .wp-block-post-featured-image img { width: 100%; height: 170px; object-fit: cover; display: block; }
.pb-article-card .wp-block-post-title { font-family: 'Archivo', sans-serif; }

.pb-back-btn { display: inline-flex; align-items: center; gap: 6px; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 13px; color: #0f6b3c; background: #fff; border: 1px solid #e6dfd2; border-radius: 4px; padding: 8px 14px; margin-bottom: 24px; text-decoration: none; }
body.pb-dark .pb-back-btn { background: #221c17; border-color: #3a312a; }

.pb-trend-rank { font-family: 'Archivo', sans-serif; color: #d4a72c; font-size: 20px; font-weight: 900; flex-shrink: 0; }
.pb-trend-item { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; text-decoration: none; color: inherit; }
.pb-trend-item:last-child { margin-bottom: 0; }
.pb-trend-item img { width: 52px; height: 38px; object-fit: cover; border-radius: 3px; flex-shrink: 0; }
.pb-trend-thumb-empty { width: 52px; height: 38px; border-radius: 3px; background: #e6dfd2; flex-shrink: 0; }
body.pb-dark .pb-trend-thumb-empty { background: #3a312a; }
.pb-trend-title { font-size: 14px; font-weight: 600; line-height: 1.35; }

.pb-lang { position: relative; flex-shrink: 0; }
.pb-lang-menu { position: absolute; top: 42px; right: 0; background: #fff; border: 1px solid #e6dfd2; border-radius: 4px; box-shadow: 0 8px 20px -4px rgba(0,0,0,0.3); overflow: hidden; z-index: 30; min-width: 64px; display: none; }
.pb-lang.is-open .pb-lang-menu { display: block; }
.pb-lang-menu button { display: block; width: 100%; text-align: left; padding: 8px 14px; font-size: 12px; font-weight: 600; color: #161311; background: #fff; border: 0; cursor: pointer; }
.pb-lang-menu button:hover { background: #f1ead9; }

.pb-fixture-row { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 600; margin: 0 0 14px; }
.pb-fixture-row:last-child { margin-bottom: 0; }
.pb-fixture-when { color: #8a8078; flex-shrink: 0; }

.pb-hero-grid > .pb-hero-media, .pb-hero-grid > .pb-hero-copy { min-width: 0; }
.pb-hero-cat a { display: inline-block; background: #d4a72c; color: #161311; font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.08em; padding: 5px 12px; border-radius: 2px; text-decoration: none; }
.pb-hero-copy h1 a { color: inherit; text-decoration: none; }
.pb-hero-excerpt { font-size: 18px; line-height: 1.5; color: #4a4340; margin: 0; }
body.pb-dark .pb-hero-excerpt { color: #c9c0b4; }
.pb-card-media { display: block; border-radius: 4px; overflow: hidden; box-shadow: 0 6px 16px -4px rgba(22,19,17,0.15); }
.pb-card-thumb-empty { display: block; width: 100%; height: 170px; background: #e6dfd2; }
body.pb-dark .pb-card-thumb-empty { background: #3a312a; }
.pb-card-cat a { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; color: #0f6b3c; text-decoration: none; }
.pb-card-heading { font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 19px; line-height: 1.25; margin: 0; }
.pb-card-heading a { color: inherit; text-decoration: none; }
.pb-card-excerpt { font-size: 14px; margin: 0; color: #4a4340; }
body.pb-dark .pb-card-excerpt { color: #c9c0b4; }
.pb-card-date { font-size: 12px; color: #8a8078; font-weight: 600; }
.pb-article-card p, .pb-hero-grid p { margin: 0; }
.pb-article-card p:empty, .pb-hero-grid p:empty { display: none; }
.pb-article-card br, .pb-hero-grid br { display: none; }