/* ==========================================================================
   Beranda Olahraga — lapisan brand v1.0 (27 Sep 2026)
   Dimuat SETELAH style-3.0.min.css dan _css_config. Menerapkan brand
   guideline (output/brand-guideline.md) ke tema "news"/magazine:
   merah #E8192C, latar cream, Fraunces untuk judul, Inter untuk UI/isi,
   JetBrains Mono untuk meta, badge sudut 3 px, tombol pil, numeral section.
   Token CSS: --bo-*. Jangan ubah nilai token tanpa memperbarui pedoman.
   ========================================================================== */

/* ── Font (self-hosted, variable) ─────────────────────────────────────── */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/fraunces-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/fraunces-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Variable";font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/brand/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(../../../fonts/brand/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(../../../fonts/brand/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Token brand (terang) + pemetaan ke variabel tema ─────────────────── */
:root{
  --bo-red:#E8192C;--bo-red-deep:#C0121F;--bo-red-text:#C0121F;
  --bo-ink:#0F0F0F;--bo-bg:#F6F4EF;--bo-surface:#FFFFFF;--bo-surface-2:#FBF9F3;
  --bo-text:#1A1A1A;--bo-muted:#6E6A62;--bo-faint:rgba(15,15,15,.5);
  --bo-border:rgba(15,15,15,.08);--bo-border-strong:rgba(15,15,15,.18);--bo-chip:rgba(15,15,15,.05);
  --bo-pitch:#0B3D2E;--bo-pitch-light:#7FD1A8;
  --bo-on-dark:#F4F1EA;--bo-on-dark-muted:#9A968D;
  --bo-display:"Fraunces",Georgia,"Times New Roman",serif;
  --bo-body:"Inter Variable","Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --bo-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --vr-theme-color:var(--bo-red);
  --vr-mega-menu-color:var(--bo-bg);
  --vr-block-color:var(--bo-ink);
  --vr-subscribe-button-color:var(--bo-red);
  --vr-body-bg:var(--bo-bg);
  --vr-text-main:var(--bo-ink);--vr-text-muted:var(--bo-muted);--vr-text-subtle:var(--bo-faint);
  --vr-card-border-color:var(--bo-border);--vr-card-shadow:none;
  --vr-footer-bg:var(--bo-ink);--vr-videos-bg:#0A0A0A;
  --vr-input-border-color:var(--bo-border-strong);
  --vr-font-primary:var(--bo-body);--vr-font-secondary:var(--bo-display);--vr-font-content:var(--bo-body);
  --vr-border-radius-sm:3px;--vr-border-radius:6px;--vr-border-radius-md:8px;--vr-border-radius-lg:8px;--vr-border-radius-xl:16px;
  --vr-error-color:#D32F2F;--vr-green-500:#388E3C;
}
[data-bs-theme=dark]{
  --bo-red:#FF2640;--bo-red-deep:#E8192C;--bo-red-text:#FF2640;
  --bo-ink:#F4F1EA;--bo-bg:#0A0A0A;--bo-surface:#141414;--bo-surface-2:#1E1E1E;
  --bo-text:#E8E5DE;--bo-muted:#9A968D;--bo-faint:rgba(255,255,255,.5);
  --bo-border:rgba(255,255,255,.10);--bo-border-strong:rgba(255,255,255,.18);--bo-chip:rgba(255,255,255,.06);
  --vr-mega-menu-color:var(--bo-bg);--vr-block-color:#000;--vr-footer-bg:#000;
  --vr-body-bg:var(--bo-bg);--vr-border-color:var(--bo-border);
}

