/*
Theme Name: Borhani Sport
Theme URI: https://ramtinborhani.ir
Author: Borhani Sport
Author URI: https://ramtinborhani.ir
Description: Ultra-luxury, modern football career management agency theme (FA/EN, RTL/LTR), Elementor-friendly. Includes Players & Teams CPTs, results integration, and performance-focused UI.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: borhani-sport
Tags: custom-background, custom-logo, custom-menu, featured-images, rtl-language-support, translation-ready, two-columns
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{
  --bs-primary: #0A1F44;   /* royal blue */
  --bs-accent: #D4AF37;    /* gold */
  --bs-bg: #0b0f18;        /* dark background */
  --bs-surface: rgba(255,255,255,.06);
  --bs-text: rgba(255,255,255,.92);
  --bs-muted: rgba(255,255,255,.70);
  --bs-border: rgba(255,255,255,.14);
  --bs-danger: #cf2e2e;
  --bs-radius: 18px;
  --bs-shadow: 0 20px 55px rgba(0,0,0,.35);
  --bs-container: 1180px;
  --bs-focus: 0 0 0 3px rgba(212,175,55,.35);
}

html[data-theme="light"]{
  --bs-bg: #f7f7fb;
  --bs-surface: rgba(10,31,68,.06);
  --bs-text: rgba(10,15,24,.92);
  --bs-muted: rgba(10,15,24,.70);
  --bs-border: rgba(10,15,24,.12);
  --bs-shadow: 0 18px 50px rgba(10,15,24,.14);
}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto!important; transition:none!important; animation:none!important;}
}

body{
  margin:0;
  background: var(--bs-bg);
  color: var(--bs-text);
  font-family: var(--bs-font, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
  line-height:1.7;
  text-rendering: optimizeLegibility;
}

a{color:inherit; text-decoration:none}
a:focus{outline:none; box-shadow: var(--bs-focus); border-radius: 10px}
img{max-width:100%; height:auto}
*{box-sizing:border-box}

.bs-container{max-width: var(--bs-container); margin:0 auto; padding:0 18px}
.bs-surface{background: var(--bs-surface); border: 1px solid var(--bs-border); border-radius: var(--bs-radius); box-shadow: var(--bs-shadow)}
.bs-pill{display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border-radius:999px; border:1px solid var(--bs-border); background:rgba(255,255,255,.02)}
.bs-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 16px; border-radius: 999px; border:1px solid var(--bs-border); background: rgba(255,255,255,.04); cursor:pointer; transition: transform .15s ease, background .15s ease, border-color .15s ease}
.bs-btn:hover{transform: translateY(-1px); border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08)}
.bs-btn--primary{background: linear-gradient(135deg, rgba(212,175,55,.22), rgba(10,31,68,.22)); border-color: rgba(212,175,55,.55)}
.bs-btn--danger{border-color: rgba(207,46,46,.6)}
.bs-btn:active{transform: translateY(0)}
.bs-grid{display:grid; gap:18px}
.bs-grid--3{grid-template-columns: repeat(3, minmax(0,1fr))}
.bs-grid--2{grid-template-columns: repeat(2, minmax(0,1fr))}
@media (max-width: 900px){ .bs-grid--3{grid-template-columns: repeat(2, minmax(0,1fr))} }
@media (max-width: 620px){ .bs-grid--2, .bs-grid--3{grid-template-columns: 1fr} }

.bs-reveal{opacity:0; transform: translateY(14px); transition: opacity .6s ease, transform .6s ease}
.bs-reveal.is-visible{opacity:1; transform:none}

.bs-skip{position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden}
.bs-skip:focus{left:18px; top:18px; width:auto; height:auto; z-index:9999; background: var(--bs-bg); padding:10px 12px; border-radius: 12px; border:1px solid var(--bs-border)}

.bs-hero{
  position:relative; overflow:hidden; padding: 88px 0 36px;
}
.bs-hero__bg{
  position:absolute; inset:-2px;
  background:
    radial-gradient(1200px 500px at 15% 25%, rgba(212,175,55,.16), transparent 60%),
    radial-gradient(900px 420px at 85% 25%, rgba(10,31,68,.40), transparent 60%),
    radial-gradient(650px 650px at 55% 85%, rgba(207,46,46,.10), transparent 60%);
  filter: saturate(1.05);
}
.bs-hero__noise{position:absolute; inset:0; opacity:.08; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");}
.bs-hero__content{position:relative; z-index:2}
.bs-hero h1{font-size: clamp(28px, 3.4vw, 56px); line-height:1.1; margin:0 0 14px}
.bs-hero p{max-width: 65ch; margin: 0 0 18px; color: var(--bs-muted)}
.bs-kicker{letter-spacing:.18em; text-transform: uppercase; font-size: 12px; opacity:.85}
.bs-hero__actions{display:flex; gap:12px; flex-wrap:wrap}

.bs-section{padding: 38px 0}
.bs-section__head{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:14px}
.bs-section__head h2{margin:0; font-size: 22px}
.bs-section__head p{margin:0; color: var(--bs-muted)}

.bs-card{padding:16px; border-radius: var(--bs-radius); border: 1px solid var(--bs-border); background: rgba(255,255,255,.03)}
.bs-card__title{margin:0 0 8px; font-size: 18px}
.bs-card__meta{color: var(--bs-muted); font-size: 14px}
.bs-chip{display:inline-flex; align-items:center; padding:7px 10px; border-radius:999px; border:1px solid var(--bs-border); font-size: 12px; color: var(--bs-muted); background: rgba(255,255,255,.02)}

.bs-post{padding:18px}
.bs-post h1{line-height:1.2}
.bs-post .entry-meta{color:var(--bs-muted); font-size: 14px; display:flex; flex-wrap:wrap; gap:10px}
.bs-post .entry-content{margin-top:14px}
.bs-post .entry-content a{color: var(--bs-accent); text-decoration: underline; text-underline-offset: 3px}

.bs-pagination{display:flex; gap:10px; justify-content:center; margin-top:18px}
.bs-pagination .page-numbers{padding:10px 14px; border-radius: 999px; border:1px solid var(--bs-border); background: rgba(255,255,255,.03)}
.bs-pagination .current{border-color: rgba(212,175,55,.6); background: rgba(212,175,55,.10)}

.bs-footer{padding: 28px 0 46px; border-top: 1px solid var(--bs-border); margin-top: 26px}
.bs-footer__grid{display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap:18px}
@media (max-width: 800px){ .bs-footer__grid{grid-template-columns: 1fr} }

.bs-muted{color: var(--bs-muted)}
.bs-divider{height:1px; background: var(--bs-border); margin: 14px 0}