/* ── Dasar ─────────────────────────────────────────────────────────────── */
body{background-color:var(--bo-bg);color:var(--bo-text);font-family:var(--bo-body);-webkit-font-smoothing:antialiased}
a:hover,a:focus{color:var(--bo-red-text)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--bo-display);font-weight:700;letter-spacing:-.02em;color:var(--bo-ink);text-wrap:balance}
h1,h2,.h1,.h2{font-weight:800}
::selection{background:var(--bo-red);color:#fff}
img,.img-fluid{color:transparent}

/* Meta (tanggal, penulis, counter): JetBrains Mono kecil, kapital, renggang */
.post-meta .meta-item a,.post-meta .meta-item span,
.post-details-meta .item-meta,.post-details-meta .item-meta-date,.post-details-meta .item-meta-counters,
.featured-section .fs-meta,.featured-section .fs-meta a,.featured-section .fs-meta span,
.featured-section-news .top-headlines .item .date,
.post-item .description+.post-meta,.breadcrumb,.copyright,.img-description{
  font-family:var(--bo-mono);font-size:.6875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.post-details-meta .item-meta-author a{font-family:var(--bo-body);font-weight:700;text-transform:none;letter-spacing:0;font-size:.8125rem;color:var(--bo-ink)}
.img-description{text-transform:none;letter-spacing:.02em;font-style:normal}

/* ── Topbar: strip tinta di atas header cream ──────────────────────────── */
[data-theme=news] .topbar{--tb-bg:var(--bo-ink);--tb-text:var(--bo-on-dark-muted);--tb-text-hover:#fff;border-bottom:0;font-family:var(--bo-body);font-weight:600;font-size:.75rem;letter-spacing:.02em}
[data-theme=news] .topbar a{color:var(--bo-on-dark-muted)!important}
[data-theme=news] .topbar a:hover,[data-theme=news] .topbar a:focus{color:#fff!important}
[data-theme=news] .topbar button{color:var(--bo-on-dark-muted)!important}
[data-bs-theme=dark][data-theme=news] .topbar{--tb-bg:#000}
[data-bs-theme=dark][data-theme=news] .topbar a{color:var(--bo-on-dark-muted)!important}

/* ── Header / mega menu: cream, teks tinta, aktif garis merah ─────────── */
[data-theme=news] .mega-menu-wrapper{background-color:var(--bo-bg)!important;border-bottom:1px solid var(--bo-border)!important;--mn-text-main:var(--bo-ink);--mn-font-weight-nav:700;--mn-padding-nav-link:1.15rem .875rem;--mn-bg-dropdown:var(--bo-surface);--mn-bg-sidebar:var(--bo-surface-2);--mn-bg-card:var(--bo-surface-2);--mn-bg-input:var(--bo-surface);--mn-border:var(--bo-border);--mn-radius-m:6px;--mn-shadow:0 18px 40px rgba(15,15,15,.12)}
[data-theme=news] .mega-menu-wrapper.nav-shrink{background-color:var(--bo-bg)!important;border-bottom:1px solid var(--bo-border)!important;box-shadow:0 6px 24px rgba(15,15,15,.08)}
[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-link,[data-theme=news] .mega-menu-wrapper .search-icon-btn{color:var(--bo-ink);font-family:var(--bo-body);font-size:.875rem;letter-spacing:.01em;border-bottom:2px solid transparent}
[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-link:hover,[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-item.dropdown:hover .nav-link,[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-item.active .nav-link,[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-link.active{color:var(--bo-red-text);border-bottom-color:var(--bo-red)}
[data-theme=news] .mega-menu-wrapper .navbar-nav .nav-link .mn-icon{color:var(--bo-red)}
[data-theme=news] .mega-menu-wrapper .megamenu{border-top:1px solid var(--bo-border)!important;background:var(--bo-surface)}
[data-theme=news] .mega-menu-wrapper .subcat-link{color:var(--bo-text)}
[data-theme=news] .mega-menu-wrapper .subcat-link.active,[data-theme=news] .mega-menu-wrapper .subcat-link:hover{color:var(--bo-red-text);border-color:var(--bo-border)}
[data-theme=news] .mega-menu-wrapper .btn-search{background-color:var(--bo-red)!important;color:#fff!important;border-radius:999px}
[data-theme=news] .mega-menu-wrapper .header-search-dropdown{background:var(--bo-surface);border:1px solid var(--bo-border)!important;border-radius:8px;box-shadow:0 18px 40px rgba(15,15,15,.12)}
.mega-menu-wrapper .menu-post-title{font-family:var(--bo-display);font-weight:700;letter-spacing:-.01em}
.mega-menu-wrapper .navbar-brand img.logo{height:34px;width:auto}
[data-theme=news][data-bs-theme=dark] .mega-menu-wrapper{background-color:var(--bo-bg)!important;border-top:0!important;border-bottom:1px solid var(--bo-border)!important}
[data-theme=news][data-bs-theme=dark] .mega-menu-wrapper .megamenu{border-top-color:var(--bo-border)!important}

/* Header mobile + offcanvas */
[data-theme=news] .mobile-nav-wrapper{--bg-surface:var(--bo-bg);--bg-body:var(--bo-bg);--bg-subtle:var(--bo-surface-2);--bg-input:var(--bo-surface);--text-main:var(--bo-ink);--text-muted:var(--bo-muted);--border-color:var(--bo-border);--icon-box-bg:var(--bo-surface);--icon-box-border:var(--bo-border-strong);--icon-box-color:var(--bo-ink)}
[data-theme=news] .mobile-nav-wrapper .mobile-header{background-color:var(--bo-bg);border-bottom:1px solid var(--bo-border)!important;box-shadow:none!important}
[data-theme=news] .mobile-nav-wrapper .header-btn{color:var(--bo-ink)}
[data-theme=news] .mobile-nav-wrapper .header-logo img{height:2rem}
[data-theme=news] .mobile-nav-wrapper .offcanvas-header{background-color:var(--bo-bg);border-bottom:1px solid var(--bo-border)}
[data-theme=news] .mobile-nav-wrapper .custom-offcanvas{background:var(--bo-surface)}
[data-theme=news] .offcanvas-header .btn-close{color:var(--bo-ink)}
.mobile-nav-wrapper .menu-nav .menu-link{font-family:var(--bo-body);font-weight:600}

/* ── Newsticker ────────────────────────────────────────────────────────── */
.newsticker-wrapper .ticker-label{background-color:var(--bo-red);border-radius:3px;font-family:var(--bo-body);font-size:.625rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#fff!important}
.newsticker-wrapper .news-item{font-family:var(--bo-display);font-weight:600;font-size:.9375rem;letter-spacing:-.01em}
.newsticker-wrapper .news-item a:hover{color:var(--bo-red-text)}

/* ── Badge kategori: merah, sudut 3 px, kapital renggang ───────────────── */
.badge.badge-category,.badge-category,.featured-section .fs-badge{
  background-color:var(--bo-red)!important;color:#fff!important;border-radius:3px!important;
  font-family:var(--bo-body);font-size:.625rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  line-height:1.2;padding:5px 8px;text-shadow:none}
.badge-category:hover{filter:none;background-color:var(--bo-red-deep)!important}
.featured-section .fs-badge,.featured-section .fs-content .badge-category{align-self:flex-start;width:auto;display:inline-flex;margin-bottom:.5rem}

/* ── Tombol: pil merah ─────────────────────────────────────────────────── */
.btn-custom,.btn-primary,.btn-nav-subscribe,.btn-primary-custom,.newsletter button,.newsletter .btn,.swal2-confirm.btn-primary,.btn-nav-subscribe-mobile,.form-header-search .btn{
  background-color:var(--bo-red)!important;border:1px solid var(--bo-red)!important;border-radius:999px!important;color:#fff!important;
  font-family:var(--bo-body);font-weight:700;font-size:.8125rem;letter-spacing:.02em;box-shadow:none!important;transform:none!important}
.btn-custom:hover,.btn-primary:hover,.btn-nav-subscribe:hover,.btn-primary-custom:hover,.newsletter button:hover{background-color:var(--bo-red-deep)!important;border-color:var(--bo-red-deep)!important}
.btn,.btn-outline-secondary,.btn-light,.btn-dark,.btn-secondary{border-radius:999px;font-family:var(--bo-body);font-weight:700}
.btn-outline-secondary,.btn-cc-outline{border-color:var(--bo-border-strong);color:var(--bo-ink)}
/* Tema dasar memberi semua .btn teks putih; varian terang/outline butuh teks tinta */
.btn-light,.btn-light:hover,.btn-white{background-color:var(--bo-surface);border-color:var(--bo-border-strong);color:#0F0F0F!important}
[data-bs-theme=dark] .btn-light,[data-bs-theme=dark] .btn-light:hover,[data-bs-theme=dark] .btn-white{color:#F4F1EA!important}
.btn-outline-primary,.btn-outline-dark,.btn-outline-secondary,.bo-cat-chip:not(.active){color:var(--bo-ink)!important;background-color:transparent}
.btn-outline-primary:hover,.btn-outline-dark:hover,.bo-cat-chip:not(.active):hover{background-color:var(--bo-chip);border-color:var(--bo-ink)}
.btn-outline-secondary:hover{background:var(--bo-ink);border-color:var(--bo-ink);color:var(--bo-bg)}

/* ── Judul section: Fraunces + numeral italic merah (beranda) ──────────── */
.section .section-title,.sidebar-widget .widget-head{border-bottom:0;margin-bottom:18px}
.section .section-title:after,.sidebar-widget .widget-head:after{display:none}
.section .section-title .title,.sidebar-widget .widget-head .title,.footer-widget .widget-title{font-family:var(--bo-display);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.section .section-title .title{font-size:1.625rem;margin-bottom:0;display:flex;align-items:baseline;gap:.45em}
.sidebar-widget .widget-head .title{font-size:1.375rem;margin-bottom:0}
.section .section-title .view-all{font-family:var(--bo-body);font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bo-red-text)!important}
.section .section-title .view-all:hover{color:var(--bo-ink)!important}
body.body-index-page{counter-reset:bo-sec}
body.body-index-page .section-category .section-title .title::before{
  counter-increment:bo-sec;content:counter(bo-sec,decimal-leading-zero);
  font-family:var(--bo-display);font-style:italic;font-weight:500;color:var(--bo-red);
  font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}
.section .section-title .ajax-category-tab,.section .section-title .nav-link{font-family:var(--bo-body);font-size:.75rem;font-weight:700;letter-spacing:.03em;border-radius:999px;padding:.4rem .85rem;border:1px solid var(--bo-border-strong);color:var(--bo-text)}
.section .section-title .ajax-category-tab.active,.section .section-title .nav-link.active{background:var(--bo-red);border-color:var(--bo-red);color:#fff!important}

/* ── Kartu berita ──────────────────────────────────────────────────────── */
.post-item .image,.post-item-small .image,.menu-post-img-wrapper,.fs-card,.featured-section .fs-card,.post-image-preview img,.post-image-preview,.ratio{border-radius:8px;overflow:hidden}
.post-item-small .image,.post-item-small .image img{border-radius:6px}
.post-item .image{background-color:var(--bo-surface-2)}
.post-item .title,.post-item-small .title,.title-post-item,.menu-post-title,.footer-widget .footer-posts .post-item-small .title{font-family:var(--bo-display);font-weight:700;letter-spacing:-.015em;line-height:1.25}
.post-item .title{font-size:1.25rem}
.post-item-small .title{font-size:.9375rem}
.post-item .title a:hover,.post-item-small .title a:hover{color:var(--bo-red-text)}
.post-item .description{font-family:var(--bo-body);color:var(--bo-muted)}
.post-item .badge-category{left:.75rem;top:.75rem}
.section-cat-block-1 .post-item-vr .caption{border-radius:8px}

/* Hero unggulan: sudut 8 px + segitiga merah sudut kanan atas */
.featured-section .main-slider{border-radius:8px;overflow:hidden}
.featured-section .main-slider::after{content:"";position:absolute;top:0;right:0;width:64px;height:64px;background:var(--bo-red);clip-path:polygon(100% 0,0 0,100% 100%);z-index:6;pointer-events:none}
.featured-section .fs-title{font-family:var(--bo-display);font-weight:800;letter-spacing:-.02em;line-height:1.08;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.featured-section .main-slider-wrapper .fs-title{font-size:clamp(1.5rem,2.6vw,2.25rem)}
.featured-section .fs-card-small .fs-title{font-size:1.125rem}
.featured-section .swiper-pagination-bullet{width:16px;height:3px;border-radius:2px;background:#fff;opacity:.45}
.featured-section .swiper-pagination-bullet-active{width:28px;opacity:1}
.featured-section-news .top-headlines .item{border-color:var(--bo-border)}
.featured-section-news .top-headlines .item .title,.featured-section-news .top-headlines .item a{font-family:var(--bo-display);font-weight:700;letter-spacing:-.01em}
.featured-section-news .top-headlines .item .date{font-family:var(--bo-mono);letter-spacing:.06em;font-weight:500}

/* ── Sidebar, tag, paginasi, form ──────────────────────────────────────── */
.sidebar-widget .tag-list li a,.post-tags ul li a,.tag-item{background:var(--bo-chip);border:1px solid var(--bo-border-strong);border-radius:999px;color:var(--bo-text);font-family:var(--bo-body);font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:6px 12px}
.sidebar-widget .tag-list li a:hover,.post-tags ul li a:hover{background:var(--bo-red)!important;border-color:var(--bo-red);color:#fff!important}
.pagination .page-link{border-radius:999px;border-color:var(--bo-border-strong);color:var(--bo-ink)!important;font-family:var(--bo-body);font-weight:600;background:transparent}
.pagination .page-link:hover,.pagination .page-link:focus{background-color:var(--bo-chip);border-color:var(--bo-ink);box-shadow:none}
.pagination .page-item.active .page-link{background-color:var(--bo-red);border-color:var(--bo-red)}
.form-control,.form-select,.search-input-group input,.newsletter-inputs input{background-color:var(--bo-surface);border:1px solid var(--bo-border-strong);border-radius:8px;color:var(--bo-text);font-family:var(--bo-body)}
.form-control:focus,.form-select:focus,.auth-card .form-control:focus{border-color:var(--bo-red);box-shadow:0 0 0 3px rgba(232,25,44,.15);background-color:var(--bo-surface)}
.form-check-input:checked{background-color:var(--bo-red);border-color:var(--bo-red)}
.breadcrumb a{color:var(--bo-muted)}
.breadcrumb-item.active{color:var(--bo-ink)}

/* ── Halaman & artikel ─────────────────────────────────────────────────── */
.section-page .page-title,.title-index:not([class*=" "]){font-family:var(--bo-display);font-weight:800;letter-spacing:-.025em;line-height:1.05}
.section-page .page-title{font-size:clamp(1.75rem,3.2vw,2.5rem)}
.post-content .post-title{font-family:var(--bo-display);font-weight:800;letter-spacing:-.025em;line-height:1.1;font-size:clamp(1.75rem,3.4vw,2.625rem)}
.post-content .post-summary{font-family:var(--bo-body);font-weight:400;color:var(--bo-muted);font-size:1.0625rem;line-height:1.55;letter-spacing:0}
.post-content .post-summary h2{font-family:var(--bo-body)}
.entry-content,.post-text{font-family:var(--bo-body);font-size:1.0625rem;line-height:1.7;color:var(--bo-text);letter-spacing:-.003em}
.entry-content p{margin-bottom:1.25em}
.entry-content>p:first-of-type::first-letter{font-family:var(--bo-display);font-weight:800;font-size:3.4em;line-height:.82;float:left;padding:.08em .12em 0 0;color:var(--bo-red)}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--bo-display);font-weight:700;letter-spacing:-.02em;margin-top:1.6em;margin-bottom:.5em}
.entry-content blockquote{border-left:3px solid var(--bo-red);padding:.25em 0 .25em 1.1em;margin:1.5em 0;font-family:var(--bo-display);font-style:italic;font-weight:500;font-size:1.25em;line-height:1.35;color:var(--bo-ink)}
.entry-content a{color:var(--bo-red-text);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}
.entry-content figure figcaption,.entry-content .img-description{font-family:var(--bo-mono);font-size:.6875rem;letter-spacing:.04em;color:var(--bo-muted)}
.post-share-buttons,.share-flex-wrapper{border-top:1px solid var(--bo-border);border-bottom:1px solid var(--bo-border)}
.post-tags .title,.reaction-wrapper-title,.post-next-prev .head-title,.about-author .title,.comments-module .title{font-family:var(--bo-body)!important;font-size:.6875rem!important;font-weight:700!important;letter-spacing:.11em;text-transform:uppercase;color:var(--bo-muted)!important}
.post-next-prev .title{font-family:var(--bo-display);font-weight:700;letter-spacing:-.015em}
.about-author{background:var(--bo-surface);border:1px solid var(--bo-border);border-radius:8px;padding:1.25rem}
.about-author img{border-radius:50%}
.reaction-btn{border-radius:999px;border:1px solid var(--bo-border-strong);background:var(--bo-surface)}
.reaction-btn:hover,.reaction-btn.active{border-color:var(--bo-red);background:var(--bo-chip)}
.section-related-posts .post-item .title{font-size:1rem}
.comments-module .footer-action:hover,.comments-module .footer-action.liked{color:var(--bo-red-text)}

/* Kartu putih untuk widget/kotak yang berdiri di atas cream */
.sidebar-widget .widget-body .card,.card,.auth-card,.modal-content,.dropdown-menu{background-color:var(--bo-surface);border-color:var(--bo-border);border-radius:8px}
.card{box-shadow:none}

/* ── Footer: tinta, cream ──────────────────────────────────────────────── */
#footer{background-color:var(--bo-ink);color:var(--bo-on-dark-muted);border-top:3px solid var(--bo-red);margin-top:80px}
[data-bs-theme=dark] #footer{background-color:#000}
#footer .footer-inner{padding:64px 0 48px}
.footer-widget .widget-title{color:var(--bo-on-dark);font-size:1.25rem;margin-bottom:20px}
.footer-widget .footer-logo img{height:32px;width:auto}
.footer-widget .footer-about{font-size:.875rem;line-height:1.65}
.footer-widget .footer-posts .post-item-small .title a{color:var(--bo-on-dark)}
.footer-widget .footer-posts .post-item-small .title a:hover{color:#FF2640}
.footer-widget .footer-posts .post-item-small .image{background:#1E1E1E}
.footer-widget a,#footer a{color:var(--bo-on-dark-muted)}
#footer a:hover{color:#fff}
#footer .footer-social-links a{border-radius:50%;border:1px solid rgba(255,255,255,.18)}
#footer .footer-social-links a:hover{background:var(--bo-red);border-color:var(--bo-red);color:#fff}
#footer .newsletter-inputs input{background:#1E1E1E;border-color:rgba(255,255,255,.18);color:var(--bo-on-dark);border-radius:999px}
#footer .footer-copyright{border-top:1px solid rgba(255,255,255,.10);padding:18px 0}
#footer .copyright,#footer .nav-footer a{font-family:var(--bo-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase}

/* ── Komunitas: aksen hijau lapangan hanya di permukaan komunitas ──────── */
.section-community-index .btn-primary,.section-community-city .btn-primary,.section-community-profile .btn-primary,
.section-community-index .bo-cat-chip.active,.section-community-city .bo-cat-chip.active{background-color:var(--bo-pitch)!important;border-color:var(--bo-pitch)!important;color:#fff!important}
.section-community-index .btn-primary:hover,.section-community-city .btn-primary:hover,.section-community-profile .btn-primary:hover{background-color:#0E4D3A!important;border-color:#0E4D3A!important}
.section-community-index .btn-outline-primary,.section-community-city .btn-outline-primary,.section-community-profile .btn-outline-primary,.bo-cat-chip{border-color:var(--bo-border-strong);color:var(--bo-text);border-radius:999px}
.section-community-index .badge.bg-warning,.section-community-city .badge.bg-warning,.section-community-profile .badge.bg-warning{background-color:var(--bo-pitch)!important;color:var(--bo-pitch-light)!important;border-radius:3px;font-family:var(--bo-body);font-size:.625rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;padding:4px 7px}
.section-community-index .card,.section-community-city .card,.section-community-profile .card{border-color:var(--bo-border)}
.section-community-index .card:hover,.section-community-city .card:hover{border-color:var(--bo-pitch)}
.section-community-index h1,.section-community-city h1,.section-community-profile h1,.section-community-index h4,.section-community-city h4,.section-community-profile h4{font-family:var(--bo-display);font-weight:800;letter-spacing:-.02em}
.section-community-index h6,.section-community-city h6,.section-community-profile h6,.section-community-index .card-title,.section-community-city .card-title{font-family:var(--bo-display);font-weight:700;letter-spacing:-.01em;font-size:1.0625rem}

/* ── Utilitas kecil ────────────────────────────────────────────────────── */
.text-theme,.text-primary{color:var(--bo-red-text)!important}
.bg-theme,.bg-primary{background-color:var(--bo-red)!important}
hr{border-color:var(--bo-border);opacity:1}
.shadow-sm{box-shadow:none!important}
:focus-visible{outline:2px solid var(--bo-red);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media (max-width:767.98px){
  .section .section-title .title{font-size:1.375rem}
  .post-item .title{font-size:1.125rem}
  #footer{margin-top:48px}
}