/* ==================== Variables ==================== */
:root {
  --burgundy: #6B0F1A;
  --burgundy-dark: #4A0A12;
  --burgundy-light: #8B1A2B;
  --gold: #D4AF37;
  --gold-light: #F0D060;
  --gold-dark: #B8941F;
  --bg-dark: #0F0A0B;
  --bg-card: #1A1214;
  --bg-section: #140E10;
  --text: #F5F0EB;
  --text-muted: #A89A94;
  --white: #FFFFFF;
  --shadow: 0 10px 40px rgba(0,0,0,0.4);
  --radius: 16px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==================== Reset & Base ==================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Tahoma, Arial, sans-serif;
  background: var(--bg-dark);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition);
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

/* ==================== Buttons ==================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.8rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.95rem;
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition);
  font-family: inherit;
}

.btn-primary {
  background: linear-gradient(135deg, var(--burgundy), var(--burgundy-light));
  color: var(--white);
  border-color: var(--burgundy);
}

.btn-primary:hover {
  background: linear-gradient(135deg, var(--burgundy-light), var(--burgundy));
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(107, 15, 26, 0.5);
}

.btn-outline {
  background: transparent;
  color: var(--gold);
  border-color: var(--gold);
}

.btn-outline:hover {
  background: var(--gold);
  color: var(--bg-dark);
}

.btn-gold {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: var(--bg-dark);
  border-color: var(--gold);
  font-weight: 700;
}

.btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}

.btn-block {
  width: 100%;
}

.btn-danger {
  background: #c0392b;
  color: white;
  border: none;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.85rem;
}

.btn-edit {
  background: var(--gold-dark);
  color: white;
  border: none;
  padding: 0.4rem 0.8rem;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.85rem;
  margin-left: 0.4rem;
}

/* ==================== Header ==================== */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(15, 10, 11, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
  transition: var(--transition);
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 75px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.logo-icon {
  width: 52px;
  height: 52px;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid rgba(212, 175, 55, 0.55);
  box-shadow: 0 4px 15px rgba(107, 15, 26, 0.35);
  flex: 0 0 auto;
}

.logo-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.logo-text {
  display: flex;
  flex-direction: column;
}

.logo-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--gold);
  line-height: 1.2;
}

.logo-subtitle {
  font-size: 0.75rem;
  color: var(--text-muted);
  font-weight: 400;
}

.nav-list {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.nav-link {
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 500;
  font-size: 0.95rem;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.nav-link:hover,
.nav-link.active {
  color: var(--gold);
  background: rgba(212, 175, 55, 0.08);
}

.admin-btn {
  background: linear-gradient(135deg, var(--burgundy), var(--burgundy-light)) !important;
  color: white !important;
  border-radius: 50px !important;
  padding: 0.5rem 1.2rem !important;
  margin-right: 0.5rem;
}

.admin-btn:hover {
  box-shadow: 0 4px 15px rgba(107, 15, 26, 0.5);
}

/* Dropdown */
.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 180px;
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 12px;
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--transition);
  box-shadow: var(--shadow);
  z-index: 100;
}

.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-menu a {
  display: block;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.dropdown-menu a:hover {
  background: rgba(212, 175, 55, 0.1);
  color: var(--gold);
}

/* Mobile Toggle */
.mobile-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
}

.mobile-toggle span {
  width: 24px;
  height: 2.5px;
  background: var(--gold);
  border-radius: 2px;
  transition: var(--transition);
}

/* ==================== Hero ==================== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, var(--burgundy-dark) 0%, #1a0a0e 50%, var(--bg-dark) 100%);
  overflow: hidden;
  padding-top: 75px;
}

.hero::before {
  content: '';
  position: absolute;
  top: -20%;
  left: -10%;
  width: 50%;
  height: 80%;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23D4AF37' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.5;
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 4rem 0;
}

.hero-title {
  font-size: clamp(2.5rem, 6vw, 4.2rem);
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}

.hero-title span {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-desc {
  font-size: 1.2rem;
  color: var(--text-muted);
  max-width: 550px;
  margin: 0 auto 2.5rem;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.hero-wave {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 0;
}

.hero-wave svg {
  width: 100%;
  height: 80px;
}

/* ==================== Stats ==================== */
.stats {
  padding: 4rem 0;
  background: var(--bg-dark);
  margin-top: -1px;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.stat-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  padding: 2rem 1.5rem;
  text-align: center;
  transition: var(--transition);
}

.stat-card:hover {
  border-color: var(--gold);
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(107, 15, 26, 0.3);
}

.stat-card i {
  font-size: 2rem;
  color: var(--gold);
  margin-bottom: 0.8rem;
}

.stat-card h3 {
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 0.3rem;
}

.stat-card p {
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* ==================== Section Header ==================== */
.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-badge {
  display: inline-block;
  background: rgba(212, 175, 55, 0.15);
  color: var(--gold);
  padding: 0.35rem 1rem;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
  border: 1px solid rgba(212, 175, 55, 0.3);
}

.section-header h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.section-header p {
  color: var(--text-muted);
  max-width: 550px;
  margin: 0 auto;
}

/* ==================== About Preview ==================== */
.about-preview {
  padding: 5rem 0;
  background: var(--bg-section);
}

.about-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.about-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.1);
  border-radius: var(--radius);
  padding: 2rem;
  text-align: center;
  transition: var(--transition);
}

.about-card:hover {
  border-color: rgba(212, 175, 55, 0.4);
  transform: translateY(-5px);
}

.about-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, var(--burgundy), var(--burgundy-light));
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.2rem;
  font-size: 1.5rem;
  color: var(--gold);
}

.about-card h3 {
  font-size: 1.2rem;
  margin-bottom: 0.7rem;
  color: var(--gold);
}

.about-card p {
  color: var(--text-muted);
  font-size: 0.95rem;
}

/* ==================== Players ==================== */
.featured-players,
.players-page {
  padding: 5rem 0;
}

.players-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}

.player-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  overflow: hidden;
  transition: var(--transition);
  position: relative;
}

.player-card:hover {
  border-color: var(--gold);
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.player-photo {
  height: 200px;
  background: linear-gradient(135deg, var(--burgundy-dark), var(--burgundy));
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.player-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.player-photo i {
  font-size: 4rem;
  color: rgba(212, 175, 55, 0.3);
}

.player-number {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--gold);
  color: var(--bg-dark);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
}

.player-info {
  padding: 1.3rem;
  text-align: center;
}

.player-info h3 {
  font-size: 1.15rem;
  margin-bottom: 0.3rem;
}

.player-position {
  display: inline-block;
  background: rgba(107, 15, 26, 0.5);
  color: var(--gold);
  padding: 0.25rem 0.8rem;
  border-radius: 50px;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

.player-meta {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* Filter buttons */
.players-filter {
  display: flex;
  gap: 0.6rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2.5rem;
}

.filter-btn {
  padding: 0.5rem 1.3rem;
  border-radius: 50px;
  border: 1px solid rgba(212, 175, 55, 0.3);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.9rem;
  transition: var(--transition);
}

.filter-btn:hover,
.filter-btn.active {
  background: var(--burgundy);
  border-color: var(--burgundy);
  color: white;
}

/* ==================== CTA ==================== */
.cta {
  padding: 4rem 0;
}

.cta-box {
  background: linear-gradient(135deg, var(--burgundy-dark), var(--burgundy));
  border-radius: 24px;
  padding: 3.5rem 2rem;
  text-align: center;
  border: 1px solid rgba(212, 175, 55, 0.25);
  position: relative;
  overflow: hidden;
}

.cta-box::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.15), transparent 70%);
}

.cta-box h2 {
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.cta-box p {
  color: rgba(255,255,255,0.8);
  margin-bottom: 1.8rem;
  position: relative;
}

.cta-actions{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;position:relative}
.cta-actions .btn{min-width:150px}
html[data-theme="light"] .cta-box{background:linear-gradient(135deg,#fff8e8,#f1dfba);border-color:rgba(107,15,26,.18);box-shadow:0 10px 35px rgba(64,34,20,.10)}
html[data-theme="light"] .cta-box::before{background:radial-gradient(circle,rgba(184,148,31,.18),transparent 70%)}
html[data-theme="light"] .cta-box h2{color:#4a0a12}
html[data-theme="light"] .cta-box p{color:#3f2528}
html[data-theme="light"] .cta-box .btn-outline{color:#4a0a12;border-color:#6b0f1a;background:rgba(255,255,255,.7)}
html[data-theme="light"] .cta-box .btn-outline:hover{color:#fff !important;background:#6b0f1a;border-color:#6b0f1a}
@media(max-width:600px){.cta-actions{flex-direction:column}.cta-actions .btn{width:100%;max-width:280px}}

/* ==================== Page Hero ==================== */
.page-hero {
  padding: 9rem 0 4rem;
  background: linear-gradient(135deg, var(--burgundy-dark), var(--bg-dark));
  text-align: center;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

.page-hero h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.page-hero p {
  color: var(--text-muted);
  font-size: 1.1rem;
}

/* ==================== About Full ==================== */
.about-full {
  padding: 5rem 0;
}

.about-content {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 3rem;
  align-items: center;
  direction: ltr;
}

.about-text {
  direction: rtl;
  grid-column: 2;
  grid-row: 1;
}

.about-image {
  direction: rtl;
  grid-column: 1;
  grid-row: 1;
}

.about-text h2 {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
  color: var(--gold);
}

.about-text p {
  color: var(--text-muted);
  margin-bottom: 1rem;
}

.about-text h3 {
  margin: 1.5rem 0 1rem;
  color: var(--gold);
}

.check-list li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.7rem;
  color: var(--text);
}

.check-list i {
  color: var(--gold);
}

.about-img-placeholder {
  background: transparent;
  border-radius: 0;
  min-height: 350px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border: none;
  box-shadow: none;
}

.about-img-placeholder img {
  width: min(290px, 82%);
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 50%;
  display: block;
  background: transparent;
}

.about-img-placeholder span {
  color: var(--text-muted);
  font-size: 1.1rem;
}

/* ==================== Contact ==================== */
.contact-section {
  padding: 5rem 0;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 2.5rem;
}

.contact-info h2,
.contact-form-box h2 {
  font-size: 1.5rem;
  margin-bottom: 1.8rem;
  color: var(--gold);
}

.contact-item {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  align-items: flex-start;
}

.contact-icon {
  width: 48px;
  height: 48px;
  background: rgba(107, 15, 26, 0.5);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  flex-shrink: 0;
}

.contact-item h4 {
  font-size: 0.95rem;
  margin-bottom: 0.2rem;
}

.contact-item p,
.contact-item a {
  color: var(--text-muted);
  font-size: 0.95rem;
}

.contact-form-box {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  padding: 2rem;
}

/* Forms */
.form-group {
  margin-bottom: 1.2rem;
}

.form-group label {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.9rem;
  color: var(--text-muted);
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 0.8rem 1rem;
  background: var(--bg-dark);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 10px;
  color: var(--text);
  font-family: inherit;
  font-size: 0.95rem;
  transition: var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.form-actions {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}

/* ==================== News ==================== */
.news-section {
  padding: 5rem 0;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.news-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.1);
  border-radius: var(--radius);
  overflow: hidden;
  transition: var(--transition);
}

.news-card:hover {
  border-color: var(--gold);
  transform: translateY(-4px);
}

.news-img {
  height: 140px;
  background: linear-gradient(135deg, var(--burgundy-dark), var(--burgundy));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  color: var(--gold);
  opacity: 0.7;
}

.news-body {
  padding: 1.3rem;
}

.news-date {
  font-size: 0.8rem;
  color: var(--gold);
  display: block;
  margin-bottom: 0.5rem;
}

.news-body h3 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}

.news-body p {
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* ==================== Gallery ==================== */
.gallery-section {
  padding: 5rem 0;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}

.gallery-item {
  background: linear-gradient(135deg, var(--burgundy-dark), var(--burgundy));
  border-radius: var(--radius);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  border: 1px solid rgba(212, 175, 55, 0.15);
  transition: var(--transition);
  cursor: pointer;
}

.gallery-item:hover {
  border-color: var(--gold);
  transform: scale(1.03);
}

.gallery-item i {
  font-size: 2.5rem;
  color: var(--gold);
  opacity: 0.7;
}

.gallery-item span {
  color: var(--text-muted);
  font-size: 0.95rem;
}

/* ==================== Admin ==================== */
.admin-login {
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  padding: 6rem 0 3rem;
}

.login-box {
  max-width: 420px;
  margin: 0 auto;
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 20px;
  padding: 2.5rem;
  box-shadow: var(--shadow);
}

.login-header {
  text-align: center;
  margin-bottom: 2rem;
}

.login-header i {
  font-size: 2.5rem;
  color: var(--gold);
  margin-bottom: 0.8rem;
}

.login-header h2 {
  font-size: 1.5rem;
  margin-bottom: 0.4rem;
}

.login-header p {
  color: var(--text-muted);
  font-size: 0.9rem;
}

.error-msg {
  background: rgba(192, 57, 43, 0.2);
  border: 1px solid #c0392b;
  color: #e74c3c;
  padding: 0.7rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  text-align: center;
}

.admin-dashboard {
  padding: 7rem 0 4rem;
}

.dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  gap: 1rem;
}

.dashboard-header h1 {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.dashboard-header p {
  color: var(--text-muted);
  font-size: 0.9rem;
}

.admin-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  padding: 1.8rem;
  margin-bottom: 1.5rem;
}

.admin-card h3 {
  font-size: 1.15rem;
  margin-bottom: 1.3rem;
  color: var(--gold);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.table-responsive {
  overflow-x: auto;
}

.admin-table {
  width: 100%;
  border-collapse: collapse;
}

.admin-table th,
.admin-table td {
  padding: 0.9rem 0.8rem;
  text-align: right;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.admin-table th {
  color: var(--gold);
  font-weight: 600;
  font-size: 0.9rem;
  background: rgba(107, 15, 26, 0.2);
}

.admin-table td {
  font-size: 0.9rem;
  color: var(--text-muted);
}

.admin-table tr:hover td {
  background: rgba(212, 175, 55, 0.05);
}

.player-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--burgundy);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 0.9rem;
  overflow: hidden;
}

.player-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.no-data {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--text-muted);
}

.no-data i {
  font-size: 3rem;
  margin-bottom: 1rem;
  opacity: 0.4;
}

.text-center {
  text-align: center;
}

/* ==================== Footer ==================== */
.footer {
  background: linear-gradient(180deg, var(--bg-section), #0A0708);
  border-top: 1px solid rgba(212, 175, 55, 0.15);
  padding: 4rem 0 0;
  margin-top: 2rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: 2.5rem;
  padding-bottom: 3rem;
}

.footer-brand p {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin: 1rem 0 1.5rem;
  max-width: 280px;
}

.social-links {
  display: flex;
  gap: 0.7rem;
}

.social-links a {
  width: 40px;
  height: 40px;
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gold);
  font-size: 1.1rem;
}

.social-links a:hover {
  background: var(--gold);
  color: var(--bg-dark);
  transform: translateY(-3px);
}

.footer-links h4,
.footer-contact h4 {
  color: var(--gold);
  font-size: 1.05rem;
  margin-bottom: 1.2rem;
  position: relative;
  padding-bottom: 0.6rem;
}

.footer-links h4::after,
.footer-contact h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 2px;
  background: var(--burgundy);
  border-radius: 2px;
}

.footer-links ul li {
  margin-bottom: 0.6rem;
}

.footer-links a {
  color: var(--text-muted);
  font-size: 0.9rem;
}

.footer-links a:hover {
  color: var(--gold);
  padding-right: 5px;
}

.footer-contact ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-bottom: 0.9rem;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.footer-contact i {
  color: var(--gold);
  margin-top: 3px;
}

.footer-contact a:hover {
  color: var(--gold);
}

.footer-bottom {
  border-top: 1px solid rgba(212, 175, 55, 0.1);
  padding: 1.5rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.footer-bottom p {
  color: var(--text-muted);
  font-size: 0.85rem;
}

.footer-note {
  color: var(--gold) !important;
  opacity: 0.8;
}

/* ==================== Responsive ==================== */
@media (max-width: 992px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-grid,
  .news-grid,
  .gallery-grid {
    grid-template-columns: 1fr 1fr;
  }
  .about-content,
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .about-text,
  .about-image {
    grid-column: 1;
    grid-row: auto;
  }
  .about-content {
    direction: rtl;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  .mobile-toggle {
    display: flex;
  }

  .nav {
    position: fixed;
    top: 75px;
    right: -100%;
    width: 280px;
    height: calc(100vh - 75px);
    background: var(--bg-card);
    border-left: 1px solid rgba(212, 175, 55, 0.15);
    transition: var(--transition);
    padding: 1.5rem;
    overflow-y: auto;
  }

  .nav.open {
    right: 0;
  }

  .nav-list {
    flex-direction: column;
    align-items: stretch;
    gap: 0.3rem;
  }

  .nav-link {
    padding: 0.8rem 1rem;
  }

  .dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: none;
    background: rgba(0,0,0,0.2);
    margin-top: 0.3rem;
    display: none;
  }

  .dropdown.open .dropdown-menu {
    display: block;
  }

  .stats-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-grid,
  .news-grid,
  .gallery-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .hero-buttons {
    flex-direction: column;
    align-items: center;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
  .header-inner {
    height: 65px;
  }
  .logo-icon {
    width: 40px;
    height: 40px;
  }
}

/* ==================== Honors ==================== */
.honors-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
.honor-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius);
  padding: 1.8rem 1.2rem;
  text-align: center;
  transition: var(--transition);
}
.honor-card:hover {
  border-color: var(--gold);
  transform: translateY(-4px);
}
.honor-card i {
  font-size: 2rem;
  color: var(--gold);
  margin-bottom: 0.8rem;
}
.honor-card h4 {
  font-size: 1rem;
  margin-bottom: 0.4rem;
}
.honor-card span {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* ==================== Coaches ==================== */
.coaches-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.coach-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  padding: 2rem 1.5rem;
  text-align: center;
  transition: var(--transition);
}
.coach-card:hover {
  border-color: var(--gold);
  transform: translateY(-5px);
}
.coach-avatar {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--burgundy), var(--burgundy-light));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 2rem;
  color: var(--gold);
}
.coach-card h3 {
  font-size: 1.15rem;
  margin-bottom: 0.3rem;
}
.coach-role {
  display: inline-block;
  background: rgba(212, 175, 55, 0.15);
  color: var(--gold);
  padding: 0.2rem 0.8rem;
  border-radius: 50px;
  font-size: 0.8rem;
  margin-bottom: 0.7rem;
}
.coach-card p {
  color: var(--text-muted);
  font-size: 0.9rem;
}

/* ==================== Shop ==================== */
.shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.3rem;
}
.shop-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: var(--radius);
  padding: 1.5rem;
  text-align: center;
  transition: var(--transition);
}
.shop-card:hover {
  border-color: var(--gold);
  transform: translateY(-4px);
}
.shop-icon {
  width: 60px;
  height: 60px;
  background: rgba(107, 15, 26, 0.4);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
  font-size: 1.5rem;
  color: var(--gold);
}
.shop-card h4 {
  font-size: 1.05rem;
  margin-bottom: 0.4rem;
}
.shop-card p {
  color: var(--text-muted);
  font-size: 0.85rem;
  margin-bottom: 0.8rem;
}
.shop-price {
  font-weight: 700;
  color: var(--gold);
  margin-bottom: 1rem;
  font-size: 1.05rem;
}
.btn-sm {
  padding: 0.5rem 1.2rem;
  font-size: 0.85rem;
}
.badge {
  background: rgba(212, 175, 55, 0.2);
  color: var(--gold);
  padding: 0.25rem 0.7rem;
  border-radius: 50px;
  font-size: 0.8rem;
}

/* ==================== Report Card ==================== */
.report-card-box {
  background: var(--bg-dark);
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: var(--radius);
  padding: 1.8rem;
}
.report-header {
  text-align: center;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}
.report-header h3 {
  color: var(--gold);
  margin-bottom: 0.3rem;
}
.report-header p {
  color: var(--text-muted);
  font-size: 0.9rem;
}
.skills-grid {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.skill-item {
  display: grid;
  grid-template-columns: 90px 1fr 50px;
  align-items: center;
  gap: 0.8rem;
}
.skill-name {
  font-size: 0.9rem;
  color: var(--text);
}
.skill-bar {
  height: 10px;
  background: rgba(255,255,255,0.08);
  border-radius: 5px;
  overflow: hidden;
}
.skill-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--burgundy), var(--gold));
  border-radius: 5px;
  transition: width 0.6s ease;
}
.skill-score {
  font-weight: 700;
  color: var(--gold);
  font-size: 0.9rem;
  text-align: left;
}
.report-avg {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.1rem;
  color: var(--text-muted);
}
.report-avg strong {
  color: var(--gold);
  font-size: 1.4rem;
}
.coach-note {
  margin-top: 1.2rem;
  padding: 1rem;
  background: rgba(212, 175, 55, 0.08);
  border-radius: 10px;
  border-right: 3px solid var(--gold);
  color: var(--text-muted);
  font-size: 0.95rem;
}
.coach-note i {
  color: var(--gold);
  margin-left: 0.4rem;
}

@media (max-width: 992px) {
  .honors-grid, .coaches-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .honors-grid, .coaches-grid {
    grid-template-columns: 1fr;
  }
  .skill-item {
    grid-template-columns: 70px 1fr 45px;
  }
}

/* Member type tabs */
.member-type-tabs {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.member-type-btn {
  flex: 1;
  min-width: 140px;
  padding: 0.8rem 1.2rem;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, 0.3);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  transition: var(--transition);
}
.member-type-btn.active,
.member-type-btn:hover {
  background: var(--burgundy);
  border-color: var(--burgundy);
  color: white;
}

/* Checkboxes for age groups */
.check-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.4rem;
}
.check-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.2);
  padding: 0.45rem 0.9rem;
  border-radius: 50px;
  font-size: 0.85rem;
  cursor: pointer;
  color: var(--text-muted);
}
.check-label input { accent-color: var(--gold); }
.check-label:has(input:checked) {
  background: rgba(212, 175, 55, 0.2);
  color: var(--gold);
  border-color: var(--gold);
}

/* Notification badge */
.notif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e74c3c;
  color: white;
  font-size: 0.7rem;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  padding: 0 4px;
  margin-right: 4px;
}

/* Tuition summary */
.tuition-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}
.ts-item {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
}
.ts-item span {
  display: block;
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 0.3rem;
}
.ts-item strong {
  font-size: 1.05rem;
  color: var(--text);
}
.tuition-bar {
  height: 12px;
  background: rgba(255,255,255,0.08);
  border-radius: 6px;
  overflow: hidden;
}
.tuition-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--burgundy), var(--gold));
  border-radius: 6px;
  transition: width 0.5s ease;
}
.disabled-card { opacity: 0.6; pointer-events: none; }

/* Range inputs for report */
.range-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0 1.5rem;
}
.range-item label {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: var(--text-muted);
  margin-bottom: 0.3rem;
}
.range-item label span {
  color: var(--gold);
  font-weight: 700;
}
.skill-range {
  width: 100%;
  height: 8px;
  -webkit-appearance: none;
  appearance: none;
  background: rgba(255,255,255,0.1);
  border-radius: 4px;
  outline: none;
}
.skill-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: var(--gold);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(212, 175, 55, 0.4);
}
.skill-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: var(--gold);
  border-radius: 50%;
  cursor: pointer;
  border: none;
}

/* Attendance */
.att-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9rem 0;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
  flex-wrap: wrap;
  gap: 0.8rem;
}
.att-name { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.att-btns { display: flex; gap: 0.4rem; }
.att-btn {
  padding: 0.4rem 0.9rem;
  border-radius: 8px;
  border: 1px solid rgba(212, 175, 55, 0.25);
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
  transition: var(--transition);
}
.att-btn:hover { border-color: var(--gold); color: var(--gold); }
.att-btn.active-present { background: rgba(46, 204, 113, 0.2); border-color: #2ecc71; color: #2ecc71; }
.att-btn.active-absent { background: rgba(231, 76, 60, 0.2); border-color: #e74c3c; color: #e74c3c; }
.att-btn.active-late { background: rgba(241, 196, 15, 0.2); border-color: #f1c40f; color: #f1c40f; }

@media (max-width: 768px) {
  .tuition-summary { grid-template-columns: 1fr; }
  .att-row { flex-direction: column; align-items: flex-start; }
}

.profile-header {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius);
  padding: 2rem;
  flex-wrap: wrap;
}
.profile-avatar {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--burgundy), var(--burgundy-light));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  color: var(--gold);
  overflow: hidden;
  flex-shrink: 0;
}
.profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Schedule cards */
.schedule-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.schedule-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius);
  padding: 1.3rem;
  transition: var(--transition);
}
.schedule-card:hover { border-color: var(--gold); }
.sc-date { color: var(--gold); font-weight: 700; font-size: 1.05rem; margin-bottom: 0.3rem; }
.sc-time { color: var(--text); margin-bottom: 0.4rem; }
.sc-place { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 0.4rem; }
.sc-map { color: var(--gold); font-size: 0.85rem; display: inline-block; margin: 0.3rem 0; }
.sc-note { color: var(--text-muted); font-size: 0.85rem; margin-top: 0.5rem; }
.sc-by { font-size: 0.8rem; color: var(--text-muted); display: block; margin-top: 0.5rem; }
.sc-photo { width: 100%; height: 120px; object-fit: cover; border-radius: 10px; margin-bottom: 0.8rem; }
.match-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.match-logos img { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; }
.match-logos i { font-size: 2rem; color: var(--gold); opacity: 0.6; }
.match-logos span { font-weight: 800; color: var(--gold); }

/* Panel grid */
.panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 1rem;
}
.panel-card {
  background: var(--bg-card);
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: var(--radius);
  padding: 1.8rem 1.2rem;
  text-align: center;
  transition: var(--transition);
  color: inherit;
  text-decoration: none;
}
.panel-card:hover {
  border-color: var(--gold);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.panel-card i {
  font-size: 2rem;
  color: var(--gold);
  margin-bottom: 0.8rem;
  display: block;
}
.panel-card h3 { font-size: 1.05rem; margin-bottom: 0.3rem; color: var(--text); }
.panel-card p { font-size: 0.8rem; color: var(--text-muted); }

/* Player notifs */
.notif-unread {
  border-right: 3px solid var(--gold) !important;
  background: rgba(212, 175, 55, 0.08) !important;
}
.notif-read {
  opacity: 0.75;
  border-right: 3px solid transparent !important;
}

/* Compact schedules */
.schedule-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.85rem;
}
.schedule-card {
  padding: 1rem 1.1rem;
  border-radius: 12px;
}
.sc-date { font-size: 0.95rem; }
.sc-time { font-size: 0.9rem; }
.sc-place { font-size: 0.8rem; }
.sc-photo { height: 90px; border-radius: 8px; }

/* Panel redesign */
.panel-stats-row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}
.panel-stat {
  flex: 1;
  min-width: 160px;
  background: linear-gradient(135deg, var(--burgundy), #4a0a12);
  border: 1px solid rgba(212,175,55,0.25);
  border-radius: 14px;
  padding: 1.2rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.panel-stat i { font-size: 1.8rem; color: var(--gold); }
.panel-stat strong { display: block; font-size: 1.6rem; color: var(--gold); }
.panel-stat span { font-size: 0.85rem; color: rgba(255,255,255,0.7); }

.panel-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
}
@media (max-width: 768px) {
  .panel-two-col { grid-template-columns: 1fr; }
}

.panel-person-list {
  max-height: 320px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.panel-person {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.9rem;
  background: rgba(0,0,0,0.2);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: var(--transition);
}
.panel-person:hover {
  border-color: var(--gold);
  background: rgba(212,175,55,0.08);
}
.pp-num {
  background: var(--gold);
  color: var(--burgundy);
  font-weight: 800;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  flex-shrink: 0;
}
.pp-name { color: var(--text); font-weight: 600; flex: 1; }
.pp-meta { color: var(--text-muted); font-size: 0.8rem; }

.honor-photo {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 0.8rem;
}
.stat-photo {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 0.5rem;
}
.shop-img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 0.8rem;
}
.my-coach-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
}
.coach-mini-card {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: var(--bg-card);
  border: 1px solid rgba(212,175,55,0.15);
  border-radius: 14px;
  padding: 1.2rem;
}
.panel-card {
  background: linear-gradient(160deg, rgba(107,15,26,0.4), rgba(20,10,12,0.9));
}

/* Profile richer layout */
.profile-hero-card {
  display: flex;
  gap: 1.8rem;
  align-items: center;
  background: linear-gradient(135deg, rgba(107,15,26,0.5), rgba(20,10,12,0.95));
  border: 1px solid rgba(212,175,55,0.25);
  border-radius: 20px;
  padding: 2rem;
  flex-wrap: wrap;
}
.profile-avatar.large {
  width: 140px;
  height: 140px;
  font-size: 3.5rem;
  border: 3px solid var(--gold);
}
.profile-hero-info h2 {
  color: var(--gold);
  font-size: 1.8rem;
  margin: 0.4rem 0;
}
.profile-number-badge {
  background: var(--gold);
  color: var(--burgundy);
  font-weight: 800;
  padding: 0.2rem 0.7rem;
  border-radius: 8px;
  font-size: 0.9rem;
}
.profile-tags { display: flex; gap: 0.4rem; flex-wrap: wrap; margin: 0.6rem 0; }
.profile-meta-line { color: var(--text-muted); }
.profile-bio { margin-top: 0.8rem; color: var(--text); line-height: 1.7; }

.profile-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.8rem;
  margin-top: 1.5rem;
}
.profile-info-card {
  background: var(--bg-card);
  border: 1px solid rgba(212,175,55,0.12);
  border-radius: 14px;
  padding: 1.1rem;
  text-align: center;
}
.profile-info-card i { color: var(--gold); font-size: 1.3rem; display: block; margin-bottom: 0.4rem; }
.profile-info-card span { display: block; font-size: 0.75rem; color: var(--text-muted); }
.profile-info-card strong { display: block; color: var(--text); margin-top: 0.3rem; font-size: 1.1rem; }

.report-list { display: flex; flex-direction: column; gap: 0.5rem; }
.report-link-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.2rem;
  background: rgba(0,0,0,0.2);
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: var(--transition);
}
.report-link-card:hover { border-color: var(--gold); }
.report-avg {
  color: var(--gold);
  font-weight: 800;
  font-size: 1.3rem;
}
.report-avg small { font-size: 0.75rem; color: var(--text-muted); }

/* Attendance summary */
.att-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.att-sum-card {
  border-radius: 12px;
  padding: 1rem;
  border: 1px solid rgba(212,175,55,0.15);
}
.att-sum-card strong { display: block; margin-bottom: 0.6rem; }
.att-sum-card ul { list-style: none; padding: 0; margin: 0; font-size: 0.9rem; color: var(--text); }
.att-sum-card li { padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.present-card { background: rgba(46,204,113,0.08); border-color: rgba(46,204,113,0.25); }
.present-card strong { color: #2ecc71; }
.absent-card { background: rgba(231,76,60,0.08); border-color: rgba(231,76,60,0.25); }
.absent-card strong { color: #e74c3c; }
.late-card { background: rgba(241,196,15,0.08); border-color: rgba(241,196,15,0.25); }
.late-card strong { color: #f1c40f; }

input[type="file"] {
  background: rgba(0,0,0,0.25);
  border: 1px dashed rgba(212,175,55,0.35);
  border-radius: 10px;
  padding: 0.7rem;
  color: var(--text-muted);
  width: 100%;
  cursor: pointer;
}

/* Theme toggle */
.theme-toggle {
  background: rgba(212,175,55,0.15);
  border: 1px solid rgba(212,175,55,0.35);
  color: var(--gold);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  margin-left: 0.5rem;
  transition: var(--transition);
  flex-shrink: 0;
}
.theme-toggle:hover { background: rgba(212,175,55,0.3); }

/* Light theme */
html[data-theme="light"] {
  --bg-dark: #f4f0ea;
  --bg-section: #ebe4d8;
  --bg-card: #ffffff;
  --text: #1a1012;
  --text-muted: #5c4a4c;
  --burgundy: #6B0F1A;
  --gold: #7a5f0e;
}
html[data-theme="light"] body {
  background: var(--bg-dark);
  color: var(--text);
}
html[data-theme="light"] .header {
  background: rgba(255,255,255,0.95);
  border-bottom-color: rgba(107,15,26,0.1);
}
html[data-theme="light"] .nav-link { color: var(--text); }
html[data-theme="light"] .admin-card,
html[data-theme="light"] .player-card,
html[data-theme="light"] .schedule-card,
html[data-theme="light"] .shop-card,
html[data-theme="light"] .panel-card {
  background: #fff;
  border-color: rgba(107,15,26,0.12);
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}
html[data-theme="light"] .page-hero {
  background: linear-gradient(135deg, #6B0F1A, #8b1525);
}
html[data-theme="light"] .footer {
  background: #2a1216;
  color: #f5f0e8;
}

/* Members locked */
.members-locked {
  text-align: center;
  padding: 3rem 1.5rem;
  background: var(--bg-card);
  border: 1px dashed rgba(212,175,55,0.3);
  border-radius: 16px;
}
.members-locked i {
  font-size: 2.5rem;
  color: var(--gold);
  margin-bottom: 1rem;
  display: block;
}
.members-locked p {
  color: var(--text-muted);
  margin-bottom: 1.2rem;
}

/* Locked cards (public visitors can see but not open) */
.locked-card {
  cursor: not-allowed;
  position: relative;
  opacity: 0.78;
  filter: grayscale(15%);
}
.locked-card:hover { border-color: rgba(212,175,55,0.15) !important; transform: none !important; }
.locked-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  z-index: 2;
}
.locked-hint {
  text-align: center;
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-top: 1rem;
}
.locked-hint a { color: var(--gold); }

/* Matches home section */
.matches-home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.2rem;
}

/* Attendee tables (camps / aerobic) */
.attendee-table-wrap { overflow-x: auto; margin-top: 0.8rem; }
.attendee-table { width: 100%; border-collapse: collapse; min-width: 480px; }
.attendee-table th, .attendee-table td {
  padding: 0.6rem 0.8rem;
  text-align: right;
  border-bottom: 1px solid rgba(212,175,55,0.12);
  font-size: 0.92rem;
}
.attendee-table th { color: var(--gold); font-weight: 700; }
.attendee-table tr:hover td { background: rgba(212,175,55,0.05); }

/* Upload preview */
.upload-preview-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.upload-thumb {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(212,175,55,0.3);
}

/* Map embed */
.map-embed {
  margin-top: 0.8rem;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(212,175,55,0.2);
  aspect-ratio: 16/10;
  max-height: 200px;
}
.map-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  min-height: 160px;
}

/* Compare */
.cmp-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.cmp-card {
  background: rgba(0,0,0,0.15);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
}
.cmp-card span { display: block; color: var(--text-muted); font-size: 0.8rem; }
.cmp-card strong { display: block; color: var(--gold); margin: 0.3rem 0; }
.cmp-card em { color: var(--text); font-style: normal; }
.cmp-up { color: #2ecc71 !important; font-weight: 700; }
.cmp-down { color: #e74c3c !important; font-weight: 700; }
.cmp-same { color: var(--text-muted); }


/* Report compare: button + page layout (desktop & mobile) */
.pd-compare-btn{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ic ti ar" "ic su ar";align-items:center;column-gap:.9rem;row-gap:.1rem;margin-top:1.2rem;padding:1rem 1.2rem;border-radius:16px;text-align:right;text-decoration:none;width:100%;box-sizing:border-box}
.pd-compare-btn>i:first-child{grid-area:ic;font-size:1.5rem;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.14)}
.pd-compare-btn>span{grid-area:ti;font-weight:800;font-size:1.05rem}
.pd-compare-btn>small{grid-area:su;opacity:.85;font-size:.78rem}
.pd-compare-arrow{grid-area:ar}
.pd-compare-disabled{border:1px dashed rgba(212,175,55,.35);color:var(--text-muted);opacity:.8;cursor:not-allowed}
@media(min-width:769px){.pd-compare-btn{width:auto;min-width:360px}}
.cmp-pick-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;margin:.5rem 0 1.2rem}
.cmp-pick-box{border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:1rem;background:rgba(0,0,0,.12)}
.cmp-pick-title{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--gold);margin-bottom:.8rem}
.cmp-pick-num{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#2a0a10;font-size:.9rem}
.cmp-pick-box .form-group{margin-bottom:.7rem}
.cmp-pick-box select{width:100%}
.cmp-vs{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(212,175,55,.4);color:var(--gold);font-size:1.2rem}
.cmp-go{width:100%;min-height:50px;font-size:1.02rem}
@media(min-width:769px){.cmp-go{width:auto;min-width:260px}}
@media(max-width:768px){
  .cmp-pick-grid{grid-template-columns:1fr;gap:.6rem}
  .cmp-vs{margin:0 auto;width:38px;height:38px;font-size:1rem}
  .cmp-summary{grid-template-columns:1fr 1fr;gap:.6rem}
  .cmp-card{padding:.8rem .5rem}
  .cmp-card strong{font-size:.9rem}
  .cmp-result-card .admin-table{min-width:420px;font-size:.88rem}
  .cmp-result-card .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Desktop nav always visible */
@media (min-width: 769px) {
  .nav.desktop-open,
  .nav {
    display: flex !important;
  }
  .mobile-toggle {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .mobile-toggle {
    display: flex;
  }
  .nav:not(.open) {
    /* keep existing mobile closed styles */
  }
}

html[data-theme="light"] .logo-title {
  color: #6B0F1A !important;
}
html[data-theme="light"] .logo-subtitle {
  color: #6B0F1A !important;
  opacity: 0.85 !important;
  font-weight: 500 !important;
}
html[data-theme="light"] .logo-text {
  color: #6B0F1A;
}
html[data-theme="light"] .logo:hover .logo-title {
  color: #8b1525 !important;
}

/* ==================== Shop categories & admin results ==================== */
.shop-category-block { margin-bottom: 2.2rem; }
.shop-category-title {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--gold);
  font-size: 1.2rem;
  margin-bottom: 1rem;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}
.shop-cat-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.5rem; }
.shop-result {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 0.6rem;
}
.shop-result b { color: var(--gold); font-size: 1rem; }
.shop-pending { font-size: 0.8rem; color: #e0a800; margin-bottom: 0.5rem; }
.shop-buyers {
  font-size: 0.8rem;
  color: var(--text-muted);
  border-top: 1px dashed rgba(212, 175, 55, 0.2);
  padding-top: 0.6rem;
  line-height: 1.8;
}
.order-status-select {
  background: var(--bg-card, #1a0f11);
  color: var(--text);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 8px;
  padding: 0.35rem 0.5rem;
  font-family: inherit;
  font-size: 0.85rem;
}
.table-responsive { overflow-x: auto; }


/* ==================== New Player Attendance + Shop Detail ==================== */
.attendance-hero-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:linear-gradient(135deg,rgba(107,15,26,.8),rgba(26,18,20,.95));border:1px solid rgba(212,175,55,.2);border-radius:20px;padding:1.5rem 1.7rem;margin-bottom:1rem;box-shadow:var(--shadow)}
.attendance-hero-card span{color:var(--gold);font-size:.85rem}.attendance-hero-card h2{margin:.2rem 0}.attendance-hero-card p{color:var(--text-muted);margin:0;font-size:.9rem}.attendance-stat-mini{min-width:130px;text-align:center;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1rem}.attendance-stat-mini strong{display:block;color:var(--gold);font-size:2rem;line-height:1}.attendance-stat-mini span{display:block;color:var(--text-muted);margin-top:.4rem}
.attendance-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.attendance-stat-card{border-radius:18px;padding:1.2rem;text-align:center;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.attendance-stat-card i{font-size:1.7rem;display:block;margin-bottom:.35rem}.attendance-stat-card strong{font-size:1.7rem;display:block}.attendance-stat-card span{color:var(--text-muted)}.attendance-stat-card.present i,.attendance-stat-card.present strong{color:#36c978}.attendance-stat-card.absent i,.attendance-stat-card.absent strong{color:#e45d5d}.attendance-stat-card.late i,.attendance-stat-card.late strong{color:#e0ad3c}.attendance-history-card{margin-top:1rem}.attendance-status{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.attendance-status.present{background:rgba(54,201,120,.12);color:#36c978}.attendance-status.absent{background:rgba(228,93,93,.12);color:#e45d5d}.attendance-status.late{background:rgba(224,173,60,.12);color:#e0ad3c}
.shop-detail-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:2rem;align-items:center;background:var(--bg-card);border:1px solid rgba(212,175,55,.18);border-radius:24px;padding:2rem;box-shadow:var(--shadow)}.shop-detail-image-wrap{min-height:460px;border-radius:20px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;padding:1rem}.shop-detail-image{width:100%;height:460px;object-fit:contain;border-radius:16px}.shop-detail-icon{min-height:460px;border-radius:20px;background:rgba(212,175,55,.06);display:flex;align-items:center;justify-content:center;font-size:8rem;color:var(--gold)}.shop-detail-info h2{font-size:2rem;margin:1rem 0 .7rem;color:var(--gold)}.shop-detail-info p{color:var(--text-muted);line-height:2}.shop-detail-price{font-size:1.6rem;font-weight:800;color:var(--white);margin:1.5rem 0}.shop-card .shop-img{height:280px;width:100%;object-fit:contain;padding:.7rem;background:rgba(255,255,255,.025);border-radius:14px;margin-bottom:1rem}.shop-card{overflow:hidden}.shop-card:hover .shop-img{transform:scale(1.03);transition:var(--transition)}
@media(max-width:768px){.attendance-stat-grid{grid-template-columns:1fr}.shop-detail-card{grid-template-columns:1fr;padding:1rem}.shop-detail-image-wrap,.shop-detail-icon{min-height:320px}.shop-detail-image{height:320px}.shop-detail-info h2{font-size:1.5rem}.attendance-hero-card{padding:1.2rem}}

/* اصلاح هدر مدیریت و جدول حضور و غیاب */
.header .nav-list { flex-wrap: nowrap; white-space: nowrap; }
.header .nav-list > li { flex: 0 0 auto; }
.header .nav { min-width: 0; }
.attendance-table-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.1rem; margin-bottom:.8rem; border:1px solid rgba(212,175,55,.14); border-radius:14px; background:rgba(255,255,255,.025); }
.attendance-table-head > div { display:flex; flex-direction:column; gap:.3rem; }
.attendance-table-head span { color:var(--text-muted); font-size:.85rem; }
.attendance-count { color:var(--gold)!important; font-weight:700; }
.att-player-cell { display:flex; align-items:center; gap:.7rem; }
.att-player-cell small { display:block; color:var(--text-muted); margin-top:.25rem; font-size:.78rem; }
.att-player-number { min-width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(212,175,55,.1); color:var(--gold); font-weight:800; }
.att-status-label { display:inline-flex; min-width:68px; justify-content:center; padding:.4rem .7rem; border-radius:999px; font-size:.8rem; font-weight:700; }
.att-status-label.present { background:rgba(46,204,113,.12); color:#5ee48c; }
.att-status-label.absent { background:rgba(231,76,60,.12); color:#ff8e82; }
.att-status-label.late { background:rgba(241,196,15,.12); color:#f5d65f; }
.att-btns-table { display:flex; gap:.35rem; flex-wrap:wrap; }
.home-match-option { padding:.85rem 1rem; border:1px solid rgba(212,175,55,.16); border-radius:12px; background:rgba(212,175,55,.04); }
@media (max-width:768px) {
 .header .nav-list { white-space:normal; flex-wrap:nowrap; }
 .attendance-table-head { align-items:flex-start; }
 .attendance-coach-table table { min-width:620px; }
}

/* اصلاح چیدمان هدر: آیتم‌های احراز هویت باید هم‌سطح سایر آیتم‌های منو باشند */
.header .nav-list #authNavSlot {
  display: contents;
}
.header .nav-list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap !important;
  white-space: nowrap;
}
.header .nav-list > li,
.header .nav-list #authNavSlot > li {
  flex: 0 0 auto;
}
.header .nav {
  display: flex;
  align-items: center;
  min-width: 0;
}
@media (max-width: 768px) {
  .header .nav {
    display: block;
  }
  .header .nav-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap !important;
    white-space: normal;
  }
}

/* ==================== Mobile user dropdown ==================== */
@media (max-width: 768px) {
  .header .nav { overflow: visible; }
  .header .nav-list { overflow: visible; }
  .header .nav-list .dropdown { position: static; }
  .header .nav-list .dropdown > .nav-link { position: relative; }
  .header .nav-list .dropdown.open > .dropdown-menu {
    display: block !important;
    position: fixed !important;
    top: 84px !important;
    left: 12px !important;
    right: auto !important;
    width: min(270px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    margin: 0 !important;
    padding: .55rem !important;
    background: var(--bg-card) !important;
    border: 1px solid rgba(212,175,55,.28) !important;
    border-radius: 14px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: 0 16px 45px rgba(0,0,0,.4) !important;
    z-index: 10050 !important;
  }
  .header .nav-list .dropdown.open > .dropdown-menu a {
    display: flex !important;
    align-items: center;
    gap: .5rem;
    min-height: 44px;
  }
}

.list-card-header { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1rem; }
.list-card-header h3 { margin:0 0 .35rem; }
.list-card-header small { color:var(--text-muted); }
.list-card-actions { display:flex; gap:.4rem; flex-wrap:wrap; justify-content:flex-end; }
.btn-sm { padding:.45rem .7rem !important; font-size:.78rem !important; }
@media(max-width:768px){ .list-card-header{flex-direction:column}.list-card-actions{width:100%;justify-content:flex-start}.list-card-actions .btn{flex:0 0 auto} }
.panel-stat-link { position:relative; text-decoration:none; color:inherit; cursor:pointer; }
.panel-stat-link small { margin-right:auto; color:var(--gold); font-size:.72rem; }
.panel-stat-link:hover { transform:translateY(-2px); border-color:rgba(212,175,55,.45); }


/* ==================== خوانایی، پیام داخلی و نتیجه زنده ==================== */
.btn-primary:hover,.btn-gold:hover,.btn-outline:hover,.btn-danger:hover,.admin-btn:hover { color: var(--white) !important; }
.filter-btn:hover,.filter-btn.active { color: var(--white) !important; }
.dropdown-menu a:hover,.nav-link:hover,.nav-link.active { color: var(--gold) !important; }
html[data-theme="light"] .btn-outline:hover { color: #fff !important; background: var(--burgundy); border-color: var(--burgundy); }
html[data-theme="light"] .filter-btn:hover,html[data-theme="light"] .filter-btn.active { color:#fff !important; }
html[data-theme="light"] .player-position,html[data-theme="light"] .badge { color:#4a0a12; }

.site-toast-wrap{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:30000;width:min(92vw,520px);display:flex;flex-direction:column;gap:.7rem;pointer-events:none}
.site-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;border-radius:15px;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 45px rgba(0,0,0,.35);background:#211619;color:#fff;animation:toastIn .25s ease;font-size:.92rem}
.site-toast .toast-icon{font-size:1.15rem;line-height:1.5}.site-toast.success{border-color:rgba(46,204,113,.45)}.site-toast.success .toast-icon{color:#2ecc71}.site-toast.error{border-color:rgba(231,76,60,.5)}.site-toast.error .toast-icon{color:#ff6b5d}.site-toast.warning{border-color:rgba(212,175,55,.5)}.site-toast.warning .toast-icon{color:var(--gold)}.site-toast.info{border-color:rgba(52,152,219,.45)}.site-toast.info .toast-icon{color:#5dade2}
@keyframes toastIn{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}
.live-score-editor{display:flex;align-items:center;gap:.65rem;justify-content:center}.live-score-editor input{width:90px;text-align:center;font-size:1.35rem;font-weight:800}.live-score-editor span{font-size:1.4rem;font-weight:800;color:var(--gold)}
.live-score-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-weight:800;font-size:.8rem}.live-score-badge.live{background:rgba(231,76,60,.14);color:#ff7568;border:1px solid rgba(231,76,60,.35)}.live-score-badge.finished{background:rgba(212,175,55,.12);color:var(--gold);border:1px solid rgba(212,175,55,.28)}.live-score-badge.scheduled{background:rgba(52,152,219,.12);color:#6db7ea;border:1px solid rgba(52,152,219,.28)}
.match-live-score{margin:.65rem auto 0;display:flex;justify-content:center;align-items:center;gap:.55rem;font-size:1.55rem;font-weight:900}.match-live-score .team-score{min-width:42px;text-align:center}.match-live-score .score-sep{color:var(--gold)}.match-live-note{text-align:center;margin-top:.35rem;color:var(--text-muted);font-size:.82rem}.match-admin-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.8rem}.match-admin-actions .btn{font-size:.78rem;padding:.45rem .7rem}

/* v11 profile/cart refinements */
.profile-avatar.large{width:190px;height:190px;min-width:190px;border-width:4px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.profile-history-card{grid-column:1/-1;text-align:right}
.profile-history-card strong{font-size:.95rem;line-height:1.9;font-weight:500;white-space:pre-line}
.cart-header-link{position:relative;display:flex!important;align-items:center;gap:.35rem}
.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--burgundy);font-size:.72rem;font-weight:800}
.cart-page-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:1.2rem}
.cart-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid rgba(212,175,55,.15);border-radius:14px;background:var(--bg-card);margin-bottom:.7rem}
.cart-item-info{flex:1}.cart-qty{display:flex;align-items:center;gap:.45rem}.cart-qty button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(212,175,55,.35);background:transparent;color:var(--text);cursor:pointer}.cart-summary{position:sticky;top:1rem;height:max-content}
@media(max-width:768px){.profile-avatar.large{width:145px;height:145px;min-width:145px}.cart-page-grid{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{align-items:flex-start;flex-wrap:wrap}}

/* مسابقه و پخش زنده */
.match-logos img,.match-logos i{width:64px;height:64px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06);padding:4px;display:flex;align-items:center;justify-content:center}
.match-countdown{margin:.55rem auto 0;width:max-content;max-width:100%;padding:.38rem .8rem;border-radius:999px;background:rgba(212,175,55,.11);border:1px solid rgba(212,175,55,.28);color:var(--gold);font-weight:800;font-size:.85rem}
.live-broadcast-section{padding:4rem 0;background:var(--bg-section)}
.live-broadcast-badge{display:inline-flex;align-items:center;gap:.4rem}
.live-broadcast-card{max-width:980px;margin:auto;background:var(--bg-card);border:1px solid rgba(212,175,55,.22);border-radius:24px;padding:1.2rem;box-shadow:0 14px 45px rgba(0,0,0,.12)}
.live-broadcast-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.live-broadcast-head h3{margin:.55rem 0 0;color:var(--text)}.live-broadcast-score{font-size:2rem;font-weight:900;color:var(--gold)}
.live-broadcast-teams{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin:1rem 0}.live-broadcast-teams img,.live-broadcast-teams i{width:78px;height:78px;border-radius:50%;object-fit:cover;background:rgba(255,255,255,.06);padding:5px;color:var(--gold);font-size:3rem;display:flex;align-items:center;justify-content:center}.live-broadcast-teams span{font-weight:900;color:var(--gold)}
.live-frame-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}.live-frame-wrap iframe{width:100%;height:100%;border:0}.live-empty{display:flex;justify-content:center;align-items:center;gap:.6rem;min-height:120px;color:var(--text-muted);background:var(--bg-card);border:1px dashed rgba(127,127,127,.25);border-radius:18px}
@media(max-width:600px){.live-broadcast-card{padding:.8rem;border-radius:18px}.live-broadcast-score{font-size:1.6rem}.live-broadcast-teams img,.live-broadcast-teams i{width:62px;height:62px}}
.match-goals-line{text-align:center;margin-top:.4rem;font-size:.8rem;color:var(--text-muted)}.match-goals-line i{color:var(--gold);margin-left:.25rem}

/* Direct phone live broadcast */
.live-phone-admin-box{border:1px solid rgba(201,162,39,.25);border-radius:16px;padding:1rem;background:rgba(0,0,0,.08)}
.live-phone-status{font-size:.85rem;color:var(--text-muted);line-height:1.8}.live-phone-status.success{color:#35c47a}.live-phone-status.error{color:#ff6b6b}
.live-phone-view{margin-top:1rem;border-radius:16px;overflow:hidden;background:#050505;position:relative}.live-phone-view video{display:block;width:100%;max-height:620px;background:#000;object-fit:contain}.live-phone-view .live-phone-status{padding:.65rem 1rem;background:rgba(0,0,0,.72);color:#fff}
.live-broadcast-teams img,.match-logos img{border-radius:50%!important;object-fit:cover;background:transparent}

/* Admin member directory */
.admin-members-directory .member-directory-counts{display:flex;gap:.5rem;flex-wrap:wrap}
.admin-members-directory .member-directory-counts .badge{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem}
.admin-members-directory .panel-two-col>div{min-width:0}
.admin-members-directory .panel-person-list{max-height:none;overflow:visible;padding:.15rem}
.admin-members-directory .panel-person{display:grid;grid-template-columns:auto 1fr;gap:.15rem .7rem;align-items:center;padding:.75rem .8rem;border-bottom:1px solid rgba(128,128,128,.14);text-decoration:none;color:var(--text);transition:background .2s,transform .2s}
.admin-members-directory .panel-person:hover{background:rgba(212,175,55,.08);transform:translateX(-2px)}
.admin-members-directory .pp-num{grid-row:1/3;display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:rgba(212,175,55,.14);color:var(--gold);font-weight:800}
.admin-members-directory .pp-name{font-weight:700;color:var(--text)}
.admin-members-directory .pp-meta{font-size:.8rem;color:var(--text-muted)}
.home-coach-check{width:100%;justify-content:flex-start}
.home-coach-check input:checked + span{font-weight:700;color:var(--gold)}
@media(max-width:700px){
  .admin-members-directory .panel-two-col{grid-template-columns:1fr}
  .admin-members-directory .member-directory-counts{width:100%}
}

/* لینک سفارش در پنل مدیریت */
.panel-stat-link { position: relative; text-decoration: none; color: inherit; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.panel-stat-link:hover { transform: translateY(-2px); border-color: rgba(212,175,55,.55); box-shadow: 0 10px 24px rgba(0,0,0,.18); color: inherit; }
.panel-stat-link > div { display:flex; flex-direction:column; }
.panel-stat-link small { margin-top:.25rem; color:var(--text-muted); font-size:.72rem; }
.panel-stat-arrow { margin-right:auto; color:var(--gold); font-size:.9rem; }

/* ==================== Light theme readability fixes v20 ==================== */
html[data-theme="light"] {
  color-scheme: light;
  --bg-dark:#f5f7fa; --bg-card:#ffffff; --bg-section:#eef1f5;
  --text:#24191b; --text-muted:#5b4b4f; --burgundy:#6b0f1a; --burgundy-dark:#4a0a12;
  --burgundy-light:#8b1a2b; --gold:#8a6500; --gold-dark:#705200; --gold-light:#9d7600;
  --white:#ffffff; --shadow:0 10px 30px rgba(44,27,30,.10);
}
html[data-theme="light"] body { background:#f5f7fa; color:#24191b; }
html[data-theme="light"] .header { background:#ffffff !important; color:#24191b; box-shadow:0 2px 14px rgba(44,27,30,.08); }
html[data-theme="light"] .logo-title,html[data-theme="light"] .logo-subtitle,html[data-theme="light"] .nav-link { color:#24191b !important; }
html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.active { color:#6b0f1a !important; }
html[data-theme="light"] .dropdown-menu { background:#ffffff !important; border-color:rgba(107,15,26,.14) !important; box-shadow:0 14px 35px rgba(44,27,30,.16); }
html[data-theme="light"] .dropdown-menu a { color:#2b2022 !important; }
html[data-theme="light"] .dropdown-menu a:hover { background:#f6ecee !important; color:#6b0f1a !important; }
html[data-theme="light"] .admin-card,html[data-theme="light"] .player-card,html[data-theme="light"] .schedule-card,html[data-theme="light"] .shop-card,html[data-theme="light"] .panel-card,html[data-theme="light"] .cart-item,html[data-theme="light"] .live-broadcast-card { background:#ffffff !important; color:#24191b; border-color:rgba(107,15,26,.14) !important; }
html[data-theme="light"] .admin-card p,html[data-theme="light"] .player-card p,html[data-theme="light"] .schedule-card p,html[data-theme="light"] small,html[data-theme="light"] label,html[data-theme="light"] .text-muted { color:#5b4b4f !important; }
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6 { color:#4a0a12; }
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea { background:#ffffff !important; color:#24191b !important; border-color:#cdbfc2 !important; }
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder { color:#817174 !important; opacity:1; }
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus { border-color:#8a6500 !important; box-shadow:0 0 0 3px rgba(138,101,0,.12) !important; }
html[data-theme="light"] .admin-table { color:#24191b; }
html[data-theme="light"] .admin-table th { background:#f0e9ea !important; color:#4a0a12 !important; }
html[data-theme="light"] .admin-table td { color:#302426 !important; border-color:#e4dfe0 !important; }
html[data-theme="light"] .admin-table tr:hover td { background:#fbf7f8 !important; }
html[data-theme="light"] .filter-btn,html[data-theme="light"] .member-type-btn { color:#4a0a12 !important; background:#ffffff !important; border-color:#cdbfc2 !important; }
html[data-theme="light"] .filter-btn.active,html[data-theme="light"] .member-type-btn.active { background:#6b0f1a !important; color:#ffffff !important; border-color:#6b0f1a !important; }
html[data-theme="light"] .btn-outline { color:#6b0f1a !important; border-color:#8c7478 !important; background:#fff !important; }
html[data-theme="light"] .btn-outline:hover { color:#fff !important; background:#6b0f1a !important; }
html[data-theme="light"] .theme-toggle { background:#f6f0d9 !important; color:#705200 !important; border-color:#cdb56a !important; }
html[data-theme="light"] .badge,html[data-theme="light"] .player-position { background:#f5ead0 !important; color:#4a0a12 !important; border-color:#d8c27c !important; }
html[data-theme="light"] .panel-person { background:#fbf8f8 !important; color:#24191b !important; border-color:#e1d8da !important; }
html[data-theme="light"] .panel-person:hover { background:#f5ecee !important; }
html[data-theme="light"] .locked-card { opacity:.92; filter:none; }
html[data-theme="light"] .live-empty { color:#5b4b4f; background:#ffffff; }
html[data-theme="light"] .site-toast { background:#ffffff; color:#24191b; border-color:#d8ced0; box-shadow:0 16px 40px rgba(44,27,30,.18); }
html[data-theme="light"] .footer { background:#2d171b !important; color:#f7f2ee !important; }

/* ==================== Light theme warm palette v21 ==================== */
html[data-theme="light"] {
  --bg-dark:#f7efe3;
  --bg-card:#fffaf2;
  --bg-section:#f1dfc8;
  --text:#3b1d22;
  --text-muted:#6f4b42;
  --burgundy:#6b0f1a;
  --burgundy-dark:#4a0a12;
  --burgundy-light:#8b1a2b;
  --gold:#9a7000;
  --gold-dark:#745300;
  --gold-light:#b28a16;
}
html[data-theme="light"] body{background:#f7efe3!important;color:#3b1d22!important}
html[data-theme="light"] main,html[data-theme="light"] .main-content{background:#f7efe3!important}
html[data-theme="light"] .header{background:#6b0f1a!important;color:#fff8ee!important;border-bottom:2px solid #c89b3c;box-shadow:0 3px 16px rgba(74,10,18,.18)}
html[data-theme="light"] .logo-title,html[data-theme="light"] .logo-subtitle,html[data-theme="light"] .nav-link{color:#fff8ee!important}
html[data-theme="light"] .nav-link:hover,html[data-theme="light"] .nav-link.active{color:#f0c75e!important}
html[data-theme="light"] .dropdown-menu{background:#fff4df!important;border-color:#d7b56a!important;box-shadow:0 14px 35px rgba(74,10,18,.18)}
html[data-theme="light"] .dropdown-menu a{color:#4a0a12!important}
html[data-theme="light"] .dropdown-menu a:hover{background:#f4dfbd!important;color:#6b0f1a!important}
html[data-theme="light"] .admin-card,html[data-theme="light"] .player-card,html[data-theme="light"] .schedule-card,html[data-theme="light"] .shop-card,html[data-theme="light"] .panel-card,html[data-theme="light"] .cart-item,html[data-theme="light"] .live-broadcast-card{background:#fffaf2!important;color:#3b1d22;border-color:#d9bd88!important}
html[data-theme="light"] .admin-card p,html[data-theme="light"] .player-card p,html[data-theme="light"] .schedule-card p,html[data-theme="light"] small,html[data-theme="light"] label,html[data-theme="light"] .text-muted{color:#6f4b42!important}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6{color:#4a0a12!important}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fffdf8!important;color:#3b1d22!important;border-color:#cda96a!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#8a6257!important;opacity:1}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{border-color:#9a7000!important;box-shadow:0 0 0 3px rgba(154,112,0,.15)!important}
html[data-theme="light"] .admin-table{color:#3b1d22!important;background:#fffaf2!important}
html[data-theme="light"] .admin-table th{background:#ead3ad!important;color:#4a0a12!important}
html[data-theme="light"] .admin-table td{color:#3b1d22!important;border-color:#e0cba5!important;background:#fffaf2!important}
html[data-theme="light"] .admin-table tr:hover td{background:#f8ead0!important}
html[data-theme="light"] .filter-btn,html[data-theme="light"] .member-type-btn{color:#4a0a12!important;background:#fff4df!important;border-color:#cda96a!important}
html[data-theme="light"] .filter-btn.active,html[data-theme="light"] .member-type-btn.active{background:#6b0f1a!important;color:#fff!important;border-color:#6b0f1a!important}
html[data-theme="light"] .btn-outline{color:#6b0f1a!important;border-color:#9a7000!important;background:#fff4df!important}
html[data-theme="light"] .btn-outline:hover{color:#fff!important;background:#6b0f1a!important}
html[data-theme="light"] .theme-toggle{background:#f1d99e!important;color:#5c3d00!important;border-color:#b88a22!important}
html[data-theme="light"] .badge,html[data-theme="light"] .player-position{background:#f0d99f!important;color:#4a0a12!important;border-color:#c49b3c!important}
html[data-theme="light"] .panel-person{background:#fff4df!important;color:#3b1d22!important;border-color:#dfc18d!important}
html[data-theme="light"] .panel-person:hover{background:#f4dfbd!important}
html[data-theme="light"] .locked-card{opacity:1;filter:none;background:#f3dfbe!important;border-color:#cda96a!important}
html[data-theme="light"] .live-empty{color:#6f4b42!important;background:#fff4df!important;border-color:#cda96a!important}
html[data-theme="light"] .site-toast{background:#fff4df!important;color:#3b1d22!important;border-color:#d5b878!important;box-shadow:0 16px 40px rgba(74,10,18,.18)}
html[data-theme="light"] .footer{background:#4a0a12!important;color:#fff8ee!important}
html[data-theme="light"] .page-hero{background:linear-gradient(135deg,#6b0f1a,#8b1a2b)!important;color:#fff8ee!important}
html[data-theme="light"] .attendance-table-head,html[data-theme="light"] .home-match-option{background:#fff4df!important;border-color:#d9bd88!important}
html[data-theme="light"] .shop-detail-card{background:#fffaf2!important;border-color:#d9bd88!important}
html[data-theme="light"] .shop-detail-image-wrap,html[data-theme="light"] .shop-card .shop-img{background:#f1dfc8!important}
html[data-theme="light"] .shop-detail-icon{background:#f1dfc8!important}
html[data-theme="light"] .att-player-number{background:#f0d99f!important;color:#4a0a12!important}
html[data-theme="light"] .match-countdown{background:#f1d99e!important;border-color:#cda96a!important;color:#5c3d00!important}
html[data-theme="light"] .match-logos img,html[data-theme="light"] .live-broadcast-teams img{background:#f1dfc8!important}

/* صفحه‌های اختصاصی سوابق بازیکن */
.player-history-search{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem;padding:1rem;border-radius:16px;background:var(--bg-card);border:1px solid rgba(212,175,55,.25)}
.player-history-search .field{flex:1;min-width:180px}.player-history-search label{display:block;margin-bottom:.35rem;font-weight:700;color:var(--gold)}
.player-history-search input,.player-history-search select{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(212,175,55,.3);background:var(--bg-input,var(--bg-section));color:var(--text);font-family:inherit}
.player-history-search .btn{white-space:nowrap}.history-empty{text-align:center;padding:2rem;color:var(--text-muted)}
.attendance-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.attendance-stat-card{display:flex;align-items:center;justify-content:center;gap:.65rem;border-radius:18px;padding:1rem;background:var(--bg-card);border:1px solid rgba(212,175,55,.2);box-shadow:var(--shadow);min-height:72px}
.attendance-stat-card i{font-size:1.35rem;margin:0}.attendance-stat-card strong{font-size:1.5rem;line-height:1}.attendance-stat-card span{color:var(--text);font-weight:700}
.attendance-hero-card h2{margin:.2rem 0}.attendance-player-name{color:var(--gold);font-weight:700;font-size:.9rem}
@media(max-width:768px){.attendance-stat-grid{grid-template-columns:1fr}.attendance-stat-card{justify-content:flex-start}.player-history-search{align-items:stretch}.player-history-search .field{min-width:100%}}

/* v24 - classic player attendance cards and clean history tables */
.classic-attendance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
.classic-attendance-stat{display:flex;align-items:center;justify-content:center;gap:.65rem;min-height:68px;padding:.8rem 1rem;border:1px solid rgba(212,175,55,.28);border-radius:14px;background:linear-gradient(180deg,var(--bg-card),var(--bg-section));box-shadow:0 8px 20px rgba(60,20,25,.07)}
.classic-attendance-stat .classic-stat-icon{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;font-size:.9rem}
.classic-attendance-stat strong{font-size:1.45rem;line-height:1}
.classic-attendance-stat span:last-child{font-weight:700;color:var(--text)}
.classic-attendance-stat.present{color:#287a4b}.classic-attendance-stat.absent{color:#a53b3b}.classic-attendance-stat.late{color:#9a701e}
.attendance-simple-table .admin-table th,.attendance-simple-table .admin-table td{border-left:0;border-right:0}
.history-more-wrap{text-align:center;margin-top:1rem}
.payment-history-page-card{max-width:1100px;margin:0 auto}
.classic-search-box{background:linear-gradient(180deg,var(--bg-section),var(--bg-card));border:1px solid rgba(212,175,55,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.classic-search-box .field label{color:var(--maroon,#6b0f1a)}
html[data-theme="light"] .classic-attendance-stat{background:#fff8ed;border-color:#d8b96a}
html[data-theme="light"] .classic-search-box{background:#fff8ed;border-color:#d8b96a}
@media(max-width:768px){.classic-attendance-stats{grid-template-columns:1fr}.classic-attendance-stat{justify-content:flex-start}}

/* v29: larger polished account menu */
.user-menu-trigger {
  min-height: 58px !important;
  min-width: 185px;
  padding: 0.42rem 0.7rem !important;
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(44, 10, 18, 0.22);
}
.user-menu-avatar {
  width: 44px; height: 44px; min-width: 44px;
  border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  overflow: hidden;
  background: rgba(255,255,255,.18);
  border: 2px solid rgba(255,255,255,.75);
  color: #fff;
  order: 0;
}
.user-menu-avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }
.user-menu-name {
  flex: 1; text-align: right; font-size: 1rem; font-weight: 800;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.user-menu-chevron { font-size: .78rem; opacity: .9; }
.dropdown-menu { min-width: 265px; padding: .7rem; border-radius: 16px; }
.dropdown-menu a { padding: .85rem 1rem; font-size: .95rem; border-radius: 11px; }
@media (max-width:768px) {
  .user-menu-trigger { width:100%; min-height:64px; min-width:0; justify-content:flex-start; }
  .user-menu-name { text-align:right; }
  .dropdown-menu { min-width:0; width:100%; border-radius:14px; }
}


/* Player dashboard premium sections — each area has its own visual identity */
.player-feature{position:relative;padding:4.2rem 0;overflow:hidden}
.player-feature .container{position:relative;z-index:1}
.player-coach-feature{background:linear-gradient(135deg,rgba(107,15,26,.97),rgba(55,7,14,.98));padding:3.4rem 0}
.player-coach-feature:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(212,175,55,.10);left:-120px;top:-180px}
.player-coach-feature .section-header{margin-bottom:1.5rem;text-align:right}
.player-coach-feature .section-badge,.player-training-feature .section-badge,.player-match-feature .section-badge,.player-camp-feature .section-badge,.player-aerobic-feature .section-badge{display:inline-flex;align-items:center;gap:.4rem}
.feature-heading{margin-bottom:1.8rem}
.feature-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.45rem 0 .35rem;color:var(--text)}
.feature-heading p{margin:0;color:var(--text-muted);font-size:1rem}
.feature-heading-split{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}
.feature-icon-bubble{width:78px;height:78px;min-width:78px;border-radius:24px;display:grid;place-items:center;font-size:2rem;color:var(--gold);background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.28);box-shadow:0 15px 35px rgba(0,0,0,.15);transform:rotate(4deg)}
.player-training-feature{background:linear-gradient(180deg,var(--bg),rgba(212,175,55,.045))}
.player-training-feature .schedule-grid{position:relative;padding-right:1.4rem}
.player-training-feature .schedule-grid:before{content:"";position:absolute;right:0;top:.5rem;bottom:.5rem;width:3px;border-radius:10px;background:linear-gradient(var(--gold),transparent)}
.player-training-feature .schedule-card{border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.12);transform:translateX(0)}
.player-training-feature .schedule-card:hover{transform:translateX(-5px) translateY(-3px)}
.player-match-feature{background:linear-gradient(135deg,rgba(20,20,28,.98),rgba(107,15,26,.96));}
.player-match-feature .feature-heading h2,.player-match-feature .feature-heading p{color:#fff}
.player-match-feature .schedule-card{border-radius:28px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border-color:rgba(212,175,55,.28)}
.player-camp-feature{background:radial-gradient(circle at 12% 15%,rgba(212,175,55,.14),transparent 34%),linear-gradient(135deg,var(--bg-section),var(--bg));}
.player-camp-feature .schedule-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.player-camp-feature .schedule-card{border-radius:16px 34px 16px 34px;border-right:5px solid var(--gold);box-shadow:0 14px 28px rgba(0,0,0,.12)}
.player-aerobic-feature{background:linear-gradient(120deg,rgba(46,204,113,.07),rgba(212,175,55,.08),transparent)}
.player-aerobic-feature .schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.player-aerobic-feature .schedule-card{border-radius:50px;padding:1.25rem 1.5rem;border-color:rgba(46,204,113,.25);box-shadow:0 10px 25px rgba(46,204,113,.07)}
.player-aerobic-feature .schedule-card:hover{transform:scale(1.02)}
@media(max-width:700px){.player-feature{padding:3rem 0}.feature-heading-split{align-items:flex-start}.feature-icon-bubble{width:62px;height:62px;min-width:62px;font-size:1.5rem}.player-training-feature .schedule-grid{padding-right:.7rem}}
html[data-theme="light"] .player-match-feature{background:linear-gradient(135deg,#3b1d22,#6b0f1a)}
html[data-theme="light"] .player-camp-feature{background:linear-gradient(135deg,#fffaf2,#f7ecd8)}

/* v32 - Premium club homepage redesign */
.hero { min-height: 760px; position:relative; }
.hero::after{content:"";position:absolute;inset:10% 4% auto auto;width:360px;height:360px;border:1px solid rgba(212,175,55,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(212,175,55,.025),0 0 0 70px rgba(212,175,55,.018);pointer-events:none}
.hero-content{padding:5rem 0 7rem;}
.hero-kicker{display:inline-flex;align-items:center;gap:.7rem;color:var(--gold);font-weight:800;letter-spacing:.04em;font-size:.92rem;margin-bottom:1rem;padding:.55rem 1rem;border:1px solid rgba(212,175,55,.24);border-radius:999px;background:rgba(255,255,255,.025);backdrop-filter:blur(8px)}
.hero-kicker span{width:24px;height:1px;background:var(--gold);opacity:.65}
.hero-emblem{width:96px;height:96px;margin:0 auto 1.25rem;border-radius:50%;padding:7px;background:linear-gradient(145deg,var(--gold),rgba(212,175,55,.25));box-shadow:0 16px 45px rgba(0,0,0,.35),0 0 0 8px rgba(212,175,55,.045)}
.hero-emblem img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.hero-title{font-size:clamp(3rem,7vw,5.7rem);letter-spacing:-.04em;text-shadow:0 10px 35px rgba(0,0,0,.35)}
.hero-desc{font-size:1.3rem;line-height:2;max-width:700px}
.hero-trust{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:0 auto 2rem}
.hero-trust span{padding:.55rem .9rem;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#eee;font-size:.82rem}
.hero-trust i{color:var(--gold);margin-left:.3rem}
.stats{position:relative;z-index:3;margin-top:-55px}
.stats .stats-grid{gap:1rem}
.stats .stat-card{border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));backdrop-filter:blur(14px);border-color:rgba(212,175,55,.16);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.section-header-premium{margin-bottom:2.5rem}
.section-header-premium h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.025em}
.honors-showcase{background:radial-gradient(circle at 10% 30%,rgba(212,175,55,.08),transparent 32%),linear-gradient(180deg,var(--bg-dark),var(--bg-section))}
.honors-showcase .container{position:relative}
.honors-grid{grid-template-columns:repeat(12,1fr);gap:1rem;align-items:stretch}
.honor-card{grid-column:span 4;min-height:250px;position:relative;overflow:hidden;border-radius:26px;text-align:right;padding:1.5rem;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 18px 45px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:flex-end}
.honor-card:nth-child(1){grid-column:span 6;min-height:320px;background:linear-gradient(145deg,rgba(107,15,26,.95),rgba(42,7,12,.98))}
.honor-card:nth-child(2){grid-column:span 6;min-height:320px}
.honor-card:nth-child(3n){border-radius:12px 30px 12px 30px}
.honor-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));pointer-events:none}
.honor-card>*{position:relative;z-index:1}
.honor-card .honor-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;border-radius:inherit}
.honor-card .honor-icon{position:absolute;top:1.25rem;left:1.25rem;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.3);color:var(--gold);font-size:1.35rem}
.honor-card .honor-year{display:inline-flex;width:max-content;padding:.3rem .7rem;border-radius:999px;background:var(--gold);color:#25150a;font-weight:900;font-size:.76rem;margin-bottom:.6rem}
.honor-card h3{font-size:1.25rem;margin:0 0 .35rem}.honor-card p{margin:0;color:#d7cdd0;line-height:1.8}
.players-showcase{background:linear-gradient(180deg,var(--bg-section),var(--bg));position:relative;overflow:hidden}
.players-showcase:before{content:"PLAYERS";position:absolute;left:-3%;bottom:0;font-size:clamp(6rem,16vw,14rem);font-weight:900;line-height:.8;color:rgba(212,175,55,.025);letter-spacing:-.08em;pointer-events:none}
.players-showcase .container{position:relative;z-index:1}
.players-showcase .players-grid{grid-template-columns:repeat(12,1fr);gap:1.15rem}
.players-showcase .player-card{grid-column:span 3;border-radius:26px;border-color:rgba(212,175,55,.14);box-shadow:0 18px 40px rgba(0,0,0,.16)}
.players-showcase .player-card:first-child{grid-column:span 6;display:grid!important;grid-template-columns:1.1fr 1fr}
.players-showcase .player-card:first-child .player-photo{height:100%;min-height:330px}.players-showcase .player-card:first-child .player-info{display:flex;flex-direction:column;justify-content:center;padding:2rem}.players-showcase .player-card:first-child .player-info h3{font-size:1.6rem}
@media(max-width:900px){.players-showcase .player-card,.players-showcase .player-card:first-child{grid-column:span 6}.honor-card,.honor-card:nth-child(1),.honor-card:nth-child(2){grid-column:span 6}}
@media(max-width:600px){.hero{min-height:700px}.hero-content{padding-top:3rem}.hero-emblem{width:78px;height:78px}.hero-trust{gap:.4rem}.hero-trust span{font-size:.72rem}.honors-grid,.players-showcase .players-grid{grid-template-columns:1fr}.honor-card,.honor-card:nth-child(1),.honor-card:nth-child(2),.players-showcase .player-card,.players-showcase .player-card:first-child{grid-column:span 1}.players-showcase .player-card:first-child{display:block!important}.players-showcase .player-card:first-child .player-photo{min-height:240px;height:240px}.stats{margin-top:-30px}}

/* v33 — premium About page + unified featured player cards */
.about-v33 {
  padding: 1.5rem 0 4rem;
}
.about-v33 .about-panel {
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 2rem;
  align-items:stretch;
  padding: 2rem;
  border:1px solid rgba(107,15,26,.14);
  border-radius:22px;
  background:linear-gradient(135deg,#fffdf9,#fffaf2);
  box-shadow:0 18px 45px rgba(58,25,25,.08);
}
.about-v33 .about-copy { display:flex; flex-direction:column; justify-content:center; padding:1rem 1.5rem; }
.about-v33 .about-copy h2 { color:#761a2a; font-size:clamp(1.6rem,2.6vw,2.15rem); margin:0 0 1.25rem; }
.about-v33 .about-copy p { color:#263746; line-height:2.25; font-size:1.05rem; margin:.35rem 0; }
.about-v33 .about-divider { height:2px; background:linear-gradient(90deg,transparent,#b58a3a,transparent); margin:1.2rem 0; }
.about-v33 .about-facts { display:grid; gap:.65rem; }
.about-v33 .about-fact { display:grid; grid-template-columns:26px 90px 1fr; align-items:center; gap:.5rem; color:#3a1d22; font-size:1rem; }
.about-v33 .about-fact i { color:#7a1d2b; text-align:center; }
.about-v33 .about-fact strong { color:#5b2028; }
.about-v33 .about-emblem { min-height:520px; border:1px solid rgba(107,15,26,.12); border-radius:18px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at center,#fff 0,#fffdf8 55%,#f7f0e6 100%); overflow:hidden; }
.about-v33 .about-emblem img { width:min(78%,460px); aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 16px 20px rgba(73,17,25,.12)); }

.players-showcase .players-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.players-showcase .player-card,
.players-showcase .player-card:first-child{grid-column:span 1;display:block!important;border-radius:22px;border-color:rgba(212,175,55,.18);box-shadow:0 16px 32px rgba(0,0,0,.12);overflow:hidden;transform:none}
.players-showcase .player-card:hover{transform:translateY(-7px);box-shadow:0 24px 42px rgba(0,0,0,.17)}
.players-showcase .player-card:first-child .player-photo{height:250px;min-height:250px}
.players-showcase .player-card:first-child .player-info{display:block;padding:1.25rem}
.players-showcase .player-card:first-child .player-info h3{font-size:1.15rem}
@media(max-width:1000px){.about-v33 .about-panel{grid-template-columns:1fr}.about-v33 .about-emblem{min-height:390px}.players-showcase .players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.about-v33 .about-panel{padding:1rem}.about-v33 .about-copy{padding:.5rem}.about-v33 .about-emblem{min-height:300px}.about-v33 .about-fact{grid-template-columns:24px 80px 1fr;font-size:.9rem}.players-showcase .players-grid{grid-template-columns:1fr}.players-showcase .player-card:first-child .player-photo{height:240px;min-height:240px}}

/* ==================== v34 large homepage media ==================== */
.stat-card:has(.stat-photo) {
  overflow: hidden;
  padding: 0 0 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 330px;
  position: relative;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
}
.stat-card .stat-photo {
  width: 100%;
  height: 235px;
  object-fit: cover;
  object-position: center;
  border-radius: 0;
  margin: 0 0 1rem;
  display: block;
}
.stat-card:has(.stat-photo) h3, .stat-card:has(.stat-photo) p {
  position: relative; z-index: 2; padding-inline: 1rem;
}
.stat-card:has(.stat-photo) h3 { font-size: 2rem; margin-bottom: .25rem; }
.stat-card:has(.stat-photo) p { font-size: 1rem; color: var(--gold); font-weight: 800; }
.honor-card .honor-photo {
  width: 100%;
  height: 280px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  margin: -0.2rem 0 1rem;
  opacity: 1;
}
.honor-card:has(.honor-photo) { padding: 1rem; justify-content: flex-start; }
.honor-card:has(.honor-photo):before { background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.78)); }
.honor-card:has(.honor-photo) .honor-year { margin-top: -4rem; z-index: 3; }
.admin-table-photo { width: 72px; height: 52px; object-fit: cover; border-radius: 9px; border: 1px solid rgba(212,175,55,.3); display:block; }
.honor-admin-preview img { width: 180px; height: 110px; object-fit: cover; border-radius: 14px; }
@media(max-width:900px){
  .stat-card:has(.stat-photo){min-height:300px;}
  .stat-card .stat-photo{height:205px;}
  .honor-card .honor-photo{height:240px;}
}
@media(max-width:600px){
  .stats-grid{grid-template-columns:1fr 1fr;}
  .stat-card:has(.stat-photo){min-height:260px;}
  .stat-card .stat-photo{height:175px;}
  .stat-card:has(.stat-photo) h3{font-size:1.55rem;}
  .honor-card .honor-photo{height:220px;}
}

/* ==================== v35 — cinematic homepage + full news detail ==================== */
.homepage-honors,.homepage-coaches,.homepage-matches,.homepage-live,.homepage-news,.homepage-players{position:relative;overflow:hidden}
.homepage-honors:after,.homepage-coaches:after,.homepage-matches:after,.homepage-live:after,.homepage-news:after,.homepage-players:after{position:absolute;pointer-events:none;font-weight:900;letter-spacing:.08em;opacity:.035;line-height:1;z-index:0}
.homepage-honors:after{content:'HONOURS';left:-.04em;bottom:-.05em;font-size:clamp(5rem,13vw,12rem)}
.homepage-coaches{background:radial-gradient(circle at 85% 15%,rgba(212,175,55,.10),transparent 28%),linear-gradient(135deg,#12090c,#261016 55%,#0f0a0b)}
.homepage-coaches:after{content:'COACHING';right:-.04em;top:.05em;font-size:clamp(4rem,11vw,10rem)}
.homepage-matches{background:linear-gradient(120deg,#0c1115,#111b20 45%,#0e1113);border-block:1px solid rgba(255,255,255,.05)}
.homepage-matches:after{content:'MATCHDAY';left:-.02em;top:50%;font-size:clamp(4rem,12vw,11rem);transform:translateY(-50%) rotate(-7deg)}
.homepage-live{background:radial-gradient(circle at 50% 0,rgba(190,30,45,.17),transparent 35%),#09090b}
.homepage-live:after{content:'LIVE';right:1%;bottom:-.08em;font-size:clamp(6rem,18vw,15rem);color:#e54858;opacity:.045}
.homepage-news{background:linear-gradient(135deg,#f7efe2 0%,#fffaf3 48%,#efe1cf 100%);color:#28181b;border-top:8px solid #d4af37}
.homepage-news .section-header h2,.homepage-news .section-header p{color:#351a20}
.homepage-news:after{content:'NEWS';left:-.03em;bottom:-.05em;font-size:clamp(5rem,14vw,12rem);color:#6b0f1a}
.homepage-players{background:radial-gradient(circle at 12% 18%,rgba(212,175,55,.12),transparent 25%),linear-gradient(160deg,#0b090a,#171013 60%,#0c0a0b)}
.homepage-players:after{content:'PLAYERS';right:-.03em;bottom:-.04em;font-size:clamp(5rem,15vw,13rem)}
.homepage-honors .container,.homepage-coaches .container,.homepage-matches .container,.homepage-live .container,.homepage-news .container,.homepage-players .container{position:relative;z-index:1}

.homepage-news .news-grid{grid-template-columns:1.2fr .9fr .9fr;align-items:stretch}
.homepage-news .news-card{border:1px solid rgba(107,15,26,.13);background:rgba(255,255,255,.78);box-shadow:0 20px 50px rgba(83,40,25,.12);border-radius:28px}
.homepage-news .news-card-1{transform:translateY(-10px)}
.homepage-news .news-card-2{border-radius:14px 30px 30px 14px}
.homepage-news .news-card-3{border-radius:30px 14px 14px 30px}
.homepage-news .news-card:hover{transform:translateY(-14px) rotate(-.4deg);box-shadow:0 28px 60px rgba(83,40,25,.18)}
.news-card{position:relative}
.news-card .news-read{float:left;font-size:.75rem;color:var(--burgundy);font-weight:800;opacity:.8}
.news-card .news-read i{margin-right:.3rem}

/* Full news article */
.news-detail-page{background:linear-gradient(180deg,#0d090a 0,#170d10 34%,var(--bg-section) 100%)}
.news-detail-hero{padding:5rem 0 7rem;background:radial-gradient(circle at 75% 10%,rgba(212,175,55,.18),transparent 26%),linear-gradient(135deg,#4a0a12,#10090b 68%);text-align:center}
.news-detail-hero h1{font-size:clamp(2.2rem,5vw,4.3rem);margin:.7rem 0;color:#fff}
.news-detail-hero p{color:#d9cfd0}
.news-detail-wrap{margin-top:-4rem;padding-bottom:5rem}
.news-detail-card{max-width:980px;margin:auto;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,245,237,.98));color:#24171a;border-radius:34px;padding:clamp(1.3rem,4vw,3.5rem);box-shadow:0 35px 90px rgba(0,0,0,.3);border:1px solid rgba(212,175,55,.35)}
.news-detail-kicker{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#7a4b51;font-size:.9rem;font-weight:800;margin-bottom:1rem}
.news-detail-kicker span{padding:.45rem .8rem;border-radius:999px;background:#f1dfb5;color:#5e1b27}
.news-detail-card h1{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.35;color:#5f1724;margin-bottom:1.5rem}
.news-detail-image{border-radius:24px;overflow:hidden;background:#eadfd2;margin:0 0 2rem;box-shadow:0 18px 40px rgba(70,30,20,.14)}
.news-detail-image img{width:100%;max-height:620px;object-fit:cover}
.news-detail-body{font-size:1.08rem;line-height:2.35;color:#33272a;white-space:normal}
.news-detail-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(107,15,26,.12)}
.news-not-found{max-width:700px;margin:0 auto 5rem;text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:28px}.news-not-found i{font-size:4rem;color:var(--gold);margin-bottom:1rem}.news-not-found h2{margin-bottom:1.5rem}

/* Explicit light-theme contrast */
html[data-theme="light"] .homepage-honors{background:linear-gradient(135deg,#fffaf1,#f4ead9)!important}
html[data-theme="light"] .homepage-coaches{background:linear-gradient(135deg,#fffaf7,#f1e2d4)!important}
html[data-theme="light"] .homepage-matches{background:linear-gradient(135deg,#f5f8f8,#e7eeee)!important}
html[data-theme="light"] .homepage-live{background:linear-gradient(135deg,#fff5f5,#f6e8e9)!important}
html[data-theme="light"] .homepage-news{background:linear-gradient(135deg,#fffdf9,#f4e7d4)!important}
html[data-theme="light"] .homepage-players{background:linear-gradient(135deg,#fffaf2,#eee1d3)!important}
html[data-theme="light"] .homepage-honors:after,html[data-theme="light"] .homepage-coaches:after,html[data-theme="light"] .homepage-matches:after,html[data-theme="light"] .homepage-live:after,html[data-theme="light"] .homepage-news:after,html[data-theme="light"] .homepage-players:after{opacity:.07;color:#6b0f1a}
html[data-theme="light"] .homepage-news .news-card{background:#fff!important;color:#2b1a1e}
html[data-theme="light"] .homepage-news .news-card h3{color:#5e1824}
html[data-theme="light"] .homepage-news .news-card p{color:#5a4749}
html[data-theme="light"] .news-detail-card{background:#fffdf8;color:#2b2022}
html[data-theme="light"] .news-detail-body{color:#33282a}

@media(max-width:900px){.homepage-news .news-grid{grid-template-columns:1fr 1fr}.homepage-news .news-card-1{grid-column:1/-1}.homepage-news .news-card-1,.homepage-news .news-card-2,.homepage-news .news-card-3{transform:none}.news-detail-wrap{margin-top:-2.5rem}}
@media(max-width:600px){.homepage-news .news-grid{grid-template-columns:1fr}.homepage-news .news-card-1,.homepage-news .news-card-2,.homepage-news .news-card-3{grid-column:auto;border-radius:22px}.news-detail-hero{padding:4rem 0 5rem}.news-detail-card{border-radius:24px;padding:1.2rem}.news-detail-kicker{align-items:flex-start;flex-direction:column}.news-detail-body{font-size:1rem;line-height:2.15}}

/* ==================== v36 — editorial news excerpts + honor timeline ==================== */
.news-card{position:relative;display:block;text-decoration:none;color:inherit;background:linear-gradient(145deg,var(--bg-card),rgba(107,15,26,.025));border-radius:24px;overflow:hidden}
.news-card .news-img{height:185px;position:relative;opacity:1;overflow:hidden}
.news-card .news-img img{transition:transform .55s ease}
.news-card:hover .news-img img{transform:scale(1.045)}
.news-body{position:relative;padding:1.35rem 1.4rem 1.5rem}
.news-read{float:left;font-size:.75rem;font-weight:800;color:var(--gold);display:inline-flex;align-items:center;gap:.35rem;margin-top:.1rem}
.news-body h3{clear:both;padding-top:.55rem;margin-bottom:.55rem}
.news-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.95;min-height:5.55em;margin:0;color:var(--text-muted)}
.news-more{display:inline-flex;margin-top:1rem;padding:.38rem .72rem;border-radius:999px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.18);color:var(--gold);font-size:.74rem;font-weight:800}
.news-card-2{border-radius:12px 28px 12px 28px}.news-card-3{border-radius:30px 12px 30px 12px}.news-card-4{border-radius:20px 20px 34px 20px}

.homepage-honors{background:radial-gradient(circle at 85% 15%,rgba(212,175,55,.12),transparent 30%),linear-gradient(180deg,var(--bg-dark),#1a1012);padding-top:5.5rem;padding-bottom:5.5rem}
.homepage-honors .section-header{text-align:right;max-width:720px;margin-right:auto;margin-left:0}
.homepage-honors .honors-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem;position:relative;padding-right:3rem}
.homepage-honors .honors-grid:before{content:"";position:absolute;right:1rem;top:1rem;bottom:1rem;width:2px;background:linear-gradient(var(--gold),rgba(212,175,55,.05));border-radius:99px}
.homepage-honors .honor-card{grid-column:span 6!important;min-height:210px!important;border-radius:20px 5px 20px 5px;padding:1.35rem 1.5rem 1.35rem 1.35rem;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(212,175,55,.14);box-shadow:0 16px 35px rgba(0,0,0,.18);justify-content:center;isolation:isolate}
.homepage-honors .honor-card:nth-child(even){transform:translateY(28px);border-radius:5px 20px 5px 20px}
.homepage-honors .honor-card:after{content:"";position:absolute;right:-2.15rem;top:50%;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(212,175,55,.1);transform:translateY(-50%);z-index:4}
.homepage-honors .honor-card:before{background:linear-gradient(135deg,rgba(107,15,26,.2),transparent 55%);z-index:-1}
.homepage-honors .honor-card .honor-photo{opacity:.18;filter:saturate(.8)}
.homepage-honors .honor-card .honor-icon{position:relative;top:auto;left:auto;width:48px;height:48px;border-radius:14px;margin-bottom:.8rem;background:rgba(212,175,55,.09)}
.homepage-honors .honor-card .honor-year{background:transparent;color:var(--gold);padding:0;margin:0 0 .25rem;font-size:.72rem;letter-spacing:.08em}
.homepage-honors .honor-card h3{font-size:1.18rem}.homepage-honors .honor-card p{font-size:.9rem;max-width:90%}

html[data-theme="light"] .homepage-honors{background:linear-gradient(180deg,#fffaf3,#f5ead8)}
html[data-theme="light"] .homepage-honors .honor-card{background:linear-gradient(135deg,#fff,#fff8ed);border-color:rgba(107,15,26,.12);box-shadow:0 14px 30px rgba(75,36,25,.09)}
html[data-theme="light"] .homepage-honors .honor-card p{color:#66504a!important}
html[data-theme="light"] .homepage-honors .honor-card:before{background:linear-gradient(135deg,rgba(107,15,26,.045),transparent 60%)}
html[data-theme="light"] .news-card{background:#fffaf4;border-color:rgba(107,15,26,.12)}
html[data-theme="light"] .news-excerpt{color:#66504a!important}

@media(max-width:800px){
  .homepage-honors .honors-grid{grid-template-columns:1fr;padding-right:2rem}
  .homepage-honors .honor-card,.homepage-honors .honor-card:nth-child(even){grid-column:1!important;transform:none;min-height:190px!important}
  .homepage-honors .honor-card:after{right:-1.15rem}
}


/* ==================== Multi-image galleries ==================== */
.multi-image-thumb{position:relative;width:92px;height:92px;border-radius:12px;overflow:hidden;border:1px solid rgba(212,175,55,.25);background:rgba(255,255,255,.04);display:inline-flex;margin:.25rem;vertical-align:top}
.multi-image-thumb img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.multi-image-remove{position:absolute;top:4px;right:4px;z-index:2;width:25px;height:25px;border:0;border-radius:50%;background:rgba(80,0,0,.82);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.multi-image-remove:hover{transform:scale(1.08);background:#b51d2a}
.shop-detail-gallery{width:100%}.shop-detail-thumbs{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem;justify-content:center}.shop-detail-thumbs button{width:72px;height:72px;padding:3px;border-radius:10px;border:2px solid transparent;background:rgba(255,255,255,.04);cursor:pointer;overflow:hidden}.shop-detail-thumbs button.active{border-color:var(--gold)}.shop-detail-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:7px}.shop-gallery-hint{font-size:.82rem;color:var(--text-muted);margin:.4rem 0 1rem}.shop-detail-image{cursor:zoom-in}
.schedule-photo-gallery{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.schedule-photo-gallery img{width:88px;height:70px;object-fit:cover;border-radius:10px;border:1px solid rgba(212,175,55,.22);cursor:zoom-in;transition:transform .2s ease}.schedule-photo-gallery img:hover{transform:scale(1.04)}
.hy-image-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2rem}.hy-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.hy-lightbox-content{position:relative;z-index:2;max-width:min(92vw,1200px);max-height:88vh;text-align:center}.hy-lightbox-content img{display:block;max-width:100%;max-height:82vh;object-fit:contain;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.55)}.hy-lightbox-counter{color:#fff;font-weight:800;margin-top:.7rem}.hy-lightbox-close,.hy-lightbox-prev,.hy-lightbox-next{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.18);background:rgba(20,15,16,.75);color:#fff;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:1.05rem}.hy-lightbox-close{top:1rem;left:1rem}.hy-lightbox-prev{right:1rem}.hy-lightbox-next{left:1rem}.hy-lightbox-prev,.hy-lightbox-next{top:50%;transform:translateY(-50%)}.hy-lightbox-close:hover,.hy-lightbox-prev:hover,.hy-lightbox-next:hover{background:rgba(212,175,55,.9);color:#201010}
@media(max-width:700px){.multi-image-thumb{width:78px;height:78px}.hy-image-lightbox{padding:.8rem}.hy-lightbox-prev,.hy-lightbox-next{width:42px;height:42px}.hy-lightbox-prev{right:.4rem}.hy-lightbox-next{left:.4rem}.hy-lightbox-close{top:.5rem;left:.5rem}}

/* فرم پیش از پرداخت زرین‌پال */
.payment-modal-backdrop{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px)}
.payment-modal{position:relative;width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--bg-card,#111);border:1px solid rgba(212,175,55,.25);border-radius:22px;padding:2rem;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.payment-modal-close{position:absolute;left:1rem;top:1rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--text,#fff);cursor:pointer;font-size:1rem}
.payment-modal-head{text-align:center;margin-bottom:1.4rem}.payment-modal-head h2{margin:.65rem 0 .35rem}.payment-modal-head p{color:var(--text-muted);margin:0}
.payment-modal .form-group{margin-bottom:1rem}.payment-modal .form-group label{display:block;margin-bottom:.45rem;font-weight:600}.payment-modal input,.payment-modal select,.payment-modal textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:inherit;border-radius:12px;padding:.8rem 1rem;font-family:inherit;outline:none}.payment-modal input:focus,.payment-modal select:focus,.payment-modal textarea:focus{border-color:var(--gold,#d4af37);box-shadow:0 0 0 3px rgba(212,175,55,.1)}
.payment-security-note{display:flex;gap:.65rem;align-items:flex-start;background:rgba(46,204,113,.08);border:1px solid rgba(46,204,113,.2);padding:.85rem 1rem;border-radius:12px;color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.payment-security-note i{color:#2ecc71;margin-top:.2rem}
.payment-modal-actions{display:flex;gap:.7rem;justify-content:flex-start;margin-top:1.4rem}.payment-modal-actions .btn{min-width:150px}
@media(max-width:600px){.payment-modal{padding:1.35rem;border-radius:18px}.payment-modal-actions{flex-direction:column}.payment-modal-actions .btn{width:100%}}

/* سبد خرید و اطلاعات تحویل */
.account-info-box{background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.22);border-radius:14px;padding:12px;margin-bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.account-info-box small{display:block;color:var(--text-muted);font-size:.78rem;margin-bottom:3px}.account-info-box strong{display:block;color:var(--text)}.account-info-box p{grid-column:1/-1;margin:.35rem 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.8}
.cart-club-location{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(46,204,113,.25);background:rgba(46,204,113,.06);border-radius:14px;margin-top:8px}.cart-club-location>i{font-size:1.6rem;color:var(--gold)}.cart-club-location strong{display:block}.cart-club-location span{display:block;color:var(--text-muted);font-size:.8rem;margin-top:3px}
@media(max-width:600px){.account-info-box{grid-template-columns:1fr}.account-info-box p{grid-column:auto}}


/* v37 — universal readability + four youth categories */
.form-group select option{background:var(--bg-card);color:var(--text)}
.dropdown-menu,.dropdown-menu a{color:var(--text)!important}
.dropdown-menu a:hover{color:var(--gold)!important}
html[data-theme="dark"] .dropdown-menu{background:#1a1214!important;border-color:rgba(212,175,55,.28)!important}
html[data-theme="dark"] .dropdown-menu a{color:#f5f0eb!important}
html[data-theme="dark"] .dropdown-menu a:hover{background:rgba(212,175,55,.12)!important;color:#f0d060!important}
html[data-theme="light"] .dropdown-menu{background:#fffaf2!important;border-color:#cda96a!important}
html[data-theme="light"] .dropdown-menu a{color:#3b1d22!important}
html[data-theme="light"] .dropdown-menu a:hover{background:#f4dfbd!important;color:#6b0f1a!important}
html[data-theme="dark"] select option{background:#1a1214;color:#f5f0eb}
html[data-theme="light"] select option{background:#fffdf8;color:#3b1d22}
/* Homepage section text must remain readable against its section background. */
.homepage-honors .section-header h2,.homepage-coaches .section-header h2,.homepage-matches .section-header h2,.homepage-live .section-header h2,.homepage-news .section-header h2,.homepage-players .section-header h2{color:var(--text)!important;text-shadow:0 1px 2px rgba(0,0,0,.08)}
.homepage-honors .section-header p,.homepage-coaches .section-header p,.homepage-matches .section-header p,.homepage-live .section-header p,.homepage-news .section-header p,.homepage-players .section-header p{color:var(--text-muted)!important}
.homepage-honors .honor-card,.homepage-coaches .coach-card,.homepage-matches .match-home-card,.homepage-news .news-card,.homepage-players .player-card{color:var(--text)}
.homepage-honors .honor-card p,.homepage-coaches .coach-card p,.homepage-matches .match-home-card p,.homepage-news .news-card p,.homepage-players .player-card p,.homepage-live small{color:var(--text-muted)!important}
html[data-theme="light"] .homepage-honors .section-header h2,html[data-theme="light"] .homepage-coaches .section-header h2,html[data-theme="light"] .homepage-matches .section-header h2,html[data-theme="light"] .homepage-live .section-header h2,html[data-theme="light"] .homepage-news .section-header h2,html[data-theme="light"] .homepage-players .section-header h2{color:#4a0a12!important}
html[data-theme="light"] .homepage-honors .section-header p,html[data-theme="light"] .homepage-coaches .section-header p,html[data-theme="light"] .homepage-matches .section-header p,html[data-theme="light"] .homepage-live .section-header p,html[data-theme="light"] .homepage-news .section-header p,html[data-theme="light"] .homepage-players .section-header p{color:#624b45!important}

/* v41 — خوانایی کامل موبایل و تم روشن، بدون متن خاکستری */
html[data-theme="light"] {
  --text:#321217;
  --text-muted:#4a0a12;
}
html[data-theme="light"] body,
html[data-theme="light"] p,
html[data-theme="light"] span,
html[data-theme="light"] small,
html[data-theme="light"] label,
html[data-theme="light"] .text-muted,
html[data-theme="light"] .news-excerpt,
html[data-theme="light"] .shop-detail-info p,
html[data-theme="light"] .history-empty,
html[data-theme="light"] .payment-security-note,
html[data-theme="light"] .account-info-box small,
html[data-theme="light"] .account-info-box p,
html[data-theme="light"] .cart-club-location span {
  color:#4a0a12 !important;
}
html[data-theme="light"] .nav-link,
html[data-theme="light"] .dropdown-menu a,
html[data-theme="light"] .nav-link span,
html[data-theme="light"] .user-menu-name {
  color:#1f0b10 !important;
  font-weight:700;
}
html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-link.active,
html[data-theme="light"] .dropdown-menu a:hover {
  color:#6b0f1a !important;
}
html[data-theme="light"] .dropdown-menu {
  background:#fffaf2 !important;
}

@media (max-width:768px) {
  html[data-theme="light"] .nav {
    background:#fffaf2 !important;
    border-left:2px solid #cda96a !important;
    box-shadow:-10px 0 30px rgba(74,10,18,.14);
  }
  html[data-theme="light"] .nav-list > li > .nav-link {
    color:#1f0b10 !important;
    background:#fffaf2 !important;
    border:1px solid rgba(107,15,26,.08);
  }
  html[data-theme="light"] .nav-list > li > .nav-link:hover,
  html[data-theme="light"] .nav-list > li > .nav-link.active {
    color:#6b0f1a !important;
    background:#f4dfbd !important;
    border-color:#d7b56a !important;
  }
  html[data-theme="light"] .dropdown-menu {
    background:#f8ead5 !important;
    border:1px solid #d7b56a !important;
    box-shadow:none !important;
  }
  html[data-theme="light"] .dropdown-menu a {
    color:#2b0d13 !important;
    background:#fffaf2 !important;
    border:1px solid rgba(107,15,26,.07);
    margin:.25rem 0;
  }
  html[data-theme="light"] .dropdown-menu a:hover,
  html[data-theme="light"] .dropdown-menu a:focus {
    color:#6b0f1a !important;
    background:#f4dfbd !important;
  }
  html[data-theme="dark"] .nav-link,
  html[data-theme="dark"] .dropdown-menu a {
    color:#fff8ee !important;
  }
  html[data-theme="dark"] .dropdown-menu a:hover,
  html[data-theme="dark"] .dropdown-menu a:focus {
    color:#f0c75e !important;
  }
}

/* v43 - Homepage hero coaches artwork */
.hero-coaches-layer{
  position:absolute;
  inset:0;
  z-index:1;
  background-image:url("assets/homepage-coaches.png");
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:cover;
  pointer-events:none;
  opacity:.98;
  filter:saturate(1.04) contrast(1.03);
}
.hero-coaches-layer::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(20,3,7,.06) 0%,transparent 22%,rgba(22,4,8,.08) 50%,transparent 78%,rgba(20,3,7,.06) 100%);
}
.hero-content{z-index:3;}
.hero-overlay{z-index:2;}
@media(max-width:900px){
  .hero-coaches-layer{background-size:auto 100%;background-position:center bottom;opacity:.88;}
}
@media(max-width:600px){
  .hero-coaches-layer{background-size:auto 82%;background-position:center bottom;opacity:.72;}
  .hero-content{padding-left:1rem;padding-right:1rem;}
}

/* ==================== v42 — هماهنگ‌سازی پس‌زمینه آخرین اخبار ==================== */
.homepage-news {
  background: linear-gradient(135deg, var(--bg-section) 0%, var(--bg-dark) 100%) !important;
  color: var(--text) !important;
  border-top: 1px solid rgba(212,175,55,.18) !important;
}
.homepage-news .section-header h2 { color: var(--text) !important; }
.homepage-news .section-header p { color: var(--text-muted) !important; }
.homepage-news .news-card {
  background: var(--bg-card) !important;
  color: var(--text) !important;
  border-color: rgba(107,15,26,.13) !important;
}
html[data-theme="light"] .homepage-news {
  background: linear-gradient(135deg, #f1dfc8 0%, #f7efe3 100%) !important;
  border-top-color: rgba(122,95,14,.20) !important;
}
html[data-theme="light"] .homepage-news .news-card {
  background: #fffaf2 !important;
  color: #3b1d22 !important;
  border-color: rgba(107,15,26,.12) !important;
  box-shadow: 0 14px 35px rgba(74,10,18,.08);
}
html[data-theme="light"] .homepage-news .section-header h2 { color: #4a0a12 !important; }
html[data-theme="light"] .homepage-news .section-header p { color: #6f4b42 !important; }


/* ==================== سابقه کاری مربی ==================== */
.coach-history-card{margin-top:1.5rem}
.coach-history-empty{color:var(--text-muted);font-size:.92rem}
.coach-timeline{list-style:none;margin:1.2rem 0 0;padding:0;position:relative}
.coach-timeline::before{content:'';position:absolute;top:8px;bottom:8px;right:9px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.12));border-radius:2px}
.coach-timeline-item{position:relative;padding:0 2.2rem 1.4rem 0}
.coach-timeline-item:last-child{padding-bottom:0}
.coach-timeline-dot{position:absolute;right:2px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg-card);border:3px solid var(--gold);box-sizing:border-box}
.coach-timeline-item.is-current .coach-timeline-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(212,175,55,.22)}
.coach-timeline-body{background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.18);border-radius:12px;padding:.9rem 1.1rem}
.coach-timeline-period{display:inline-block;font-size:.78rem;font-weight:700;color:var(--gold);background:rgba(212,175,55,.12);border-radius:20px;padding:.15rem .7rem;margin-bottom:.45rem}
.coach-timeline-body h4{font-size:1.02rem;margin:0 0 .25rem;color:var(--text)}
.coach-timeline-org{font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}
.coach-timeline-org i{margin-left:.35rem;color:var(--gold)}
.coach-timeline-body p{font-size:.88rem;line-height:1.9;color:var(--text-muted);margin:0}
.coach-history-editor{border:1px dashed rgba(212,175,55,.35);border-radius:14px;padding:1rem 1.1rem}
.coach-history-hint{font-size:.82rem;color:var(--text-muted);margin:.2rem 0 .9rem}
.coach-history-form{background:rgba(255,255,255,.03);border-radius:12px;padding:.9rem;margin-bottom:.9rem}
.coach-history-admin-list{display:flex;flex-direction:column;gap:.6rem}
.coach-history-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:.7rem .9rem}
.coach-history-row-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.coach-history-row-main strong{color:var(--text)}
.coach-history-row-org,.coach-history-row-period{font-size:.85rem;color:var(--text-muted)}
.coach-history-row-main p{font-size:.82rem;color:var(--text-muted);margin:.2rem 0 0}
.coach-history-row-actions{display:flex;gap:.3rem;flex-shrink:0}
html[data-theme="light"] .coach-timeline-body{background:#fff8ec!important;border-color:#dfc18d!important}
html[data-theme="light"] .coach-timeline-dot{background:#fff!important;border-color:#8a6500!important}
html[data-theme="light"] .coach-timeline-item.is-current .coach-timeline-dot{background:#8a6500!important}
html[data-theme="light"] .coach-timeline-period{color:#6b0f1a!important;background:#f3dfbe!important}
html[data-theme="light"] .coach-timeline-body h4{color:#4a0a12!important}
html[data-theme="light"] .coach-history-form{background:#fffaf2!important}
html[data-theme="light"] .coach-history-row{background:#fff!important;border-color:#dfc18d!important}
html[data-theme="light"] .coach-history-editor{border-color:#cda96a!important}

/* ==================== فوتر: خوانایی در حالت روشن + سه ستون ==================== */
.footer-grid{grid-template-columns:1.5fr 1fr 1.2fr}
@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr}}
html[data-theme="light"] .footer,
html[data-theme="light"] .footer p,
html[data-theme="light"] .footer span,
html[data-theme="light"] .footer li,
html[data-theme="light"] .footer small,
html[data-theme="light"] .footer .footer-brand p,
html[data-theme="light"] .footer .footer-contact li,
html[data-theme="light"] .footer .footer-bottom p,
html[data-theme="light"] .footer .logo-subtitle{color:#f7ece0!important}
html[data-theme="light"] .footer a,
html[data-theme="light"] .footer .footer-links a,
html[data-theme="light"] .footer .footer-contact a{color:#f7ece0!important}
html[data-theme="light"] .footer a:hover{color:#f0d060!important}
html[data-theme="light"] .footer h1,
html[data-theme="light"] .footer h2,
html[data-theme="light"] .footer h3,
html[data-theme="light"] .footer h4,
html[data-theme="light"] .footer .footer-links h4,
html[data-theme="light"] .footer .footer-contact h4,
html[data-theme="light"] .footer .logo-title{color:#f0d060!important}
html[data-theme="light"] .footer .footer-contact i,
html[data-theme="light"] .footer .social-links a{color:#f0d060!important}
html[data-theme="light"] .footer .social-links a{background:rgba(240,208,96,.12)!important;border-color:rgba(240,208,96,.4)!important}
html[data-theme="light"] .footer .social-links a:hover{background:#f0d060!important;color:#4a0a12!important}
html[data-theme="light"] .footer .footer-note{color:#f0d060!important;opacity:1}
html[data-theme="light"] .footer .footer-bottom{border-top-color:rgba(247,236,224,.2)!important}
html[data-theme="light"] .footer .footer-links h4::after,
html[data-theme="light"] .footer .footer-contact h4::after{background:#f0d060!important}

/* ==================== تولد بازیکن: شمارش معکوس، تخفیف ==================== */
.birthday-chip{display:flex;align-items:center;list-style:none}
.birthday-chip > span,.birthday-chip > a{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap;color:#4a0a12;background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 2px 10px rgba(212,175,55,.3);text-decoration:none}
.birthday-chip b{font-size:1rem}
.birthday-chip i{animation:bdayBounce 1.8s ease-in-out infinite}
.birthday-chip.is-today > a{background:linear-gradient(135deg,#ff6b81,#ffb347);color:#4a0a12;animation:bdayPulse 1.6s ease-in-out infinite}
.birthday-chip.is-today > a:hover{transform:translateY(-1px)}
@keyframes bdayBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) rotate(-8deg)}}
@keyframes bdayPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,107,129,.55)}50%{box-shadow:0 0 0 8px rgba(255,107,129,0)}}
@media (max-width:992px){.birthday-chip{margin:.4rem 0}}
@media (prefers-reduced-motion:reduce){.birthday-chip i,.birthday-chip.is-today > a{animation:none}}
.shop-price-birthday s{opacity:.55;font-size:.85em;margin-left:.35rem}
.shop-price-birthday b{color:var(--gold)}
.birthday-price-badge{display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(255,107,129,.16);color:#ff6b81}
.birthday-price-badge i{font-size:.8em}
.birthday-discount-row,.birthday-payable-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem}
.birthday-discount-row{color:#ff6b81;font-weight:700}
.birthday-payable-row{border-top:1px dashed rgba(212,175,55,.35);padding-top:.7rem;font-size:1.15rem}
.birthday-payable-row strong{color:var(--gold)}
html[data-theme="light"] .birthday-chip > span,
html[data-theme="light"] .birthday-chip > a{color:#4a0a12!important;background:linear-gradient(135deg,#f0d060,#f7e08a)!important}
html[data-theme="light"] .birthday-chip.is-today > a{background:linear-gradient(135deg,#ff8fa3,#ffc078)!important}
html[data-theme="light"] .birthday-discount-row,
html[data-theme="light"] .birthday-price-badge{color:#b01e3c!important}
html[data-theme="light"] .birthday-price-badge{background:#ffe3e8!important}

/* عکس‌های پروفایل قابل کلیک برای بزرگ‌نمایی هستند */
.hy-click-photo,.profile-avatar img,.profile-avatar.large img,.coach-avatar img,.player-thumb img,.player-photo img{cursor:zoom-in}
.profile-photo-edit-wrap{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.profile-photo-edit-wrap .upload-thumb{display:block;object-fit:cover}
.profile-photo-edit-wrap .btn-danger{display:inline-flex;align-items:center;gap:.35rem}

/* Multi photo uploader: delete is shown only on the photo itself */
.photo-upload-grid{align-items:flex-start;gap:.7rem;min-height:84px}
.photo-upload-item{position:relative;width:84px;height:84px;display:inline-flex;align-items:center;justify-content:center}
.photo-upload-item .upload-thumb{width:84px;height:84px;margin:0;border-radius:12px;cursor:zoom-in}
.photo-remove-btn{position:absolute;top:-6px;left:-6px;width:24px;height:24px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#b42318;color:#fff;cursor:pointer;z-index:3;box-shadow:0 3px 10px rgba(0,0,0,.35);padding:0}
.photo-remove-btn:hover{transform:scale(1.08)}
.photo-primary-badge{position:absolute;right:4px;bottom:4px;font-size:.62rem;padding:.16rem .35rem;border-radius:6px;background:rgba(0,0,0,.72);color:var(--gold);pointer-events:none}
.photo-empty-hint{color:var(--text-muted);font-size:.82rem;display:inline-block;padding:.7rem 0}
.profile-photo-gallery{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0;padding:.75rem;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(212,175,55,.12)}
.profile-photo-gallery img{width:92px;height:92px;object-fit:cover;border-radius:12px;border:1px solid rgba(212,175,55,.22);cursor:zoom-in}
.profile-photo-gallery img:hover{transform:translateY(-2px)}

/* Rating challenges */
.challenge-duration-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;max-width:520px}.challenge-duration-inputs>div{display:flex;flex-direction:column;gap:.3rem}.challenge-duration-inputs input{width:100%;text-align:center}.challenge-duration-inputs small,.form-hint{color:var(--text-muted);font-size:.8rem}.challenge-countdown{display:inline-flex;align-items:center;gap:.45rem;margin-top:.75rem;padding:.55rem .85rem;border-radius:12px;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.22);color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.challenge-expired{padding:1rem;border-radius:14px;background:rgba(255,255,255,.03);color:var(--text-muted);text-align:center}.challenge-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem}.challenge-admin-player{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer}.challenge-admin-player input{width:auto}.challenge-admin-photo,.challenge-photo{width:58px;height:58px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);flex:0 0 58px}.challenge-admin-photo img,.challenge-photo img{width:100%;height:100%;object-fit:cover}.challenge-admin-player small{display:block;color:var(--text-muted);margin-top:.2rem}.challenge-admin-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.7rem}.challenge-result-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.challenge-pie{width:210px;height:210px;max-width:100%;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.challenge-result-list{display:grid;gap:.55rem}.challenge-candidate{display:flex;align-items:center;gap:.75rem;padding:.7rem;border:1px solid rgba(255,255,255,.08);border-radius:14px}.challenge-candidate.selected{border-color:var(--gold);background:rgba(212,175,55,.08)}.challenge-candidate input{width:auto}.challenge-candidate-name{font-weight:700}.challenge-votes{margin-right:auto;color:var(--text-muted);font-size:.85rem}.challenge-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:1rem 0}.challenge-voted-msg{color:#5bd27c;margin-top:.75rem;font-weight:600}.challenge-empty-chart{padding:2rem;text-align:center;color:var(--text-muted)}

/* Challenge admin lock + live statistics */
.challenge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.challenge-stats>div{padding:.75rem;border:1px solid rgba(212,175,55,.16);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}.challenge-stats strong{display:block;color:var(--gold);font-size:1.2rem}.challenge-stats span{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.2rem}.challenge-admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.challenge-lock-badge{white-space:nowrap;padding:.4rem .7rem;border-radius:999px;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.2);color:var(--gold);font-size:.78rem;font-weight:800}.challenge-is-locked{border-color:rgba(212,175,55,.28)}.challenge-admin-results{display:grid;gap:.45rem;margin:.8rem 0}.challenge-admin-result-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border-radius:12px;background:rgba(255,255,255,.025)}.challenge-admin-result-row>span{display:flex;align-items:center;gap:.55rem}.challenge-admin-result-row img,.challenge-admin-result-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}.challenge-locked-note{margin:.7rem 0;padding:.7rem .85rem;border-radius:12px;background:rgba(212,175,55,.07);color:var(--text-muted);font-size:.82rem}.challenge-locked-note i{color:var(--gold);margin-left:.35rem}@media(max-width:600px){.challenge-stats{grid-template-columns:1fr}.challenge-admin-title-row{flex-direction:column}}
.challenge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.challenge-stats>div{padding:.75rem;border:1px solid rgba(212,175,55,.16);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}.challenge-stats strong{display:block;color:var(--gold);font-size:1.2rem}.challenge-stats span{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.2rem}.challenge-admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.challenge-lock-badge{white-space:nowrap;padding:.4rem .7rem;border-radius:999px;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.2);color:var(--gold);font-size:.78rem;font-weight:800}.challenge-is-locked{border-color:rgba(212,175,55,.28)}.challenge-admin-results{display:grid;gap:.45rem;margin:.8rem 0}.challenge-admin-result-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border-radius:12px;background:rgba(255,255,255,.025)}.challenge-admin-result-row>span{display:flex;align-items:center;gap:.55rem}.challenge-admin-result-row img,.challenge-admin-result-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}.challenge-locked-note{margin:.7rem 0;padding:.7rem .85rem;border-radius:12px;background:rgba(212,175,55,.07);color:var(--text-muted);font-size:.82rem}.challenge-locked-note i{color:var(--gold);margin-left:.35rem}.challenge-player-results{display:grid;grid-template-columns:minmax(180px,220px) 1fr;align-items:center;gap:1rem;margin:1rem 0}.challenge-player-results .challenge-result-list .challenge-candidate{background:rgba(255,255,255,.02)}@media(max-width:700px){.challenge-stats{grid-template-columns:1fr}.challenge-admin-title-row{flex-direction:column}.challenge-player-results{grid-template-columns:1fr;justify-items:center}}
.challenge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.challenge-stats>div{padding:.75rem;border:1px solid rgba(212,175,55,.16);border-radius:14px;background:rgba(255,255,255,.025);text-align:center}.challenge-stats strong{display:block;color:var(--gold);font-size:1.2rem}.challenge-stats span{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.2rem}.challenge-admin-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.challenge-lock-badge{white-space:nowrap;padding:.4rem .7rem;border-radius:999px;background:rgba(212,175,55,.09);border:1px solid rgba(212,175,55,.2);color:var(--gold);font-size:.78rem;font-weight:800}.challenge-is-locked{border-color:rgba(212,175,55,.28)}.challenge-admin-results{display:grid;gap:.45rem;margin:.8rem 0}.challenge-admin-result-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;border-radius:12px;background:rgba(255,255,255,.025)}.challenge-admin-result-row>span{display:flex;align-items:center;gap:.55rem}.challenge-admin-result-row img,.challenge-admin-result-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}.challenge-locked-note{margin:.7rem 0;padding:.7rem .85rem;border-radius:12px;background:rgba(212,175,55,.07);color:var(--text-muted);font-size:.82rem}.challenge-locked-note i{color:var(--gold);margin-left:.35rem}.challenge-player-results{display:grid;grid-template-columns:minmax(180px,220px) 1fr;align-items:center;gap:1rem;margin:1rem 0}.challenge-player-results .challenge-result-list .challenge-candidate{background:rgba(255,255,255,.02)}@media(max-width:700px){.challenge-stats{grid-template-columns:1fr}.challenge-admin-title-row{flex-direction:column}.challenge-player-results{grid-template-columns:1fr;justify-items:center}}

/* Admin vote details */
.challenge-admin-pie-wrap{display:flex;justify-content:center;margin:.75rem 0 1rem}.challenge-voter-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.challenge-voter-section h4{margin:0 0 .7rem;color:var(--gold);font-size:.95rem}.challenge-voter-list{display:grid;gap:.5rem}.challenge-voter-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.challenge-voter-person{display:flex;align-items:center;gap:.5rem;min-width:0}.challenge-voter-person img,.challenge-voter-person .challenge-admin-result-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}.challenge-voter-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-voter-arrow{color:var(--gold);text-align:center}@media(max-width:600px){.challenge-voter-row{grid-template-columns:1fr;justify-items:stretch}.challenge-voter-arrow{transform:rotate(-90deg)}}

/* ==================== ارتقای ظاهری سابقه کاری مربی ==================== */
.coach-history-card{position:relative;overflow:hidden;border-radius:22px!important;padding:1.5rem!important;background:linear-gradient(145deg,rgba(212,175,55,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(212,175,55,.22)!important;box-shadow:0 18px 45px rgba(0,0,0,.10)}
.coach-history-card:before{content:'';position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.9}
.coach-history-card>h3{display:flex;align-items:center;gap:.65rem;font-size:1.25rem;margin:0 0 .2rem!important;color:var(--text)}
.coach-history-card>h3 i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(212,175,55,.14);color:var(--gold);font-size:1rem}
.coach-timeline{margin-top:1.4rem!important;padding-right:.25rem!important}
.coach-timeline:before{right:15px!important;top:15px!important;bottom:15px!important;width:3px!important;background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.08))!important}
.coach-timeline-item{padding:0 3.15rem 1.15rem 0!important}
.coach-timeline-dot{right:6px!important;top:17px!important;width:21px!important;height:21px!important;border:4px solid var(--gold)!important;background:var(--bg-card)!important;box-shadow:0 0 0 5px rgba(212,175,55,.08)!important;z-index:2}
.coach-timeline-item.is-current .coach-timeline-dot{background:var(--gold)!important;box-shadow:0 0 0 5px rgba(212,175,55,.18),0 0 18px rgba(212,175,55,.28)!important}
.coach-timeline-body{position:relative;padding:1.05rem 1.15rem 1rem!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(212,175,55,.09),rgba(255,255,255,.025))!important;border:1px solid rgba(212,175,55,.2)!important;box-shadow:0 10px 25px rgba(0,0,0,.07)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.coach-timeline-body:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.45)!important;box-shadow:0 15px 32px rgba(0,0,0,.12)!important}
.coach-timeline-item.is-current .coach-timeline-body{border-color:rgba(212,175,55,.48)!important;box-shadow:0 12px 32px rgba(212,175,55,.09)!important}
.coach-timeline-period{font-size:.75rem!important;padding:.3rem .75rem!important;font-weight:800!important;letter-spacing:.1px}
.coach-timeline-item.is-current .coach-timeline-period:after{content:'  •  فعال';font-weight:900}
.coach-timeline-body h4{font-size:1.1rem!important;font-weight:900!important;margin:.35rem 0 .35rem!important}
.coach-timeline-org{display:flex;align-items:center;gap:.25rem;font-weight:700!important}
.coach-timeline-body p{line-height:2!important;margin-top:.55rem!important;padding-top:.55rem;border-top:1px solid rgba(212,175,55,.12);font-size:.9rem!important}
html[data-theme="light"] .coach-history-card{background:linear-gradient(145deg,#fffaf0,#fff)!important;border-color:#dfc18d!important;box-shadow:0 18px 40px rgba(74,10,18,.08)!important}
html[data-theme="light"] .coach-timeline-body{background:linear-gradient(135deg,#fff9ed,#fff)!important;border-color:#e2c78e!important}
html[data-theme="light"] .coach-timeline-body:hover{box-shadow:0 15px 30px rgba(74,10,18,.1)!important}
html[data-theme="light"] .coach-timeline-item.is-current .coach-timeline-body{background:linear-gradient(135deg,#fff3d9,#fff)!important}
@media(max-width:600px){.coach-history-card{padding:1.1rem!important;border-radius:18px!important}.coach-timeline-item{padding-right:2.65rem!important}.coach-timeline:before{right:11px!important}.coach-timeline-dot{right:2px!important;width:19px!important;height:19px!important}.coach-timeline-body{padding:.9rem!important}.coach-timeline-body h4{font-size:1rem!important}}

/* ==================== کادر مربیان منتخب صفحه اصلی ==================== */
.home-coaches-more{display:flex;justify-content:center;align-items:center;margin-top:.35rem}
.home-coaches-more-btn{min-width:190px;border-radius:14px!important;font-weight:800!important;box-shadow:0 8px 22px rgba(212,175,55,.10)}
html[data-theme="light"] .home-coaches-more-btn{background:#fff!important;color:#5a1020!important;border-color:#cda96a!important}

/* ==================== پروفایل حرفه‌ای سابقه کاری مربی ==================== */
.coach-history-card{background:linear-gradient(135deg,rgba(94,18,34,.96),rgba(37,8,16,.98))!important;border:1px solid rgba(212,175,55,.34)!important;box-shadow:0 20px 55px rgba(0,0,0,.18)!important}
.coach-history-card:after{content:'';position:absolute;width:180px;height:180px;left:-80px;bottom:-100px;border-radius:50%;background:rgba(212,175,55,.08);pointer-events:none}
.coach-history-card>h3{font-size:1.35rem!important;letter-spacing:-.2px}
.coach-history-card>h3 i{background:linear-gradient(135deg,#d4af37,#f3d77a)!important;color:#4b0b19!important;box-shadow:0 8px 22px rgba(212,175,55,.16)}
.coach-timeline{position:relative;display:grid;gap:1rem;padding-right:0!important;margin-top:1.6rem!important}
.coach-timeline:before{right:20px!important;top:12px!important;bottom:12px!important;width:2px!important;background:linear-gradient(180deg,#f0cf69,rgba(212,175,55,.18))!important}
.coach-timeline-item{padding:0 4rem 0 0!important}
.coach-timeline-dot{right:10px!important;top:19px!important;width:23px!important;height:23px!important;border:4px solid #f0cf69!important;background:#5e1222!important;box-shadow:0 0 0 6px rgba(212,175,55,.09),0 5px 15px rgba(0,0,0,.22)!important}
.coach-timeline-item.is-current .coach-timeline-dot{background:#f0cf69!important;box-shadow:0 0 0 7px rgba(212,175,55,.16),0 0 24px rgba(212,175,55,.35)!important}
.coach-timeline-body{padding:1.2rem 1.25rem 1.15rem!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}
.coach-timeline-body h4{font-size:1.16rem!important;color:#fff!important;margin:.5rem 0 .45rem!important}
.coach-timeline-period{display:inline-flex!important;background:rgba(212,175,55,.14)!important;border:1px solid rgba(212,175,55,.24)!important;color:#f3d77a!important;border-radius:999px!important}
.coach-timeline-org{color:#f2e8cf!important;font-size:.94rem!important}
.coach-timeline-org i{color:#f0cf69!important}
.coach-timeline-body p{color:rgba(255,255,255,.78)!important;border-top-color:rgba(212,175,55,.16)!important}
.coach-timeline-item.is-current .coach-timeline-body{border-color:rgba(212,175,55,.48)!important;background:linear-gradient(145deg,rgba(212,175,55,.13),rgba(255,255,255,.035))!important}
html[data-theme="light"] .coach-history-card{background:linear-gradient(135deg,#fff8e9,#fff)!important;border-color:#d8b66b!important;box-shadow:0 20px 50px rgba(74,10,18,.09)!important}
html[data-theme="light"] .coach-history-card>h3{color:#4f0d1b!important}
html[data-theme="light"] .coach-timeline:before{background:linear-gradient(180deg,#b68b2c,rgba(182,139,44,.18))!important}
html[data-theme="light"] .coach-timeline-dot{background:#fff8e9!important;border-color:#b68b2c!important;box-shadow:0 0 0 6px rgba(182,139,44,.10)!important}
html[data-theme="light"] .coach-timeline-item.is-current .coach-timeline-dot{background:#c99f38!important}
html[data-theme="light"] .coach-timeline-body{background:linear-gradient(145deg,#fff,#fff8e9)!important;border-color:#e1c98f!important;box-shadow:0 10px 25px rgba(74,10,18,.07)!important}
html[data-theme="light"] .coach-timeline-body h4{color:#4b0b19!important}
html[data-theme="light"] .coach-timeline-org{color:#5d4a35!important}
html[data-theme="light"] .coach-timeline-body p{color:#65584a!important;border-top-color:#ead8ad!important}
@media(max-width:600px){.coach-timeline-item{padding-right:3rem!important}.coach-timeline:before{right:13px!important}.coach-timeline-dot{right:3px!important;width:20px!important;height:20px!important}.coach-timeline-body{padding:1rem!important}.coach-timeline-body h4{font-size:1.04rem!important}}

/* ==================== v42 — premium homepage stats / club identity ==================== */
.homepage .stats{
  position:relative;
  overflow:hidden;
  padding:5.5rem 0 5.8rem;
  background:
    radial-gradient(circle at 12% 45%, rgba(107,15,26,.26), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(212,175,55,.10), transparent 25%),
    linear-gradient(135deg,#090708 0%,#12090c 48%,#0a0809 100%);
  border-top:1px solid rgba(212,175,55,.12);
  border-bottom:1px solid rgba(212,175,55,.10);
}
.homepage .stats::before{
  content:"HOMAYOUN • CLUB LEGACY";
  position:absolute;
  left:-1rem;
  bottom:-1.2rem;
  font-size:clamp(4rem,11vw,10rem);
  line-height:.8;
  font-weight:900;
  letter-spacing:.04em;
  color:rgba(212,175,55,.028);
  white-space:nowrap;
  pointer-events:none;
}
.homepage .stats::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border:1px solid rgba(212,175,55,.08);
  border-radius:50%;
  right:-190px;
  top:-150px;
  box-shadow:0 0 0 28px rgba(212,175,55,.018),0 0 0 56px rgba(212,175,55,.012);
  pointer-events:none;
}
.homepage .stats .container{position:relative;z-index:2}
.homepage .stats .stats-intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2.4rem;
}
.homepage .stats .stats-intro-copy{max-width:700px}
.homepage .stats .stats-kicker{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:.7rem;
}
.homepage .stats .stats-kicker::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--gold);
  box-shadow:12px 0 0 rgba(212,175,55,.25);
}
.homepage .stats .stats-intro h2{
  margin:0;
  color:#fff8ed;
  font-size:clamp(1.8rem,3.2vw,3rem);
  line-height:1.25;
  font-weight:900;
}
.homepage .stats .stats-intro p{
  margin:.65rem 0 0;
  color:#cdbfc0;
  font-size:.98rem;
  line-height:1.9;
}
.homepage .stats .stats-intro-mark{
  width:74px;
  height:74px;
  flex:0 0 74px;
  display:grid;
  place-items:center;
  border:1px solid rgba(212,175,55,.32);
  border-radius:50%;
  color:var(--gold);
  background:rgba(212,175,55,.045);
  box-shadow:inset 0 0 0 7px rgba(212,175,55,.025);
}
.homepage .stats .stats-intro-mark i{font-size:1.55rem}
.homepage .stats-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1.15rem;
  margin:0;
}
.homepage .stats-grid .stat-card{
  grid-column:span 4;
  position:relative;
  min-height:260px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:right;
  padding:2rem;
  border:1px solid rgba(212,175,55,.17);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    #100b0d;
  box-shadow:0 20px 55px rgba(0,0,0,.24);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.homepage .stats-grid .stat-card::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:27px;
  background:linear-gradient(135deg,rgba(212,175,55,.08),transparent 34%,rgba(107,15,26,.08));
  pointer-events:none;
}
.homepage .stats-grid .stat-card::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  border:1px solid rgba(212,175,55,.07);
  border-radius:50%;
  left:-55px;
  bottom:-65px;
}
.homepage .stats-grid .stat-card:hover{
  transform:translateY(-7px);
  border-color:rgba(212,175,55,.48);
  box-shadow:0 28px 70px rgba(0,0,0,.34),0 0 35px rgba(107,15,26,.13);
}
.homepage .stats-grid .stat-card > *{position:relative;z-index:2}
.homepage .stats-grid .stat-card > i{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  color:var(--gold);
  background:linear-gradient(145deg,rgba(212,175,55,.16),rgba(212,175,55,.035));
  border:1px solid rgba(212,175,55,.26);
  font-size:1.35rem;
  margin-bottom:1.35rem;
}
.homepage .stats-grid .stat-card h3{
  margin:0;
  color:#fff;
  font-size:clamp(2.3rem,4vw,4rem);
  line-height:1;
  font-weight:900;
  letter-spacing:-.03em;
}
.homepage .stats-grid .stat-card p{
  margin:.7rem 0 0;
  color:#d8cacc;
  font-size:.98rem;
  font-weight:700;
}
.homepage .stats-grid .stat-card p::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:.8rem;
  background:var(--gold);
  opacity:.7;
}
.homepage .stats-grid .stat-card:has(.stat-photo){
  grid-column:span 7;
  min-height:330px;
  justify-content:flex-end;
  padding:0;
  text-align:right;
  background:#100b0d;
}
.homepage .stats-grid .stat-card:has(.stat-photo)::before{
  inset:0;
  border-radius:27px;
  background:linear-gradient(180deg,rgba(10,7,8,.02) 20%,rgba(10,7,8,.15) 42%,rgba(10,7,8,.94) 100%);
  z-index:1;
}
.homepage .stats-grid .stat-card:has(.stat-photo)::after{display:none}
.homepage .stats-grid .stat-card .stat-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  object-position:center;
  border-radius:27px;
  opacity:.86;
  z-index:0;
  filter:saturate(.95) contrast(1.03);
}
.homepage .stats-grid .stat-card:has(.stat-photo) h3{
  width:100%;
  padding:0 2rem;
  margin:0;
  font-size:clamp(2.2rem,4vw,3.8rem);
}
.homepage .stats-grid .stat-card:has(.stat-photo) p{
  width:100%;
  padding:0 2rem 1.8rem;
  margin:.55rem 0 0;
  color:#f1e5d8;
}
.homepage .stats-grid .stat-card:has(.stat-photo) p::after{margin-top:.75rem}
.homepage .stats-grid .stat-card:has(.stat-photo) .stat-photo + h3::before{
  content:"دستاورد";
  display:block;
  width:max-content;
  margin-bottom:.65rem;
  padding:.34rem .72rem;
  border-radius:999px;
  background:rgba(212,175,55,.92);
  color:#2a170d;
  font-size:.7rem;
  line-height:1;
  font-weight:900;
}
.homepage .stats-grid .stat-card:has(.stat-photo) h3{
  text-shadow:0 3px 18px rgba(0,0,0,.6);
}
.homepage .stats-grid .stat-card:has(.stat-photo) p{
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}
.homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card{
  grid-column:span 5;
}
.homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card{
  background:
    radial-gradient(circle at 80% 15%,rgba(107,15,26,.32),transparent 36%),
    linear-gradient(145deg,#171012,#0e090b);
  justify-content:center;
  padding:2.4rem;
}
.homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card > i{
  width:72px;
  height:72px;
  border-radius:22px;
  font-size:1.65rem;
  margin-bottom:1.5rem;
  box-shadow:0 10px 30px rgba(212,175,55,.08);
}
.homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card h3{
  font-size:clamp(3rem,5vw,5rem);
}
.homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card p{
  font-size:1.08rem;
  color:#e0d0d0;
}
.homepage #extraStats{display:contents!important}
html[data-theme="light"] .homepage .stats{
  background:
    radial-gradient(circle at 10% 35%,rgba(107,15,26,.08),transparent 30%),
    linear-gradient(135deg,#fffaf1,#f5eadb);
  border-color:rgba(107,15,26,.12);
}
html[data-theme="light"] .homepage .stats::before{color:rgba(107,15,26,.035)}
html[data-theme="light"] .homepage .stats .stats-intro h2{color:#4a0a12}
html[data-theme="light"] .homepage .stats .stats-intro p{color:#5e4749}
html[data-theme="light"] .homepage .stats-grid .stat-card{
  background:linear-gradient(145deg,#fffdf9,#f7ecdf);
  border-color:rgba(107,15,26,.14);
  box-shadow:0 18px 45px rgba(71,30,20,.10);
}
html[data-theme="light"] .homepage .stats-grid .stat-card h3{color:#321217}
html[data-theme="light"] .homepage .stats-grid .stat-card p{color:#4a0a12}
html[data-theme="light"] .homepage .stats-grid .stat-card:has(.stat-photo){
  background:#2a1014;
}
@media(max-width:900px){
  .homepage .stats{padding:4.5rem 0}
  .homepage .stats .stats-intro{align-items:flex-start}
  .homepage .stats-grid .stat-card,
  .homepage .stats-grid .stat-card:has(.stat-photo),
  .homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card{grid-column:span 6}
  .homepage .stats-grid .stat-card:has(.stat-photo){min-height:300px}
}
@media(max-width:600px){
  .homepage .stats{padding:3.8rem 0}
  .homepage .stats .stats-intro{display:block;margin-bottom:1.8rem}
  .homepage .stats .stats-intro-mark{display:none}
  .homepage .stats .stats-intro h2{font-size:1.8rem}
  .homepage .stats-grid{grid-template-columns:1fr;gap:.9rem}
  .homepage .stats-grid .stat-card,
  .homepage .stats-grid .stat-card:has(.stat-photo),
  .homepage .stats-grid .stat-card:has(.stat-photo) + .stat-card{grid-column:1}
  .homepage .stats-grid .stat-card{min-height:220px;padding:1.7rem}
  .homepage .stats-grid .stat-card:has(.stat-photo){min-height:285px}
  .homepage .stats-grid .stat-card:has(.stat-photo) h3{padding:0 1.5rem}
  .homepage .stats-grid .stat-card:has(.stat-photo) p{padding:0 1.5rem 1.5rem}
}

/* لینک مشاهده پروفایل بازیکن */
.player-profile-link{transition:transform .2s ease,opacity .2s ease;text-shadow:0 0 12px rgba(212,175,55,.12)}
.player-card:hover .player-profile-link{transform:translateX(-3px);opacity:1}

/* Challenge: single choice + live chart */
.challenge-live-badge{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.55rem .85rem;border-radius:12px;background:rgba(91,210,124,.09);border:1px solid rgba(91,210,124,.25);color:#5bd27c;font-weight:700;font-size:.85rem}
.challenge-live-dot{width:10px;height:10px;border-radius:50%;background:#5bd27c;box-shadow:0 0 0 0 rgba(91,210,124,.6);animation:challengePulse 1.6s infinite}
@keyframes challengePulse{0%{box-shadow:0 0 0 0 rgba(91,210,124,.55)}70%{box-shadow:0 0 0 10px rgba(91,210,124,0)}100%{box-shadow:0 0 0 0 rgba(91,210,124,0)}}
.challenge-bar-row{flex-wrap:wrap}.challenge-bar-row>span{min-width:150px}
.challenge-bar{flex:1 1 140px;height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.challenge-bar i{display:block;height:100%;border-radius:999px;transition:width .6s ease}
.challenge-bar-row.is-leading{border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.06)}
.challenge-voted-card{border-color:rgba(91,210,124,.3)}
.challenge-voted-card .challenge-candidate:not(.selected){opacity:.45}
.challenge-voted-msg i{margin-left:.35rem}

.challenge-candidate{cursor:pointer;user-select:none}
.challenge-candidate input.challenge-choice{appearance:none;-webkit-appearance:none;width:22px;height:22px;flex:0 0 22px;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;display:inline-block;position:relative;cursor:pointer;pointer-events:none}
.challenge-candidate input.challenge-choice:checked{border-color:var(--gold)}
.challenge-candidate input.challenge-choice:checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--gold)}
.challenge-voted-card .challenge-candidate{cursor:not-allowed;pointer-events:none}
.challenge-voted-card .challenge-candidate.selected{opacity:1}

/* Confirm dialog — same look as site toasts */
.site-confirm-overlay{position:fixed;inset:0;z-index:40000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(10,5,6,.62);backdrop-filter:blur(3px);animation:toastIn .2s ease}
.site-confirm{width:min(94vw,460px);padding:1.2rem 1.25rem;border-width:1.5px}
.site-confirm .toast-icon{font-size:1.6rem;margin-top:.1rem}
.site-confirm-body{flex:1;min-width:0}
.site-confirm-title{display:block;font-size:1.05rem;margin-bottom:.35rem}
.site-confirm.warning .site-confirm-title{color:var(--gold)}.site-confirm.success .site-confirm-title{color:#2ecc71}.site-confirm.error .site-confirm-title{color:#ff6b5d}.site-confirm.info .site-confirm-title{color:#5dade2}
.site-confirm-text{line-height:1.9;color:inherit;opacity:.92}
.site-confirm-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.site-confirm-actions .btn{display:inline-flex;align-items:center;gap:.4rem}
html[data-theme="light"] .site-confirm-overlay{background:rgba(60,30,35,.35)}

/* پیام تمرین/مسابقه‌ی جدید برای بازیکن */
.schedule-alert-wrap{position:fixed;top:92px;left:50%;transform:translateX(-50%);z-index:29000;width:min(94vw,560px);display:flex;flex-direction:column;gap:.6rem}
.schedule-alert{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:15px;background:#211619;color:#fff;border:1px solid rgba(212,175,55,.55);box-shadow:0 16px 45px rgba(0,0,0,.4);animation:toastIn .25s ease}
.schedule-alert-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(212,175,55,.15);color:var(--gold);font-size:1.15rem}
.schedule-alert-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}
.schedule-alert-text strong{font-size:.95rem}
.schedule-alert-text small{color:rgba(255,255,255,.7);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.schedule-alert-close{flex:none;background:none;border:0;color:rgba(255,255,255,.55);cursor:pointer;font-size:.95rem;padding:.3rem}
.schedule-alert-close:hover{color:#fff}
.schedule-highlight{outline:2px solid var(--gold);outline-offset:8px;border-radius:14px;transition:outline-color .3s}
html[data-theme="light"] .schedule-alert{background:#fff4df;color:#3b1d22;border-color:#d5b878;box-shadow:0 16px 40px rgba(74,10,18,.18)}
html[data-theme="light"] .schedule-alert-text small{color:#6b4a4f}
html[data-theme="light"] .schedule-alert-close{color:#6b4a4f}

/* انتخاب دستی موقعیت تحویل روی نقشه */
.cart-picker-overlay{position:fixed;inset:0;z-index:31000;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:1rem}
.cart-picker-box{width:min(96vw,640px);max-height:94vh;overflow:auto;background:#211619;color:#fff;border:1px solid rgba(212,175,55,.45);border-radius:18px;padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.cart-picker-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}
.cart-picker-x{background:none;border:0;color:inherit;cursor:pointer;font-size:1rem;padding:.3rem}
.cart-picker-help{font-size:.85rem;color:rgba(255,255,255,.72);margin:.2rem 0 .7rem}
.cart-picker-map{height:min(52vh,360px);border-radius:14px;overflow:hidden;background:#2b1d21;direction:ltr}
.cart-picker-loading{height:100%;display:grid;place-items:center;text-align:center;padding:1rem;font-size:.9rem;color:rgba(255,255,255,.75)}
.cart-picker-coords{display:flex;gap:.5rem;margin-top:.7rem}
.cart-picker-coords input{flex:1;min-width:0}
.cart-picker-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.8rem}
html[data-theme="light"] .cart-picker-box{background:#fff8ec;color:#3b1d22;border-color:#d5b878}
html[data-theme="light"] .cart-picker-help,html[data-theme="light"] .cart-picker-loading{color:#6b4a4f}

/* پرسش تحویل کالا و وضعیت آن */
.order-ask-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin:.5rem 0 .2rem}
.order-ask-alert .order-ask-actions{margin:0;flex:none;flex-wrap:nowrap}
.order-ask-done{margin:.5rem 0;padding:.55rem .8rem;border-radius:10px;font-size:.85rem}
.order-ask-done.yes{background:rgba(46,204,113,.14);color:#2ecc71}
.order-ask-done.no{background:rgba(231,76,60,.14);color:#e74c3c}
.order-flag{margin-top:.4rem;font-size:.75rem;line-height:1.5}
.order-flag.no{color:#e74c3c}.order-flag.yes{color:#2ecc71}
.order-row-highlight td{background:rgba(212,175,55,.22)!important;transition:background .4s}
@media(max-width:560px){.order-ask-alert{flex-wrap:wrap}.order-ask-alert .order-ask-actions{width:100%;justify-content:flex-end}}


/* ==================== Homayoun Gallery ==================== */
.homepage-gallery{padding:5.5rem 0;background:var(--bg-section);}
.gallery-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;}
.gallery-category-card{position:relative;min-height:190px;padding:1.35rem;border:1px solid rgba(212,175,55,.18);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;background:var(--gallery-bg,var(--bg-card));box-shadow:var(--shadow);transition:var(--transition);}
.gallery-category-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.66));pointer-events:none;}
.gallery-category-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.82;transition:transform .35s ease,opacity .35s ease;}
.gallery-category-card:hover .gallery-category-cover{transform:scale(1.04);opacity:.92;}
.gallery-category-card>*{position:relative;z-index:1;}
.gallery-category-card:hover{transform:translateY(-7px);border-color:rgba(212,175,55,.55);box-shadow:0 18px 45px rgba(0,0,0,.45);}
.gallery-category-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.13);color:var(--gold);font-size:1.45rem;margin-bottom:auto;}
.gallery-category-card h3{font-size:1.15rem;color:#fff;margin:0;}
.gallery-category-card span{font-size:.82rem;color:rgba(255,255,255,.72);}
.gallery-category-arrow{position:absolute!important;left:1.2rem;bottom:1.4rem;color:var(--gold);font-size:.95rem;}
.gallery-section{padding:4rem 0;}
.gallery-page-section{min-height:55vh;}
.gallery-loading,.gallery-empty{min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;color:var(--text-muted);text-align:center;border:1px dashed rgba(212,175,55,.2);border-radius:20px;background:rgba(255,255,255,.015);}
.gallery-loading i,.gallery-empty i{font-size:2rem;color:var(--gold);}
.gallery-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;}
.gallery-photo-card{margin:0;background:var(--bg-card);border:1px solid rgba(212,175,55,.14);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);}
.gallery-photo-card img{width:100%;height:280px;object-fit:cover;cursor:zoom-in;transition:transform .3s ease;}
.gallery-photo-card img:hover{transform:scale(1.025);}
.gallery-photo-card figcaption{padding:.75rem 1rem;color:var(--text);font-size:.9rem;}
.gallery-photo-card.zoomed{position:fixed;z-index:3000;inset:7vh 5vw;background:rgba(15,10,11,.98);padding:1rem;display:flex;align-items:center;justify-content:center;border-color:var(--gold);}
.gallery-photo-card.zoomed img{height:100%;max-height:86vh;object-fit:contain;transform:none;}
.gallery-admin-section{padding-top:2rem;}
.gallery-admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.25rem;}
.gallery-admin-message{padding:1rem 1.2rem;border-radius:12px;margin-bottom:1rem;border:1px solid;}
.gallery-admin-message.success{background:rgba(39,174,96,.12);border-color:rgba(39,174,96,.4);color:#9af0bb;}
.gallery-admin-message.error{background:rgba(192,57,43,.12);border-color:rgba(192,57,43,.4);color:#ffb0a6;}
.gallery-admin-row{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid rgba(212,175,55,.12);border-radius:12px;margin-bottom:.65rem;background:rgba(255,255,255,.02);}
.gallery-admin-swatch{width:42px;height:42px;border-radius:10px;flex:0 0 auto;border:1px solid rgba(255,255,255,.15);}
.gallery-admin-row-main{flex:1;display:flex;flex-direction:column;gap:.15rem;}
.gallery-admin-row-main strong{color:var(--text);}
.gallery-admin-row-main small{color:var(--text-muted);}
.gallery-admin-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem;}
.gallery-admin-photo{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(212,175,55,.15);}
.gallery-admin-photo img{width:100%;height:130px;object-fit:cover;}

.gallery-upload-note{font-size:.82rem;color:var(--text-muted);margin:.6rem 0 1rem;}
@media(max-width:1000px){.gallery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.gallery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.gallery-category-grid,.gallery-photo-grid,.gallery-admin-layout{grid-template-columns:1fr;}.gallery-category-card{min-height:165px}.gallery-photo-card img{height:240px}.gallery-admin-photos{grid-template-columns:repeat(2,1fr)}}

.gallery-photo-preview{margin:.8rem 0 1rem;padding:.75rem;border:1px solid rgba(212,175,55,.2);border-radius:12px;background:rgba(255,255,255,.025);text-align:center}.gallery-photo-preview-label{font-weight:700;margin-bottom:.6rem;color:var(--text)}.gallery-photo-preview img{display:block;max-width:100%;max-height:260px;margin:0 auto .7rem;border-radius:10px;object-fit:contain}.gallery-admin-photo-actions{position:absolute;right:.4rem;left:.4rem;bottom:.4rem;display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.gallery-admin-photo small{display:block;padding:2.8rem .45rem .45rem;color:var(--text-muted);font-size:.78rem}.gallery-admin-photo img{display:block}

/* Gallery admin preview */
.gallery-visual-preview{margin:1rem 0;padding:.8rem;border:1px solid rgba(212,175,55,.2);border-radius:16px;background:rgba(255,255,255,.02)}
.gallery-visual-preview-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.65rem}
.gallery-visual-preview-head strong{font-size:1rem;color:var(--text)}
.gallery-visual-preview-head span{font-size:.8rem;color:var(--text-muted)}
.gallery-visual-preview-body{min-height:145px;border-radius:13px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.6rem;overflow:hidden;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.gallery-visual-preview-body img{width:92px;height:92px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.25)}
.gallery-visual-preview-body span{font-size:.85rem;color:rgba(255,255,255,.8)}
.gallery-photo-broken{min-height:280px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03)}
@media(max-width:700px){.gallery-visual-preview-body{min-height:120px}.gallery-visual-preview-body img{width:70px;height:70px}}


/* ==================== Homayoun Gallery v3 — premium ==================== */
/* بخش صفحه اصلی: هم‌رنگ سایر بخش‌ها + نوشته انگلیسی GALLERY پشت صفحه */
.homepage-gallery{position:relative;overflow:hidden;padding:5.5rem 0;background:radial-gradient(circle at 12% 10%,rgba(212,175,55,.12),transparent 30%),radial-gradient(circle at 92% 92%,rgba(139,26,43,.30),transparent 38%),linear-gradient(150deg,#12090c,#2a1017 55%,#0f0a0b);border-block:1px solid rgba(212,175,55,.08)}
.homepage-gallery:after{content:'GALLERY';position:absolute;right:-.03em;top:.04em;pointer-events:none;font-weight:900;letter-spacing:.08em;opacity:.035;line-height:1;z-index:0;font-size:clamp(5rem,15vw,13rem)}
.homepage-gallery .container{position:relative;z-index:1}
.homepage-gallery .section-header h2{color:var(--text)!important}
.homepage-gallery .section-header p{color:var(--text-muted)!important}
html[data-theme="light"] .homepage-gallery{background:linear-gradient(135deg,#fffaf7,#f1e2d4)!important}
html[data-theme="light"] .homepage-gallery:after{opacity:.07;color:#6b0f1a}
html[data-theme="light"] .homepage-gallery .section-header h2{color:#4a0a12!important}
html[data-theme="light"] .homepage-gallery .section-header p{color:#624b45!important}

/* چیدمان bento صفحه اصلی */
.hg-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);grid-auto-flow:dense;gap:1.1rem}
.hg-bento .hg-card:first-child{grid-column:span 2;grid-row:span 2}
.hg-bento[data-count="1"]{grid-template-columns:1fr}.hg-bento[data-count="1"] .hg-card:first-child{grid-column:auto;grid-row:auto;min-height:380px}
.hg-bento[data-count="2"]{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(340px,auto)}.hg-bento[data-count="2"] .hg-card:first-child{grid-column:auto;grid-row:auto}
.hg-bento[data-count="3"]{grid-template-columns:1.6fr 1fr;grid-auto-rows:minmax(200px,auto)}.hg-bento[data-count="3"] .hg-card:first-child{grid-column:auto;grid-row:span 2}

.hg-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.3rem;border-radius:22px;overflow:hidden;isolation:isolate;text-decoration:none;color:#fff;background:var(--gallery-bg,#6b0f1a);border:1px solid rgba(212,175,55,.22);box-shadow:0 14px 40px rgba(0,0,0,.38);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .35s}
.hg-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,10,11,.05) 0%,rgba(15,10,11,.35) 45%,rgba(15,10,11,.9) 100%);transition:opacity .35s}
.hg-card::after{content:"";position:absolute;inset:10px;z-index:2;border:1px solid rgba(212,175,55,.0);border-radius:15px;pointer-events:none;transition:border-color .35s,inset .35s}
.hg-card:hover{transform:translateY(-8px);border-color:rgba(212,175,55,.65);box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.2)}
.hg-card:hover::after{border-color:rgba(212,175,55,.5);inset:8px}
.hg-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(1.05)}
.hg-card:hover .hg-cover{transform:scale(1.07)}
.hg-card>*:not(.hg-cover){position:relative;z-index:3}
.hg-num{position:absolute!important;top:.9rem;left:1.1rem;font-size:2.6rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(240,208,96,.55);letter-spacing:.02em;z-index:3}
.hg-icon{position:absolute!important;top:1rem;right:1rem;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(15,10,11,.55);backdrop-filter:blur(6px);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-size:1.15rem;z-index:3}
.hg-name{font-size:1.2rem;font-weight:800;margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.hg-bento .hg-card:first-child .hg-name{font-size:clamp(1.6rem,3vw,2.3rem)}
.hg-meta{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:rgba(255,255,255,.8)}
.hg-count{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .7rem;border-radius:50px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-weight:700}
.hg-go{margin-inline-start:auto;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#2a0a10;font-size:.85rem;transform:translateX(8px);opacity:0;transition:.35s}
.hg-card:hover .hg-go{transform:none;opacity:1}
.hg-card.hg-noimg::before{background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.55))}
.hg-card.hg-noimg .hg-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:6rem;color:rgba(255,255,255,.07);z-index:0}

.hg-all{display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 2.2rem;border-radius:50px;font-weight:800;color:#2a0a10;background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-dark));box-shadow:0 10px 30px rgba(212,175,55,.28);text-decoration:none;transition:.3s}
.hg-all:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(212,175,55,.42)}
.hg-all i{transition:transform .3s}.hg-all:hover i{transform:translateX(-5px)}

/* ---------- صفحه همه گالری‌ها: ردیف‌های نمایشی متناوب ---------- */
.gp-page{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 5%,rgba(212,175,55,.10),transparent 28%),radial-gradient(circle at 95% 60%,rgba(139,26,43,.25),transparent 35%),linear-gradient(160deg,#0f0a0b,#1c0d12 55%,#0f0a0b);padding:3rem 0 5rem}
.gp-page:after{content:'GALLERY';position:absolute;left:-.03em;bottom:-.05em;pointer-events:none;font-weight:900;letter-spacing:.08em;opacity:.035;line-height:1;font-size:clamp(5rem,16vw,14rem)}
.gp-page .container{position:relative;z-index:1}
html[data-theme="light"] .gp-page{background:linear-gradient(135deg,#fffaf7,#f1e2d4)}
html[data-theme="light"] .gp-page:after{color:#6b0f1a;opacity:.07}
.gp-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:0 auto 3rem}
.gp-stat{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem;border-radius:50px;border:1px solid rgba(212,175,55,.25);background:rgba(255,255,255,.03)}
.gp-stat i{color:var(--gold);font-size:1.1rem}.gp-stat b{font-size:1.25rem;color:var(--gold-light)}.gp-stat span{color:var(--text-muted);font-size:.9rem}
.gp-list{display:flex;flex-direction:column;gap:1.8rem}
.gp-row{position:relative;display:grid;grid-template-columns:1.25fr 1fr;min-height:310px;border-radius:28px;overflow:hidden;text-decoration:none;color:var(--text);border:1px solid rgba(212,175,55,.2);background:var(--gallery-bg,#6b0f1a);box-shadow:0 18px 50px rgba(0,0,0,.4);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s,border-color .4s}
.gp-row:nth-child(even){grid-template-columns:1fr 1.25fr}
.gp-row:nth-child(even) .gp-media{order:2}
.gp-row:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.6);box-shadow:0 28px 65px rgba(0,0,0,.55)}
.gp-media{position:relative;overflow:hidden;min-height:260px}
.gp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.gp-row:hover .gp-media img{transform:scale(1.06)}
.gp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,var(--gallery-bg,#6b0f1a))}
.gp-row:nth-child(even) .gp-media::after{background:linear-gradient(270deg,transparent 40%,var(--gallery-bg,#6b0f1a))}
.gp-media-empty{display:flex;align-items:center;justify-content:center;font-size:5rem;color:rgba(255,255,255,.12)}
.gp-info{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.8rem;padding:2rem 2.2rem;background:linear-gradient(135deg,rgba(15,10,11,.55),rgba(15,10,11,.82))}
.gp-no{font-size:4.5rem;font-weight:900;line-height:.9;color:transparent;-webkit-text-stroke:1.5px rgba(240,208,96,.5)}
.gp-info h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#fff;margin:0}
.gp-info p{color:rgba(255,255,255,.72);font-size:.95rem;margin:0}
.gp-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:50px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.38);color:var(--gold-light);font-weight:700;font-size:.85rem}
.gp-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;padding:.7rem 1.5rem;border-radius:50px;font-weight:800;color:#2a0a10;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark))}
.gp-cta i{transition:transform .3s}.gp-row:hover .gp-cta i{transform:translateX(-5px)}

/* ---------- صفحه یک گالری: چیدمان masonry ---------- */
.gv-head{position:relative;text-align:center;margin:0 auto 2.2rem;padding:2rem 1rem;border-radius:26px;overflow:hidden;background:var(--gallery-bg,#6b0f1a);border:1px solid rgba(212,175,55,.25)}
.gv-head::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,11,.35),rgba(15,10,11,.8))}
.gv-head>*{position:relative}
.gv-head h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:#fff;margin:.5rem 0}
.gv-head p{color:rgba(255,255,255,.78)}
.gv-masonry{column-count:3;column-gap:1.1rem}
.gv-item{position:relative;display:block;break-inside:avoid;margin:0 0 1.1rem;border-radius:18px;overflow:hidden;border:1px solid rgba(212,175,55,.18);background:var(--bg-card);box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer;padding:0;width:100%;text-align:inherit;color:inherit;font:inherit;transition:transform .3s,border-color .3s,box-shadow .3s}
.gv-item img{display:block;width:100%;height:auto;cursor:pointer}
.gv-item:hover{transform:translateY(-5px);border-color:rgba(212,175,55,.6);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.gv-item .gv-cap{position:absolute;inset-inline:0;bottom:0;padding:2.4rem 1rem .9rem;background:linear-gradient(180deg,transparent,rgba(15,10,11,.92));color:#fff;font-size:.9rem;font-weight:600;opacity:0;transform:translateY(8px);transition:.3s}
.gv-item:hover .gv-cap,.gv-item:focus-visible .gv-cap{opacity:1;transform:none}
.gv-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ---------- نمایشگر تمام‌صفحه (بدون ذره‌بین/زوم) ---------- */
.gl-box{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;background:rgba(10,6,8,.95);backdrop-filter:blur(8px);padding:3.5rem 4.5rem}
.gl-box.open{display:flex}
.gl-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:.9rem;max-width:100%;max-height:100%}
.gl-fig img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:14px;border:1px solid rgba(212,175,55,.35);box-shadow:0 20px 70px rgba(0,0,0,.7);cursor:default;user-select:none;-webkit-user-drag:none}
.gl-fig figcaption{color:var(--text);font-weight:600;text-align:center}
.gl-count{position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);padding:.3rem 1rem;border-radius:50px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-size:.85rem;font-weight:700}
.gl-btn{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(212,175,55,.45);background:rgba(26,18,20,.85);color:var(--gold-light);font-size:1.05rem;cursor:pointer;transition:.25s}
.gl-btn:hover{background:var(--gold);color:#2a0a10}
.gl-close{top:1rem;right:1rem}.gl-prev{right:1rem;top:50%;transform:translateY(-50%)}.gl-next{left:1rem;top:50%;transform:translateY(-50%)}

@media(max-width:1000px){
 .hg-bento,.hg-bento[data-count="3"],.hg-bento[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,auto)}
 .hg-bento .hg-card:first-child,.hg-bento[data-count="3"] .hg-card:first-child{grid-column:span 2;grid-row:auto;min-height:300px}
 .gv-masonry{column-count:2}
}
@media(max-width:700px){
 .homepage-gallery{padding:3.5rem 0}
 .hg-bento{gap:.8rem}.hg-card{padding:1rem;border-radius:18px}.hg-name{font-size:1rem}.hg-num{font-size:2rem}
 .hg-go{opacity:1;transform:none}
 .gp-row,.gp-row:nth-child(even){grid-template-columns:1fr}
 .gp-row:nth-child(even) .gp-media{order:0}
 .gp-media{min-height:210px}.gp-media::after,.gp-row:nth-child(even) .gp-media::after{background:linear-gradient(180deg,transparent 40%,var(--gallery-bg,#6b0f1a))}
 .gp-info{padding:1.4rem}.gp-no{font-size:3rem}
 .gv-masonry{column-gap:.7rem}.gv-item{margin-bottom:.7rem;border-radius:14px}
 .gl-box{padding:3.5rem .6rem 4.5rem}.gl-prev,.gl-next{top:auto;bottom:1rem;transform:none}.gl-prev{right:calc(50% + 8px)}.gl-next{left:calc(50% + 8px)}
}


/* ==================== Homayoun Gallery v4 — اسلایدر و متن شیشه‌ای ==================== */
.hg-slides{position:absolute;inset:0;z-index:0;overflow:hidden}
.hg-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(6%);transition:opacity .9s ease,transform 1.3s cubic-bezier(.22,.7,.2,1);will-change:opacity,transform;user-select:none}
.hg-slide.is-active{opacity:1;transform:none}
.hg-slide.is-prev{opacity:0;transform:translateX(-6%)}
/* بدون بزرگ‌نمایی/زوم روی عکس هنگام هاور */
.hg-card:hover .hg-cover,.hg-card:hover .hg-slide{transform:none}
.hg-card:hover .hg-slide.is-prev{transform:translateX(-6%)}
.hg-card:hover .hg-slides{filter:brightness(1.07) saturate(1.1)}
.hg-slides{transition:filter .5s}
.hg-card::before{background:linear-gradient(180deg,rgba(15,10,11,.0) 0%,rgba(15,10,11,.12) 38%,rgba(15,10,11,.82) 100%)}

/* نقطه‌های اسلایدر */
.hg-dots{position:absolute!important;top:1.55rem;left:50%;transform:translateX(-50%);display:flex;gap:.32rem;align-items:center;padding:.28rem .55rem;border-radius:50px;background:rgba(15,10,11,.5);backdrop-filter:blur(6px);border:1px solid rgba(212,175,55,.22);z-index:3}
.hg-dot{display:block;width:6px;height:6px;border-radius:50px;background:rgba(255,255,255,.4);transition:width .45s cubic-bezier(.4,0,.2,1),background .3s}
.hg-dot.is-active{width:20px;background:linear-gradient(90deg,var(--gold-light),var(--gold))}

/* پنل شیشه‌ای متن زیر عکس */
.hg-info{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.95rem 1.1rem 1rem;border-radius:18px;background:linear-gradient(135deg,rgba(26,18,20,.48),rgba(15,10,11,.74));backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(212,175,55,.2);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;transition:transform .45s cubic-bezier(.22,.7,.2,1),border-color .4s,background .4s}
.hg-info::before{content:"";position:absolute;top:0;bottom:0;width:60%;left:-80%;background:linear-gradient(105deg,transparent,rgba(240,208,96,.18),transparent);transform:skewX(-18deg);pointer-events:none;transition:left .9s ease}
.hg-card:hover .hg-info::before{left:130%}
.hg-card:hover .hg-info{transform:translateY(-6px);border-color:rgba(240,208,96,.6);background:linear-gradient(135deg,rgba(107,15,26,.55),rgba(15,10,11,.82))}
.hg-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.26em;color:var(--gold);opacity:.9;direction:ltr;text-align:right}
.hg-info .hg-name{position:relative;padding-bottom:.55rem;font-size:1.25rem;font-weight:900;line-height:1.35;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hg-info .hg-name::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:34px;border-radius:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));transition:width .55s cubic-bezier(.22,.7,.2,1)}
.hg-card:hover .hg-info .hg-name::after{width:100%}
.hg-bento .hg-card:first-child .hg-info .hg-name{font-size:clamp(1.55rem,2.8vw,2.2rem)}
.hg-bento .hg-card:first-child .hg-info{padding:1.2rem 1.4rem 1.25rem}
/* ردیف پنهانِ هاور */
.hg-reveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.22,.7,.2,1),opacity .4s}
.hg-card:hover .hg-reveal,.hg-card:focus-visible .hg-reveal{grid-template-rows:1fr;opacity:1}
.hg-reveal-in{overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-top:.15rem}
.hg-info .hg-count{font-size:.8rem}
.hg-more{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:800;color:#2a0a10;padding:.38rem .95rem;border-radius:50px;background:linear-gradient(135deg,var(--gold-light),var(--gold) 60%,var(--gold-dark));box-shadow:0 6px 18px rgba(212,175,55,.35)}
.hg-more i{transition:transform .3s}.hg-card:hover .hg-more i{transform:translateX(-4px)}
.hg-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* کارت فاقد عکس */
.hg-card.hg-noimg .hg-ghost{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:6rem;color:rgba(255,255,255,.08);z-index:0}
@media(max-width:700px){
 .hg-reveal{grid-template-rows:1fr;opacity:1}
 .hg-info{padding:.8rem .9rem}.hg-info .hg-name{font-size:1.05rem}
 .hg-dots{top:1.35rem}
 .hg-more{padding:.3rem .75rem;font-size:.78rem}
}
@media(hover:none){.hg-reveal{grid-template-rows:1fr;opacity:1}}
@media(prefers-reduced-motion:reduce){.hg-slide{transition:opacity .3s}.hg-info::before{display:none}}
.hg-card>.hg-slides{position:absolute;inset:0;z-index:0}


/* ==========================================================================
   v50 — خوانایی کامل حالت روشن (هدر، هیرو، تیتر صفحات، گالری)
   قاعده: هر بخشی که زمینه‌اش تیره/برگوندی/عکس است، در حالت روشن هم متن روشن دارد.
   ========================================================================== */
html[data-theme="light"] {
  --on-dark: #fff8ee;
  --on-dark-soft: rgba(255,248,238,.86);
  --on-dark-gold: #f6d77a;
}

/* ---------- هدر (دسکتاپ): نوار برگوندی ← متن کرم، فعال/هاور طلایی ---------- */
@media (min-width: 769px) {
  html[data-theme="light"] .header .nav-link,
  html[data-theme="light"] .header .nav-link span,
  html[data-theme="light"] .header .user-menu-name,
  html[data-theme="light"] .header .nav-link i {
    color: var(--on-dark) !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
  }
  html[data-theme="light"] .header .nav-link:hover,
  html[data-theme="light"] .header .nav-link.active,
  html[data-theme="light"] .header .nav-link:hover span,
  html[data-theme="light"] .header .nav-link.active span {
    color: var(--on-dark-gold) !important;
    background: rgba(255,255,255,.10) !important;
  }
  html[data-theme="light"] .header .nav-link.admin-btn {
    background: linear-gradient(135deg, #d4af37, #f0d060) !important;
    color: #3a0a12 !important;
    text-shadow: none;
    border: 1px solid rgba(255,255,255,.35) !important;
  }
  html[data-theme="light"] .header .nav-link.admin-btn:hover {
    color: #3a0a12 !important;
    filter: brightness(1.06);
  }
  /* منوی کشویی روی زمینه کرم می‌ماند و متن تیره دارد */
  html[data-theme="light"] .header .dropdown-menu a,
  html[data-theme="light"] .header .dropdown-menu a span {
    color: #3b1d22 !important;
    text-shadow: none;
    background: transparent !important;
  }
  html[data-theme="light"] .header .dropdown-menu a:hover {
    color: #6b0f1a !important;
    background: #f4dfbd !important;
  }
}
/* موبایل: دکمه همبرگری روی نوار برگوندی روشن باشد */
html[data-theme="light"] .header .mobile-toggle span { background: var(--on-dark) !important; }

/* ---------- تیتر بالای صفحه‌های داخلی ---------- */
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .page-hero h1 i { color: var(--on-dark) !important; text-shadow: 0 2px 18px rgba(0,0,0,.35); }
html[data-theme="light"] .page-hero h1 i { color: var(--on-dark-gold) !important; }
html[data-theme="light"] .page-hero p,
html[data-theme="light"] .page-hero span { color: var(--on-dark-soft) !important; }

/* ---------- هیروی صفحه اصلی (عکس تیره + برگوندی) ---------- */
html[data-theme="light"] .hero .hero-kicker { color: var(--on-dark-gold) !important; border-color: rgba(246,215,122,.35) !important; background: rgba(0,0,0,.28); }
html[data-theme="light"] .hero .hero-kicker span { background: var(--on-dark-gold) !important; }
html[data-theme="light"] .hero .hero-title { color: var(--on-dark) !important; text-shadow: 0 6px 30px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.5); }
html[data-theme="light"] .hero .hero-title span {
  background: linear-gradient(135deg, #f6d77a, #ffe9a8 55%, #e8bf4a) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,.55));
}
html[data-theme="light"] .hero .hero-desc { color: var(--on-dark) !important; text-shadow: 0 2px 14px rgba(0,0,0,.65); }
html[data-theme="light"] .hero .hero-trust span,
html[data-theme="light"] .hero .hero-trust > * {
  color: var(--on-dark) !important;
  background: rgba(20,3,7,.55) !important;
  border: 1px solid rgba(246,215,122,.35) !important;
  backdrop-filter: blur(6px);
}
html[data-theme="light"] .hero .hero-trust i { color: var(--on-dark-gold) !important; }

/* ---------- گالری صفحه اصلی: کارت‌های روی عکس ---------- */
html[data-theme="light"] .homepage-gallery .hg-card .hg-name,
html[data-theme="light"] .homepage-gallery .hg-card .hg-info .hg-name { color: #fff !important; text-shadow: 0 2px 14px rgba(0,0,0,.7); }
html[data-theme="light"] .homepage-gallery .hg-card .hg-eyebrow { color: var(--on-dark-gold) !important; opacity: 1; }
html[data-theme="light"] .homepage-gallery .hg-card .hg-num { color: transparent !important; -webkit-text-stroke: 1.5px rgba(246,215,122,.85); }
html[data-theme="light"] .homepage-gallery .hg-card .hg-count { color: var(--on-dark-gold) !important; background: rgba(20,3,7,.55) !important; border-color: rgba(246,215,122,.5) !important; }
html[data-theme="light"] .homepage-gallery .hg-card .hg-more { color: #2a0a10 !important; }
html[data-theme="light"] .homepage-gallery .hg-card .hg-icon { color: var(--on-dark-gold) !important; background: rgba(20,3,7,.6) !important; }
/* پنل شیشه‌ای زیر عنوان: همیشه تیره‌تر تا روی عکس روشن هم خوانا بماند */
html[data-theme="light"] .homepage-gallery .hg-card .hg-info {
  background: linear-gradient(135deg, rgba(26,10,14,.74), rgba(15,6,9,.88)) !important;
  border-color: rgba(246,215,122,.35) !important;
}
html[data-theme="light"] .homepage-gallery .hg-card:hover .hg-info {
  background: linear-gradient(135deg, rgba(107,15,26,.82), rgba(15,6,9,.9)) !important;
}
html[data-theme="light"] .homepage-gallery .hg-all { color: #2a0a10 !important; }
html[data-theme="light"] .homepage-gallery .hg-dots { background: rgba(20,3,7,.6); }

/* ---------- صفحه گالری ---------- */
html[data-theme="light"] .gp-page .gp-row .gp-no { color: transparent !important; -webkit-text-stroke: 1.5px rgba(246,215,122,.85); }
html[data-theme="light"] .gp-page .gp-row .gp-info h3 { color: #fff !important; }
html[data-theme="light"] .gp-page .gp-row .gp-info p { color: rgba(255,248,238,.88) !important; }
html[data-theme="light"] .gp-page .gp-row .gp-chip { color: var(--on-dark-gold) !important; background: rgba(20,3,7,.55) !important; border-color: rgba(246,215,122,.5) !important; }
html[data-theme="light"] .gp-page .gp-row .gp-chip i { color: var(--on-dark-gold) !important; }
html[data-theme="light"] .gp-stat { background: #fffaf2; border-color: #d9bd88; }
html[data-theme="light"] .gp-stat b { color: #6b0f1a !important; }
html[data-theme="light"] .gp-stat span { color: #5a3a33 !important; }
html[data-theme="light"] .gp-stat i { color: #8a6500; }


/* ==========================================================================
   v50 — پروفایل مربی (طراحی جدید)  ·  کارت چسبان + تایم‌لاین سابقه کاری
   توکن‌های رنگ برای هر دو تم؛ بدون وابستگی به قواعد پراکنده‌ی قبلی
   ========================================================================== */
.cp-layout {
  --cp-surface: #1a1214;
  --cp-surface-2: #231619;
  --cp-border: rgba(212,175,55,.22);
  --cp-line: rgba(212,175,55,.35);
  --cp-text: #f5f0eb;
  --cp-muted: #b9a9a2;
  --cp-accent: #e2c25a;
  --cp-accent-strong: #f0d060;
  --cp-chip-bg: rgba(212,175,55,.12);
  --cp-shadow: 0 18px 50px rgba(0,0,0,.45);
  --cp-yw: 96px; --cp-nw: 24px;
  display: grid;
  grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: 1.7rem;
  align-items: start;
}
html[data-theme="light"] .cp-layout {
  --cp-surface: #fffaf2;
  --cp-surface-2: #ffffff;
  --cp-border: #dfc18d;
  --cp-line: #c9a14a;
  --cp-text: #3b1d22;
  --cp-muted: #6b4a42;
  --cp-accent: #8a6500;
  --cp-accent-strong: #6b0f1a;
  --cp-chip-bg: #f6e6c3;
  --cp-shadow: 0 16px 40px rgba(74,10,18,.12);
}

/* هیروی کوتاه‌تر برای صفحه پروفایل */
#coachProfilePage { padding: 8rem 0 2.6rem; }
#coachProfilePage h1 { font-size: clamp(1.7rem, 4vw, 2.3rem); margin-bottom: .35rem; }
#coachProfilePage .cp-crumb a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
html[data-theme="light"] #coachProfilePage .cp-crumb,
html[data-theme="light"] #coachProfilePage .cp-crumb a { color: var(--on-dark-soft, #fff8ee) !important; }

/* ---------- کارت پروفایل ---------- */
.cp-card {
  position: sticky; top: 96px;
  background: var(--cp-surface);
  border: 1px solid var(--cp-border);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: var(--cp-shadow);
  padding-bottom: 1.4rem;
  text-align: center;
}
.cp-banner {
  position: relative; height: 128px; overflow: hidden;
  background:
    radial-gradient(circle at 18% 120%, rgba(240,208,96,.35), transparent 45%),
    linear-gradient(135deg, #4a0a12 0%, #6b0f1a 55%, #8b1a2b 100%);
}
.cp-banner::after { /* خطوط زمین فوتسال */
  content: ""; position: absolute; inset: 14px; border: 1px solid rgba(240,208,96,.28); border-radius: 14px;
  background: linear-gradient(90deg, transparent calc(50% - .5px), rgba(240,208,96,.28) 50%, transparent calc(50% + .5px));
}
.cp-banner-ball {
  position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; transform: translate(-50%, -50%);
  border: 1px solid rgba(240,208,96,.28); border-radius: 50%; z-index: 1;
}
.cp-avatar-wrap { margin: -66px auto 0; width: 136px; height: 136px; position: relative; z-index: 2; }
.cp-avatar-wrap::before { /* حلقه طلایی */
  content: ""; position: absolute; inset: -5px; border-radius: 50%;
  background: conic-gradient(from 210deg, #f0d060, #b8941f, #fff1b8, #d4af37, #f0d060);
}
.cp-avatar {
  position: relative; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;
  border: 4px solid var(--cp-surface);
  background: linear-gradient(135deg, #6b0f1a, #8b1a2b);
  display: flex; align-items: center; justify-content: center;
  font-size: 3.1rem; color: #f0d060;
}
.cp-avatar img { width: 100%; height: 100%; object-fit: cover; }
.cp-identity { padding: 1rem 1.4rem 0; }
.cp-name { font-size: 1.45rem; font-weight: 800; line-height: 1.4; color: var(--cp-text); margin: 0; }
.cp-role { margin: .25rem 0 0; font-size: .98rem; font-weight: 700; color: var(--cp-accent); }
.cp-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem; padding: .95rem 1.2rem 0; }
.cp-chip {
  padding: .22rem .85rem; border-radius: 50px; font-size: .8rem; font-weight: 700;
  color: var(--cp-text); background: var(--cp-chip-bg); border: 1px solid var(--cp-border);
}
.cp-bio { margin: 1rem 0 0; padding: 0 1.5rem; font-size: .93rem; line-height: 2; color: var(--cp-muted); }
.cp-stats {
  display: grid; grid-template-columns: repeat(3, 1fr);
  margin: 1.3rem 1.2rem 0; border: 1px solid var(--cp-border); border-radius: 18px; overflow: hidden;
  background: var(--cp-surface-2);
}
.cp-stat { padding: .8rem .3rem; display: flex; flex-direction: column; gap: .1rem; }
.cp-stat + .cp-stat { border-right: 1px solid var(--cp-border); }
.cp-stat b { font-size: 1.5rem; font-weight: 900; line-height: 1.2; color: var(--cp-accent-strong); }
.cp-stat span { font-size: .74rem; color: var(--cp-muted); }

/* ---------- پنل‌های ستون اصلی ---------- */
.cp-main { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
.cp-panel {
  background: var(--cp-surface); border: 1px solid var(--cp-border); border-radius: 26px;
  padding: 1.5rem 1.6rem 1.7rem; box-shadow: var(--cp-shadow); color: var(--cp-text);
}
.cp-panel-head { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.4rem; }
.cp-panel-head h3 { margin: 0; font-size: 1.2rem; font-weight: 800; color: var(--cp-text); }
.cp-panel-icon {
  width: 42px; height: 42px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #f0d060, #b8941f); color: #3a0a12; font-size: 1.05rem;
}
.cp-count {
  margin-right: auto; padding: .2rem .8rem; border-radius: 50px; font-size: .8rem; font-weight: 700;
  color: var(--cp-accent); background: var(--cp-chip-bg); border: 1px solid var(--cp-border);
}
.cp-empty { text-align: center; padding: 2.2rem 1rem; color: var(--cp-muted); }
.cp-empty i { font-size: 2.2rem; color: var(--cp-accent); opacity: .8; margin-bottom: .6rem; display: block; }
.cp-empty p { margin: 0; }

/* ---------- تایم‌لاین ---------- */
.cp-steps { list-style: none; margin: 0; padding: 0; position: relative; display: flex; flex-direction: column; gap: 1.1rem; }
.cp-steps::before {
  content: ""; position: absolute; top: 18px; bottom: 18px;
  right: calc(var(--cp-yw) + var(--cp-nw) / 2 + .55rem - 1px); width: 2px; border-radius: 2px;
  background: linear-gradient(180deg, var(--cp-line), transparent);
}
.cp-step { display: grid; grid-template-columns: var(--cp-yw) var(--cp-nw) minmax(0, 1fr); gap: .55rem; align-items: start; }
.cp-step-year { text-align: left; padding-top: .55rem; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.3; }
.cp-step-year strong { font-size: 1.35rem; font-weight: 900; color: var(--cp-accent-strong); letter-spacing: -.01em; }
.cp-step-year small { font-size: .78rem; font-weight: 600; color: var(--cp-muted); }
.cp-step-node {
  width: 18px; height: 18px; margin: .85rem auto 0; border-radius: 50%; position: relative; z-index: 1;
  background: var(--cp-surface); border: 3px solid var(--cp-line); box-sizing: border-box;
}
.cp-step.is-current .cp-step-node { border-color: #d4af37; background: #d4af37; box-shadow: 0 0 0 5px rgba(212,175,55,.25); }
.cp-step-card {
  position: relative; padding: 1rem 1.2rem 1.1rem; border-radius: 18px;
  background: var(--cp-surface-2); border: 1px solid var(--cp-border);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.cp-step-card::before { /* فلش اتصال به نقطه */
  content: ""; position: absolute; top: 1.05rem; right: -7px; width: 12px; height: 12px;
  background: inherit; border-top: 1px solid var(--cp-border); border-right: 1px solid var(--cp-border);
  transform: rotate(45deg);
}
.cp-step-card:hover { transform: translateX(-4px); border-color: var(--cp-line); }
.cp-step.is-current .cp-step-card {
  border-color: #d4af37;
  background: linear-gradient(135deg, rgba(212,175,55,.14), var(--cp-surface-2) 60%);
  box-shadow: 0 10px 30px rgba(212,175,55,.16);
}
.cp-step.is-current .cp-step-card::before { border-color: #d4af37; }
.cp-step-card h4 { margin: 0 0 .3rem; font-size: 1.08rem; font-weight: 800; line-height: 1.6; color: var(--cp-text); }
.cp-step-org { font-size: .9rem; font-weight: 600; color: var(--cp-accent); margin-bottom: .35rem; }
.cp-step-org i { margin-left: .4rem; }
.cp-step-card p { margin: .4rem 0 0; padding-top: .55rem; border-top: 1px dashed var(--cp-border); font-size: .9rem; line-height: 2; color: var(--cp-muted); }
.cp-live {
  display: inline-flex; align-items: center; gap: .4rem; margin-bottom: .45rem;
  padding: .15rem .75rem; border-radius: 50px; font-size: .75rem; font-weight: 800;
  background: linear-gradient(135deg, #f0d060, #d4af37); color: #3a0a12 !important;
}
.cp-live i { width: 7px; height: 7px; border-radius: 50%; background: #6b0f1a; animation: cpPulse 1.8s ease-in-out infinite; }
@keyframes cpPulse { 50% { opacity: .35; transform: scale(.7); } }

/* ---------- تصاویر ---------- */
.cp-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .7rem; }
.cp-photos img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 16px; border: 1px solid var(--cp-border); transition: transform .25s, box-shadow .25s; }
.cp-photos img:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.28); }
.cp-manage input[type="file"] { width: 100%; }

/* ---------- تم روشن: رنگ دقیق متن‌ها (بالاتر از قاعده‌های عمومی span/p/h) ---------- */
html[data-theme="light"] .cp-layout .cp-name,
html[data-theme="light"] .cp-layout .cp-panel-head h3,
html[data-theme="light"] .cp-layout .cp-step-card h4 { color: #3b1d22 !important; }
html[data-theme="light"] .cp-layout .cp-role,
html[data-theme="light"] .cp-layout .cp-step-org { color: #7a5600 !important; }
html[data-theme="light"] .cp-layout .cp-bio,
html[data-theme="light"] .cp-layout .cp-step-card p,
html[data-theme="light"] .cp-layout .cp-step-year small,
html[data-theme="light"] .cp-layout .cp-stat span,
html[data-theme="light"] .cp-layout .cp-empty p { color: #5d3f38 !important; }
html[data-theme="light"] .cp-layout .cp-chip { color: #4a0a12 !important; }
html[data-theme="light"] .cp-layout .cp-count { color: #6b0f1a !important; }
html[data-theme="light"] .cp-layout .cp-stat b,
html[data-theme="light"] .cp-layout .cp-step-year strong { color: #6b0f1a !important; }
html[data-theme="light"] .cp-layout .cp-panel-icon i { color: #3a0a12; }

/* ---------- ریسپانسیو ---------- */
@media (max-width: 960px) {
  .cp-layout { grid-template-columns: 1fr; }
  .cp-card { position: static; }
}
@media (max-width: 620px) {
  .cp-layout { --cp-nw: 22px; gap: 1.2rem; }
  .cp-panel { padding: 1.2rem 1rem 1.3rem; border-radius: 22px; }
  .cp-steps::before { right: 10px; }
  .cp-step { grid-template-columns: var(--cp-nw) minmax(0, 1fr); gap: .3rem .6rem; }
  .cp-step-node { grid-row: 1 / span 2; grid-column: 1; margin-top: .4rem; }
  .cp-step-year { grid-column: 2; grid-row: 1; flex-direction: row; align-items: baseline; gap: .5rem; padding-top: 0; text-align: right; }
  .cp-step-card { grid-column: 2; grid-row: 2; }
  .cp-step-card::before { display: none; }
}
@media (prefers-reduced-motion: reduce) { .cp-live i { animation: none; } .cp-step-card, .cp-photos img { transition: none; } }


/* ==========================================================================
   v50 — ادامه‌ی اصلاح خوانایی حالت روشن: منوی کاربر، کادرهای تیره‌ی داخل صفحات
   ========================================================================== */

/* دکمه‌ی منوی کاربر (پس‌زمینه‌ی طلایی ← متن تیره) */
html[data-theme="light"] .header .nav-link.admin-btn,
html[data-theme="light"] .header .nav-link.admin-btn span,
html[data-theme="light"] .header .nav-link.admin-btn .user-menu-name,
html[data-theme="light"] .header .nav-link.admin-btn i {
  color: #3a0a12 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .header .user-menu-avatar { background: rgba(74,10,18,.12); border-color: rgba(74,10,18,.55); color: #3a0a12; }

/* نوار آمار بالای پنل مدیر (کادر برگوندی تیره) */
html[data-theme="light"] .panel-stats-row .panel-stat,
html[data-theme="light"] .panel-stats-row .panel-stat span { color: rgba(255,248,238,.9) !important; }
html[data-theme="light"] .panel-stats-row .panel-stat strong { color: #f6d77a !important; }
html[data-theme="light"] .panel-stats-row .panel-stat small { color: #f6d77a !important; opacity: .95; }
html[data-theme="light"] .panel-stats-row .panel-stat i { color: #f6d77a !important; }

/* پیام‌های موفق/خطا در پنل گالری مدیر */
html[data-theme="light"] .gallery-admin-message.error { color: #8a1c10 !important; background: #fde8e4; border-color: #e2a198; }
html[data-theme="light"] .gallery-admin-message.success { color: #14532d !important; background: #e3f6e9; border-color: #8fd0a6; }

/* ---------- صفحه‌ی گزارش مربیان: پوسته‌ی تیره در هر دو تم ---------- */
html[data-theme="light"] .cr-hero h1,
html[data-theme="light"] .cr-hero h2,
html[data-theme="light"] .cr-hero h3 { color: #fff !important; }
html[data-theme="light"] .cr-hero,
html[data-theme="light"] .cr-hero p,
html[data-theme="light"] .cr-hero span,
html[data-theme="light"] .cr-hero div,
html[data-theme="light"] .cr-hero small { color: rgba(255,248,238,.9) !important; }
html[data-theme="light"] .cr-hero b,
html[data-theme="light"] .cr-hero strong,
html[data-theme="light"] .cr-hero i { color: #f6d77a !important; }

html[data-theme="light"] .cr-toolbar label,
html[data-theme="light"] .cr-toolbar small,
html[data-theme="light"] .cr-toolbar span,
html[data-theme="light"] .cr-toolbar p,
html[data-theme="light"] .cr-toolbar div,
html[data-theme="light"] .cr-toolbar strong,
html[data-theme="light"] .cr-bulk-panel label,
html[data-theme="light"] .cr-bulk-panel small,
html[data-theme="light"] .cr-bulk-panel span,
html[data-theme="light"] .cr-bulk-panel div { color: rgba(255,248,238,.92) !important; }
html[data-theme="light"] .cr-toolbar h1, html[data-theme="light"] .cr-toolbar h2, html[data-theme="light"] .cr-toolbar h3,
html[data-theme="light"] .cr-bulk-panel h3, html[data-theme="light"] .cr-bulk-title { color: #fff !important; }
html[data-theme="light"] .cr-selected-count,
html[data-theme="light"] .cr-count b { color: #f6d77a !important; }
html[data-theme="light"] .cr-select-box,
html[data-theme="light"] .cr-select-box span { color: #fff8ee !important; }

html[data-theme="light"] .cr-item,
html[data-theme="light"] .cr-item p,
html[data-theme="light"] .cr-item span,
html[data-theme="light"] .cr-item div,
html[data-theme="light"] .cr-item small,
html[data-theme="light"] .cr-item label { color: rgba(255,248,238,.92) !important; }
html[data-theme="light"] .cr-item h1, html[data-theme="light"] .cr-item h2, html[data-theme="light"] .cr-item h3,
html[data-theme="light"] .cr-item h4, html[data-theme="light"] .cr-item .cr-title { color: #fff !important; }
html[data-theme="light"] .cr-item strong,
html[data-theme="light"] .cr-info-card strong,
html[data-theme="light"] .cr-section strong { color: #f6d77a !important; }
html[data-theme="light"] .cr-empty,
html[data-theme="light"] .cr-empty p { color: #5d3f38 !important; }
/* دکمه‌های داخل پوسته‌ی تیره */
html[data-theme="light"] .cr-item .btn,
html[data-theme="light"] .cr-toolbar .btn { color: #fff !important; }
html[data-theme="light"] .cr-toolbar .btn-outline,
html[data-theme="light"] .cr-item .btn-outline { background: rgba(255,255,255,.08) !important; border-color: rgba(246,215,122,.55) !important; }


/* ==========================================================================
   v50 — گزارش تمرین مربی: کادرهای تیره در حالت روشن، متن روشن
   ========================================================================== */
html[data-theme="light"] .report-hero-card,
html[data-theme="light"] .report-card,
html[data-theme="light"] .tactic-editor,
html[data-theme="light"] .report-actions,
html[data-theme="light"] .report-image-item { color: rgba(255,248,238,.92) !important; }
html[data-theme="light"] .report-hero-card h1,
html[data-theme="light"] .report-hero-card h2,
html[data-theme="light"] .report-card h2,
html[data-theme="light"] .report-card h3,
html[data-theme="light"] .report-card h4,
html[data-theme="light"] .report-card strong,
html[data-theme="light"] .tactic-editor h3,
html[data-theme="light"] .tactic-editor strong { color: #fff !important; }
html[data-theme="light"] .report-hero-card p,
html[data-theme="light"] .report-hero-card small,
html[data-theme="light"] .report-card p,
html[data-theme="light"] .report-card small,
html[data-theme="light"] .report-card label,
html[data-theme="light"] .report-card span,
html[data-theme="light"] .report-card div,
html[data-theme="light"] .tactic-editor label,
html[data-theme="light"] .tactic-editor span,
html[data-theme="light"] .tactic-editor small,
html[data-theme="light"] .tactic-editor b,
html[data-theme="light"] .tactic-editor div,
html[data-theme="light"] .draw-hint,
html[data-theme="light"] .tactic-toolbar-group-title,
html[data-theme="light"] .tactic-label { color: rgba(255,248,238,.92) !important; }
html[data-theme="light"] .report-kicker { color: #f6d77a !important; }
html[data-theme="light"] .report-card .report-step-title > span,
html[data-theme="light"] .report-step-title > span { color: #f6d77a !important; }
/* دکمه‌های ابزار ترسیم و نمای زمین */
html[data-theme="light"] .draw-tool,
html[data-theme="light"] .field-mode,
html[data-theme="light"] .mobile-category,
html[data-theme="light"] .mobile-field { color: #fff8ee !important; background: rgba(255,255,255,.08) !important; border-color: rgba(246,215,122,.4) !important; }
html[data-theme="light"] .draw-tool.active,
html[data-theme="light"] .field-mode.active,
html[data-theme="light"] .mobile-category.active,
html[data-theme="light"] .mobile-field.active { color: #3a0a12 !important; background: linear-gradient(135deg,#f0d060,#d4af37) !important; }
html[data-theme="light"] .tactic-icon { color: #f6d77a !important; }
html[data-theme="light"] .report-card .btn-outline,
html[data-theme="light"] .report-actions .btn-outline { color: #6b0f1a !important; }
/* ورودی‌ها داخل کادر تیره همان روشنِ خوانا بمانند */
html[data-theme="light"] .report-card input,
html[data-theme="light"] .report-card select,
html[data-theme="light"] .report-card textarea { color: #3b1d22 !important; }

/* ==== حضور و غیاب: برچسب «حاضر» ==== */
html[data-theme="light"] .att-status-label.present { color: #14532d !important; }
html[data-theme="light"] .att-btn.active-present { color: #fff !important; background: #1e8e4e !important; border-color: #1e8e4e !important; }
html[data-theme="light"] .att-status-label.absent { color: #8a1c10 !important; }
html[data-theme="light"] .att-btn.active-absent { color: #fff !important; }

/* ==== داشبورد بازیکن: بخش‌های برگوندی تیره ==== */
html[data-theme="light"] .player-coach-feature .section-header h2,
html[data-theme="light"] .player-coach-feature .section-header p,
html[data-theme="light"] .player-match-feature .section-header h2,
html[data-theme="light"] .player-match-feature .feature-heading h2,
html[data-theme="light"] .player-match-feature .feature-heading p,
html[data-theme="light"] .player-match-feature .section-header p { color: #fff8ee !important; }
html[data-theme="light"] .player-coach-feature .section-badge,
html[data-theme="light"] .player-match-feature .section-badge { color: #f6d77a !important; background: rgba(0,0,0,.28) !important; border-color: rgba(246,215,122,.45) !important; }
html[data-theme="light"] .player-match-feature p,
html[data-theme="light"] .player-match-feature .empty,
html[data-theme="light"] .player-match-feature small { color: rgba(255,248,238,.9) !important; }
html[data-theme="light"] .home-coach-option b,
html[data-theme="light"] .home-coach-pick b,
html[data-theme="light"] .panel-person b { color: #14732f !important; }
html[data-theme="light"] .home-coach-check b { color: #14732f !important; }

/* ==== گالری صفحه اصلی — موبایل و شماره‌ی روی عکس روشن ==== */
html[data-theme="light"] .homepage-gallery .hg-card .hg-num {
  -webkit-text-stroke: 1.5px #fff0b8;
  text-shadow: 0 2px 10px rgba(0,0,0,.65), 0 0 2px rgba(0,0,0,.6);
  paint-order: stroke fill;
}
@media (max-width: 700px) {
  .hg-reveal-in { flex-wrap: wrap; gap: .4rem; }
  .hg-bento .hg-card:not(:first-child) .hg-more { display: none; }
  .hg-eyebrow { letter-spacing: .12em; font-size: .56rem; }
}
/* «ادامه خبر»: در تم تیره طلایی، در تم روشن برگوندی */
html:not([data-theme="light"]) .news-card .news-read { color: var(--gold-light); opacity: 1; }
html[data-theme="light"] .news-card .news-read { color: #6b0f1a !important; opacity: 1; }
html[data-theme="light"] .homepage-gallery .hg-card .hg-num { color: rgba(255,240,184,.92) !important; -webkit-text-fill-color: rgba(255,240,184,.92); -webkit-text-stroke: 0; }


/* ==== بازیکنان برجسته صفحه اصلی: جستجو + مدیریت ==== */
.featured-search{display:flex;gap:.9rem;flex-wrap:wrap;align-items:flex-end;justify-content:center;max-width:900px;margin:0 auto 1.25rem;padding:1rem 1.2rem;border:1px solid rgba(212,175,55,.28);border-radius:var(--radius);background:var(--bg-card)}
.featured-search .fp-field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 200px;min-width:0}
.featured-search .fp-field-sm{flex:0 1 150px}
.featured-search label{font-size:.8rem;color:var(--text-muted);font-weight:600}
.featured-search label i{color:var(--gold);margin-left:.3rem}
.featured-search input,.featured-search select,.fp-admin-toolbar input,.fp-admin-toolbar select{width:100%;padding:.6rem .9rem;border-radius:10px;border:1px solid rgba(212,175,55,.3);background:var(--bg-dark);color:var(--text);font-family:inherit;font-size:.92rem}
.featured-search input:focus,.featured-search select:focus,.fp-admin-toolbar input:focus,.fp-admin-toolbar select:focus{outline:none;border-color:var(--gold)}
.fp-reset{padding:.6rem 1.1rem;border-radius:10px;border:1px solid rgba(212,175,55,.35);background:transparent;color:var(--gold);cursor:pointer;font-family:inherit;font-size:.88rem}
.fp-reset:hover{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.fp-count{text-align:center;color:var(--text-muted);font-size:.85rem;min-height:1.4em;margin-bottom:1rem}
.fp-admin-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:.5rem}
.fp-admin-hint{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}
.fp-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.6rem;max-height:520px;overflow:auto;padding:.2rem}
.fp-admin-item{display:flex!important;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid rgba(212,175,55,.22);border-radius:12px;cursor:pointer;flex-wrap:wrap}
.fp-admin-item.is-on{border-color:#2ecc71;background:rgba(46,204,113,.08)}
.fp-admin-num{min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--burgundy);color:#fff;font-weight:700;font-size:.85rem}
.fp-admin-name{font-weight:700}
.fp-admin-meta{color:var(--text-muted);font-size:.78rem;flex-basis:100%;padding-right:2.6rem}
.fp-admin-ok{color:#2ecc71;font-size:.78rem;margin-right:auto}
html[data-theme="light"] .featured-search{background:#fff;border-color:#cda96a}
html[data-theme="light"] .featured-search input,html[data-theme="light"] .featured-search select,html[data-theme="light"] .fp-admin-toolbar input,html[data-theme="light"] .fp-admin-toolbar select{background:#fff;color:#2b1a1d;border-color:#cdbfc2}
html[data-theme="light"] .featured-search label,html[data-theme="light"] .fp-count,html[data-theme="light"] .fp-admin-hint,html[data-theme="light"] .fp-admin-meta{color:#5a4a4d}
html[data-theme="light"] .fp-reset{color:#6b0f1a;border-color:#6b0f1a}
html[data-theme="light"] .fp-reset:hover{background:#6b0f1a;color:#fff}
html[data-theme="light"] .fp-admin-ok{color:#14732f}
html[data-theme="light"] .fp-admin-item.is-on{border-color:#14732f;background:rgba(20,115,47,.07)}
@media (max-width:700px){.fp-admin-toolbar{grid-template-columns:1fr}.featured-search .fp-field-sm{flex:1 1 100%}}


/* ==== صندوق پیام: لیست افراد سمت چپ، پیام‌ها سمت راست ==== */
/* ===== پیام‌رسان همایون (v22): فهرست گفت‌وگو سمت چپ، پنجره چت سمت راست ===== */
.chat-section{padding-top:2rem}
.chat-layout{direction:ltr;display:grid;grid-template-columns:360px minmax(0,1fr);height:min(720px,calc(100vh - 220px));min-height:520px;border-radius:22px;overflow:hidden;border:1px solid rgba(212,175,55,.28);background:linear-gradient(160deg,#1c1316,#0f0a0b);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.05) inset}
.chat-layout>*{direction:rtl;min-height:0;min-width:0}
/* --- ستون چپ --- */
.chat-side{display:flex;flex-direction:column;border-left:1px solid rgba(212,175,55,.18);background:linear-gradient(180deg,rgba(212,175,55,.06),rgba(0,0,0,.18))}
.chat-side-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:1.05rem 1.1rem .6rem}
.chat-side-title{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.05rem;color:var(--gold)}
.chat-count{font-style:normal;font-size:.72rem;font-weight:700;background:rgba(212,175,55,.16);color:var(--gold-light);padding:.1rem .55rem;border-radius:99px}
.chat-new-btn{display:inline-flex;align-items:center;gap:.4rem;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;color:#1a1204;padding:.5rem .9rem;border-radius:99px;background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 6px 18px rgba(212,175,55,.3);transition:transform .15s,box-shadow .15s}
.chat-new-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(212,175,55,.42)}
.chat-new-btn.on{filter:saturate(.7)}
.chat-search{position:relative;margin:.2rem 1.1rem .8rem}
.chat-search i{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem}
.chat-search input,.chat-new-panel input{width:100%;padding:.62rem .9rem;border-radius:12px;border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.04);color:var(--text);font-family:inherit;font-size:.88rem;outline:0;transition:border-color .15s,background .15s}
.chat-search input{padding-right:2.4rem}
.chat-search input:focus,.chat-new-panel input:focus{border-color:var(--gold);background:rgba(255,255,255,.07)}
.chat-new-panel{margin:0 1.1rem .8rem;padding:.7rem;border-radius:14px;border:1px dashed rgba(212,175,55,.35);background:rgba(212,175,55,.05)}
.chat-contacts{max-height:240px;overflow:auto;margin-top:.5rem}
.chat-contact{display:flex;align-items:center;gap:.65rem;width:100%;text-align:right;border:0;border-radius:12px;background:transparent;color:var(--text);padding:.5rem .55rem;cursor:pointer;font-family:inherit;transition:background .15s}
.chat-contact:hover{background:rgba(212,175,55,.14)}
.chat-contact-info{display:flex;flex-direction:column;min-width:0}
.chat-contact-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-contact-meta{font-size:.74rem;color:var(--text-muted)}
.chat-empty-sm{text-align:center;color:var(--text-muted);padding:.8rem;font-size:.85rem}
.chat-inbox{flex:1;overflow:auto;padding:0 .55rem .7rem}
.chat-inbox-item{display:flex;align-items:center;gap:.8rem;width:100%;text-align:right;border:0;border-radius:16px;background:transparent;color:var(--text);padding:.75rem .7rem;cursor:pointer;font-family:inherit;position:relative;transition:background .18s,transform .18s}
.chat-inbox-item+.chat-inbox-item{margin-top:2px}
.chat-inbox-item:hover{background:rgba(212,175,55,.09)}
.chat-inbox-item.active{background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(212,175,55,.08));box-shadow:inset 0 0 0 1px rgba(212,175,55,.35)}
.chat-inbox-item.active::before{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--gold)}
.chat-inbox-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}
.chat-inbox-top,.chat-inbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.chat-inbox-top strong{font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.chat-inbox-top time{font-size:.7rem;color:var(--text-muted);flex-shrink:0}
.chat-inbox-preview{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.chat-inbox-preview b{color:var(--gold);font-weight:600}
.chat-role{flex-shrink:0;font-size:.66rem;font-weight:700;padding:.12rem .5rem;border-radius:99px;border:1px solid transparent}
.chat-role-admin{color:#ffd9a0;background:rgba(255,160,40,.14);border-color:rgba(255,160,40,.3)}
.chat-role-coach{color:#9fe3b4;background:rgba(60,190,110,.12);border-color:rgba(60,190,110,.3)}
.chat-role-player{color:#a9cdfa;background:rgba(80,150,250,.12);border-color:rgba(80,150,250,.3)}
/* آواتار */
.chat-avatar{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#1a1204;background:linear-gradient(135deg,#7aa6e8,#4a78c4);box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 2px rgba(255,255,255,.06)}
.chat-avatar.sm{width:36px;height:36px;font-size:.9rem}
.chat-avatar-admin{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))}
.chat-avatar-coach{background:linear-gradient(135deg,#6fdc9a,#2f9e63)}
.chat-avatar-player{color:#fff}
.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;color:var(--text-muted);padding:2.5rem 1rem;height:100%}
.chat-empty i{font-size:2rem;color:rgba(212,175,55,.45)}
.chat-empty p{margin:0;line-height:1.9;font-size:.9rem}
/* --- ستون راست --- */
.chat-main{position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 85% 0%,rgba(212,175,55,.08),transparent 45%),radial-gradient(circle at 10% 100%,rgba(140,30,50,.12),transparent 50%),#120c0e}
.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.6rem;padding:2rem;color:var(--text-muted)}
.chat-placeholder h3{margin:.4rem 0 0;color:var(--text);font-size:1.25rem}
.chat-placeholder p{margin:0;max-width:340px;line-height:1.9;font-size:.92rem}
.chat-placeholder-icon{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:var(--gold);background:radial-gradient(circle,rgba(212,175,55,.2),rgba(212,175,55,.04));border:1px solid rgba(212,175,55,.3);box-shadow:0 0 50px rgba(212,175,55,.18);animation:chatFloat 4s ease-in-out infinite}
@keyframes chatFloat{50%{transform:translateY(-8px)}}
.chat-pane{flex:1;display:flex;flex-direction:column;min-height:0}
.chat-head{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.2rem;border-bottom:1px solid rgba(212,175,55,.16);background:rgba(15,10,11,.72);backdrop-filter:blur(10px)}
.chat-head-info{display:flex;flex-direction:column;min-width:0}
.chat-head-info strong{font-size:1.02rem;color:var(--text)}
.chat-head-info span{font-size:.76rem;color:var(--gold)}
.chat-back{display:none;border:0;background:rgba(212,175,55,.14);color:var(--gold);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem}
.chat-messages{flex:1;overflow:auto;padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:.45rem;scroll-behavior:smooth}
.chat-messages::-webkit-scrollbar,.chat-inbox::-webkit-scrollbar,.chat-contacts::-webkit-scrollbar{width:6px}
.chat-messages::-webkit-scrollbar-thumb,.chat-inbox::-webkit-scrollbar-thumb,.chat-contacts::-webkit-scrollbar-thumb{background:rgba(212,175,55,.3);border-radius:6px}
.chat-day{display:flex;justify-content:center;margin:.6rem 0}
.chat-day span{font-size:.72rem;color:var(--text-muted);background:rgba(255,255,255,.05);border:1px solid rgba(212,175,55,.14);padding:.2rem .85rem;border-radius:99px}
.chat-row{display:flex;align-items:center;gap:.4rem;animation:chatIn .25s ease both}
@keyframes chatIn{from{opacity:0;transform:translateY(8px)}}
/* پیام‌های من سمت راست، پیام‌های طرف مقابل سمت چپ پنجره */
.chat-row.mine{justify-content:flex-start}
.chat-row.theirs{justify-content:flex-end}
.chat-bubble{max-width:min(72%,520px);padding:.65rem .95rem .45rem;border-radius:18px;position:relative;word-wrap:break-word;overflow-wrap:anywhere}
.chat-row.mine .chat-bubble{background:linear-gradient(135deg,#e6c24e,#c9a227);color:#1d1503;border-bottom-right-radius:5px;box-shadow:0 8px 20px rgba(212,175,55,.2)}
.chat-row.theirs .chat-bubble{background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px}
.chat-bubble-title{display:block;font-size:.82rem;margin-bottom:.25rem;opacity:.85}
.chat-row.theirs .chat-bubble-title{color:var(--gold)}
.chat-bubble-body{white-space:pre-wrap;line-height:1.85;font-size:.94rem}
.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;margin-top:.2rem;font-size:.68rem;opacity:.7}
.chat-meta i{font-size:.65rem}
.chat-edited{font-style:italic}
.chat-msg-actions{display:flex;gap:.3rem;opacity:0;transform:scale(.9);transition:opacity .15s,transform .15s}
.chat-row:hover .chat-msg-actions,.chat-row:focus-within .chat-msg-actions{opacity:1;transform:none}
.chat-msg-actions button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(212,175,55,.3);background:rgba(15,10,11,.85);color:var(--gold);cursor:pointer;font-size:.78rem;transition:background .15s,color .15s,transform .15s}
.chat-msg-actions button:hover{background:var(--gold);color:#1a1204;transform:translateY(-1px)}
.chat-msg-actions button.danger{color:#ff8a8a;border-color:rgba(255,100,100,.35)}
.chat-msg-actions button.danger:hover{background:#e04848;color:#fff}
.chat-row.editing .chat-bubble{max-width:min(80%,560px);width:100%;background:rgba(212,175,55,.1);border:1px solid var(--gold);color:var(--text)}
.chat-edit-input{width:100%;resize:vertical;min-height:60px;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(212,175,55,.3);background:rgba(0,0,0,.35);color:var(--text);font-family:inherit;font-size:.93rem;line-height:1.8;outline:0}
.chat-edit-bar{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}
.chat-edit-bar button{border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:.8rem;padding:.4rem .95rem;border-radius:99px}
.chat-edit-save{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1a1204}
.chat-edit-cancel{background:rgba(255,255,255,.08);color:var(--text)}
.chat-composer{display:flex;align-items:flex-end;gap:.7rem;padding:.9rem 1.2rem;border-top:1px solid rgba(212,175,55,.16);background:rgba(15,10,11,.78)}
.chat-composer textarea{flex:1;resize:none;max-height:140px;padding:.7rem 1.05rem;border-radius:22px;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.05);color:var(--text);font-family:inherit;font-size:.94rem;line-height:1.7;outline:0;transition:border-color .15s,box-shadow .15s}
.chat-composer textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}
.chat-send{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;font-size:1.05rem;color:#1a1204;background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 8px 22px rgba(212,175,55,.35);transition:transform .15s,box-shadow .15s,opacity .15s}
.chat-send i{transform:scaleX(-1)}
.chat-send:hover{transform:scale(1.07);box-shadow:0 12px 28px rgba(212,175,55,.5)}
.chat-send:disabled{opacity:.5;cursor:wait}
/* --- تم روشن --- */
html[data-theme="light"] .chat-layout{background:linear-gradient(160deg,#fffdf8,#f6eee6);border-color:#e1cf9a;box-shadow:0 25px 55px rgba(80,40,30,.15)}
html[data-theme="light"] .chat-side{background:linear-gradient(180deg,rgba(212,175,55,.1),rgba(255,255,255,.4));border-left-color:#e6d6a8}
html[data-theme="light"] .chat-main{background:radial-gradient(circle at 85% 0%,rgba(212,175,55,.14),transparent 45%),#fbf6ef}
html[data-theme="light"] .chat-side-title,html[data-theme="light"] .chat-head-info span{color:#6b0f1a}
html[data-theme="light"] .chat-search input,html[data-theme="light"] .chat-new-panel input,html[data-theme="light"] .chat-composer textarea{background:#fff;color:#2b1a1d;border-color:#d9c9a0}
html[data-theme="light"] .chat-inbox-item,html[data-theme="light"] .chat-contact,html[data-theme="light"] .chat-inbox-top strong,html[data-theme="light"] .chat-head-info strong,html[data-theme="light"] .chat-placeholder h3{color:#2b1a1d}
html[data-theme="light"] .chat-inbox-item.active{background:linear-gradient(135deg,rgba(212,175,55,.3),rgba(212,175,55,.1))}
html[data-theme="light"] .chat-inbox-preview b{color:#8a1220}
html[data-theme="light"] .chat-head,html[data-theme="light"] .chat-composer{background:rgba(255,255,255,.85);border-color:#e6d6a8}
html[data-theme="light"] .chat-row.theirs .chat-bubble{background:#fff;color:#2b1a1d;border-color:#e6d9bd}
html[data-theme="light"] .chat-row.theirs .chat-bubble-title{color:#6b0f1a}
html[data-theme="light"] .chat-day span{background:#fff;color:#7a6a68;border-color:#e6d9bd}
html[data-theme="light"] .chat-msg-actions button{background:#fff}
html[data-theme="light"] .chat-row.editing .chat-bubble{background:#fff7de;color:#2b1a1d}
html[data-theme="light"] .chat-edit-input{background:#fff;color:#2b1a1d}
html[data-theme="light"] .chat-edit-cancel{background:#eee4d2;color:#2b1a1d}
/* --- موبایل: یا فهرست یا چت --- */
@media (max-width:800px){
  .chat-layout{grid-template-columns:1fr;height:calc(100vh - 170px);min-height:480px;border-radius:16px}
  .chat-layout .chat-main{display:none}
  .chat-layout.chat-open .chat-side{display:none}
  .chat-layout.chat-open .chat-main{display:flex}
  .chat-back{display:inline-flex;align-items:center;justify-content:center}
  .chat-bubble{max-width:86%}
  .chat-msg-actions{opacity:1;transform:none}
  .chat-msg-actions button{width:28px;height:28px}
}


/* ==== گالری: افکت hover و انیمیشن تصاویر (هم‌سبک کارت بازیکن)، عنوان‌های شیک‌تر، تم روشن ==== */
@keyframes gvRise{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes gvShine{from{transform:translateX(130%) skewX(-18deg)}to{transform:translateX(-130%) skewX(-18deg)}}
@keyframes gvPop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}

.gv-item{animation:gvRise .65s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--i,0) * 70ms);transition:transform .45s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .45s;isolation:isolate}
.gv-item img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}
.gv-item:hover,.gv-item:focus-visible{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 0 1px rgba(212,175,55,.25)}
.gv-item:hover img,.gv-item:focus-visible img{transform:scale(1.08);filter:brightness(1.06) saturate(1.1)}
/* قاب طلایی داخلی */
.gv-item::after{content:"";position:absolute;inset:10px;z-index:3;border:1px solid rgba(240,208,96,0);border-radius:12px;pointer-events:none;transition:border-color .4s,inset .4s}
.gv-item:hover::after,.gv-item:focus-visible::after{border-color:rgba(240,208,96,.6);inset:7px}
/* برق نوار نورانی */
.gv-item::before{content:"";position:absolute;top:0;bottom:0;width:45%;z-index:2;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(130%) skewX(-18deg);pointer-events:none}
.gv-item:hover::before{animation:gvShine .9s ease}
/* سایه‌ی تیره زیر عنوان */
.gv-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,10,11,0) 40%,rgba(15,10,11,.88));opacity:0;transition:opacity .4s;pointer-events:none}
.gv-item:hover .gv-shade,.gv-item:focus-visible .gv-shade{opacity:1}
/* آیکون بزرگ‌نمایی */
.gv-zoom{position:absolute;top:14px;left:14px;z-index:4;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2a0a10;background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 6px 18px rgba(0,0,0,.4);opacity:0;transform:scale(.6) rotate(-20deg);transition:opacity .35s,transform .45s cubic-bezier(.3,1.5,.5,1)}
.gv-item:hover .gv-zoom,.gv-item:focus-visible .gv-zoom{opacity:1;transform:none}
/* شماره‌ی تصویر */
.gv-num{position:absolute;top:10px;right:16px;z-index:4;font-weight:900;font-size:1.5rem;line-height:1;color:rgba(255,240,184,.95);text-shadow:0 2px 10px rgba(0,0,0,.7);opacity:0;transform:translateY(-8px);transition:opacity .35s .05s,transform .4s .05s}
.gv-item:hover .gv-num,.gv-item:focus-visible .gv-num{opacity:1;transform:none}
/* عنوان تصویر */
.gv-item .gv-cap{z-index:4;display:flex;flex-direction:column;gap:.15rem;padding:2.2rem 1.1rem 1rem;background:none;text-align:right;opacity:0;transform:translateY(14px);transition:opacity .4s .05s,transform .5s cubic-bezier(.2,.75,.2,1) .05s}
.gv-item .gv-cap b{position:relative;display:block;padding-bottom:.45rem;font-size:1.02rem;font-weight:800;line-height:1.5;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.gv-item .gv-cap b::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:28px;border-radius:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));transition:width .6s cubic-bezier(.22,.7,.2,1) .1s}
.gv-item:hover .gv-cap b::after,.gv-item:focus-visible .gv-cap b::after{width:64%}
.gv-item .gv-cap small{font-size:.76rem;color:var(--gold-light);letter-spacing:.04em}
.gv-item:hover .gv-cap,.gv-item:focus-visible .gv-cap{opacity:1;transform:none}
/* لمس (موبایل): بدون hover، عنوان همیشه کم‌رنگ پیدا باشد */
@media (hover:none){
  .gv-shade{opacity:.85}
  .gv-item .gv-cap{opacity:1;transform:none}
  .gv-item .gv-cap b::after{width:40%}
  .gv-zoom,.gv-num{display:none}
}

/* ---- عنوان‌های شیک: بالای هر گالری ---- */
.gv-head{padding:2.6rem 1.2rem 2.2rem;box-shadow:0 22px 55px rgba(0,0,0,.35)}
.gv-head::after{content:"";position:absolute;inset:12px;border:1px solid rgba(240,208,96,.28);border-radius:18px;pointer-events:none}
.gv-eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.38em;color:var(--gold-light);padding:.3rem 1rem;border:1px solid rgba(240,208,96,.4);border-radius:50px;background:rgba(0,0,0,.28)}
.gv-head .gv-title{margin:.9rem 0 .4rem;font-size:clamp(2rem,4.6vw,3.2rem);font-weight:900;letter-spacing:.01em;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.6)}
.gv-ornament{display:flex;align-items:center;justify-content:center;gap:.7rem;margin:.2rem auto .7rem}
.gv-ornament i{display:block;height:2px;width:70px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.gv-ornament i.fas{height:auto;width:auto;background:none;color:var(--gold-light);font-size:.8rem}
.gv-head p{color:rgba(255,255,255,.85);font-size:1rem}
.gv-head>*{animation:gvRise .7s cubic-bezier(.2,.75,.2,1) both}
.gv-head>*:nth-child(2){animation-delay:.08s}.gv-head>*:nth-child(3){animation-delay:.16s}.gv-head>*:nth-child(4){animation-delay:.24s}

/* ---- عنوان‌های شیک: لیست گالری‌ها ---- */
.gp-info h3{position:relative;padding-bottom:.7rem;font-weight:900;line-height:1.35;text-shadow:0 3px 16px rgba(0,0,0,.55)}
.gp-info h3::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:46px;border-radius:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-dark));transition:width .6s cubic-bezier(.22,.7,.2,1)}
.gp-row:hover .gp-info h3::after{width:100%}
.gp-row{animation:gvRise .7s cubic-bezier(.2,.75,.2,1) both}
.gp-row:nth-child(2){animation-delay:.08s}.gp-row:nth-child(3){animation-delay:.16s}.gp-row:nth-child(4){animation-delay:.24s}.gp-row:nth-child(n+5){animation-delay:.3s}
.gp-row:hover .gp-no{-webkit-text-stroke-color:rgba(240,208,96,.95);transition:-webkit-text-stroke-color .4s}

/* ---- عنوان کارت دسته‌بندی گالری (کارت‌های کوچک) ---- */
.gallery-category-card h3{position:relative;padding-bottom:.45rem;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.gallery-category-card h3::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:30px;border-radius:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold));transition:width .55s cubic-bezier(.22,.7,.2,1)}
.gallery-category-card:hover h3::after{width:100%}

/* ---- تم روشن: نام گالری‌ها روی پس‌زمینه‌ی تیره باید سفید بماند ----
   (قاعده‌ی عمومی h1..h6 در تم روشن رنگ تیره با !important می‌داد و نام گالری دیده نمی‌شد) */
html[data-theme="light"] .gv-head .gv-title,
html[data-theme="light"] .gv-head h2,
html[data-theme="light"] .gp-page .gv-head h2{color:#fff!important;text-shadow:0 4px 22px rgba(0,0,0,.65)}
html[data-theme="light"] .gv-head p,
html[data-theme="light"] .gp-page .gv-head p{color:rgba(255,248,238,.92)!important}
html[data-theme="light"] .gv-head .gv-eyebrow{color:var(--on-dark-gold,#f6d77a)!important;background:rgba(20,3,7,.55);border-color:rgba(246,215,122,.5)}
html[data-theme="light"] .gv-head .gv-ornament i.fas{color:var(--on-dark-gold,#f6d77a)!important}
html[data-theme="light"] .gv-item .gv-cap b{color:#fff!important}
html[data-theme="light"] .gv-item .gv-cap small{color:var(--on-dark-gold,#f6d77a)!important}
html[data-theme="light"] .gv-item .gv-num{color:rgba(255,240,184,.95)!important}
html[data-theme="light"] .gp-page .gp-row .gp-info h3,
html[data-theme="light"] .gallery-category-card h3,
html[data-theme="light"] .gallery-category-card span{color:#fff!important}
html[data-theme="light"] .gallery-category-card span{opacity:.82}
html[data-theme="light"] .gp-page .gp-row .gp-cta{color:#2a0a10!important}
html[data-theme="light"] .gv-item{background:#fff;border-color:#d9bd88;box-shadow:0 12px 30px rgba(74,10,18,.16)}
html[data-theme="light"] .gv-item:hover,html[data-theme="light"] .gv-item:focus-visible{border-color:#b8941f;box-shadow:0 24px 50px rgba(74,10,18,.3)}
/* عنوان صفحه‌ی لیست گالری‌ها روی زمینه‌ی روشن تیره باشد */
html[data-theme="light"] #galleryTitle:not(:has(.gv-head)) h2{color:#4a0a12!important}

@media (prefers-reduced-motion:reduce){
  .gv-item,.gp-row,.gv-head>*{animation:none!important}
  .gv-item,.gv-item img,.gv-cap,.gv-zoom,.gv-num{transition:none!important}
  .gv-item:hover::before{animation:none}
}


/* =====================================================================
   Homayoun FX — انیمیشن ورود، ورود مرحله‌ای هیرو، کارت‌های مربیان
   ===================================================================== */

/* ---------- Intro ---------- */
.intro-fx{display:none}
html.intro-on .intro-fx{display:block;position:fixed;inset:0;z-index:9999;direction:ltr;
  animation:ixGone .01s linear 3.5s forwards}
html.intro-on body{overflow:hidden}
.ix-panel{position:absolute;top:0;bottom:0;width:50.2%;
  background:radial-gradient(circle at 50% 50%,#5a0d18 0%,#2a060c 55%,#12090b 100%);
  animation-duration:.95s;animation-timing-function:cubic-bezier(.77,0,.18,1);animation-delay:2.05s;animation-fill-mode:forwards}
.ix-panel::after{content:"";position:absolute;inset:0;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23D4AF37' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6z'/%3E%3C/g%3E%3C/svg%3E")}
.ix-left{left:0;animation-name:ixLeft;border-right:1px solid rgba(212,175,55,.5)}
.ix-right{right:0;animation-name:ixRight;border-left:1px solid rgba(212,175,55,.5)}
@keyframes ixLeft{to{transform:translateX(-101%)}}
@keyframes ixRight{to{transform:translateX(101%)}}
@keyframes ixGone{to{opacity:0;visibility:hidden;pointer-events:none}}

.ix-court{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(212,175,55,.38);stroke-width:1.4;
  animation:ixFadeOut .5s ease 1.9s forwards}
.ix-court *{stroke-dasharray:1;stroke-dashoffset:1;animation:ixDraw 1.5s cubic-bezier(.6,0,.2,1) .15s forwards}
.ix-court line{animation-delay:.55s}
.ix-court circle{animation-delay:.8s}
@keyframes ixDraw{to{stroke-dashoffset:0}}
@keyframes ixFadeOut{to{opacity:0}}

.ix-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;text-align:center;
  animation:ixFadeOut .45s ease 1.85s forwards}
.ix-emblem{position:relative;width:132px;height:132px}
.ix-emblem svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round}
.ix-emblem circle{stroke-dasharray:1;stroke-dashoffset:1;animation:ixDraw 1.1s cubic-bezier(.6,0,.2,1) .35s forwards}
.ix-emblem img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);border-radius:50%;object-fit:cover;
  opacity:0;transform:scale(.6);animation:ixPop .8s cubic-bezier(.2,1.3,.4,1) .7s forwards;box-shadow:0 0 50px rgba(212,175,55,.35)}
@keyframes ixPop{to{opacity:1;transform:none}}
.ix-word{font-size:clamp(2.6rem,9vw,4.6rem);font-weight:800;line-height:1.3;color:transparent;
  background:linear-gradient(100deg,var(--gold-dark),var(--gold-light) 45%,#fff6d0 55%,var(--gold) 70%);
  -webkit-background-clip:text;background-clip:text;
  clip-path:inset(0 0 0 100%);animation:ixWipe .9s cubic-bezier(.6,0,.2,1) 1.0s forwards}
@keyframes ixWipe{to{clip-path:inset(0 0 0 0)}}
.ix-sub{color:#e9d9c4;font-size:1rem;opacity:0;letter-spacing:.04em;animation:ixPop .6s ease 1.5s forwards}
.ix-skip{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:none;border:1px solid rgba(212,175,55,.4);
  color:#e9d9c4;border-radius:999px;padding:.4rem 1.1rem;font:inherit;font-size:.82rem;cursor:pointer;opacity:.8;z-index:2}
.ix-skip:hover,.ix-skip:focus-visible{border-color:var(--gold);color:var(--gold-light)}
.intro-fx.ix-fast{animation:ixGone .01s linear .45s forwards}
.intro-fx.ix-fast .ix-panel{animation-delay:0s;animation-duration:.45s}
.intro-fx.ix-fast .ix-center,.intro-fx.ix-fast .ix-court,.intro-fx.ix-fast .ix-skip{animation:ixFadeOut .2s ease forwards}

/* ---------- Hero: ورود مرحله‌ای (بعد از انیمیشن ورود) ---------- */
.homepage{--hb:.05s}
html.intro-on .homepage{--hb:2.45s}
.hero-kicker,.hero-emblem,.hero-title,.hero-desc,.hero-trust,.hero-buttons{animation:hxIn .9s cubic-bezier(.2,.8,.2,1) both}
.hero-kicker{animation-delay:calc(var(--hb) + 0s)}
.hero-emblem{animation-delay:calc(var(--hb) + .12s)}
.hero-title{animation-delay:calc(var(--hb) + .24s)}
.hero-desc{animation-delay:calc(var(--hb) + .4s)}
.hero-trust{animation-delay:calc(var(--hb) + .52s)}
.hero-buttons{animation-delay:calc(var(--hb) + .64s)}
@keyframes hxIn{from{opacity:0;translate:0 28px;filter:blur(6px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.hero-coaches-layer{animation:hxZoom 3.2s cubic-bezier(.2,.7,.2,1) var(--hb) both}
@keyframes hxZoom{from{scale:1.09;opacity:0}to{scale:1;opacity:1}}
.hero-emblem{position:relative}
.hero-emblem::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(212,175,55,.5);
  animation:hxRing 3.2s ease-out calc(var(--hb) + 1s) infinite;pointer-events:none}
@keyframes hxRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.7);opacity:0}}

/* ---------- Coaches ---------- */
.homepage-coaches .coaches-grid,#allSelectedCoaches{gap:1.8rem;perspective:1200px}
.cx-card{position:relative;display:block;aspect-ratio:3/4.15;border-radius:22px;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,#6b0f1a,#1a0a0e);color:#fff;text-decoration:none;
  border:1px solid rgba(212,175,55,.32);box-shadow:0 18px 40px rgba(20,3,7,.38);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;
  transition:transform .28s ease-out,box-shadow .4s,border-color .4s}
.cx-card:not(.cx-in){opacity:0;translate:0 46px;scale:.95}
.cx-card.cx-in{animation:cxRise .85s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*.14s) both}
@keyframes cxRise{from{opacity:0;translate:0 46px;scale:.95}to{opacity:1;translate:0 0;scale:1}}
.cx-card:hover,.cx-card:focus-visible{border-color:var(--gold);box-shadow:0 28px 60px rgba(20,3,7,.55),0 0 0 1px rgba(212,175,55,.35)}
.cx-card:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}

.cx-photo{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,#8b1a2b,#3a0810 70%)}
.cx-ph-icon{font-size:6rem;color:rgba(212,175,55,.5)}
.cx-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s;filter:saturate(1.05)}
.cx-card:hover .cx-photo img{transform:scale(1.08)}
.cx-shade{position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(18,4,8,.97) 0%,rgba(18,4,8,.78) 34%,rgba(18,4,8,.12) 66%,transparent 100%)}
.cx-glare{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .4s;pointer-events:none;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,230,150,.2),transparent 60%)}
.cx-card:hover .cx-glare{opacity:1}
.cx-card::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 0 rgba(212,175,55,.0);transition:box-shadow .45s}
.cx-card:hover::before{box-shadow:inset 0 0 0 9px rgba(18,4,8,.0),inset 0 0 0 10px rgba(212,175,55,.45)}

.cx-body{position:absolute;inset:auto 0 0 0;z-index:4;padding:1.5rem 1.4rem 1.3rem;text-align:right;display:flex;flex-direction:column;gap:.5rem}
.cx-role{align-self:flex-start;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#2a0a10;font-weight:800;
  font-size:.78rem;padding:.25rem .85rem;border-radius:999px}
.cx-card h3{font-size:1.5rem;font-weight:800;line-height:1.4;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6);margin:0}
.cx-bio{color:rgba(255,246,236,.82);font-size:.88rem;line-height:1.9;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .4s}
@media (hover:hover){
  .cx-bio{max-height:0;opacity:0;margin-top:-.5rem}
  .cx-card:hover .cx-bio,.cx-card:focus-visible .cx-bio{max-height:5.2rem;opacity:1;margin-top:0}
}
.cx-groups{display:flex;flex-wrap:wrap;gap:.35rem}
.cx-groups span{font-size:.74rem;color:var(--gold-light);border:1px solid rgba(212,175,55,.45);border-radius:999px;padding:.12rem .65rem;background:rgba(0,0,0,.25)}
.cx-cta{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem;padding-top:.75rem;
  border-top:1px solid rgba(212,175,55,.3);color:var(--gold-light);font-weight:700;font-size:.9rem}
.cx-cta i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#2a0a10;font-size:.8rem;
  transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cx-card:hover .cx-cta i{transform:translateX(-6px)}
.cx-card.locked-card{cursor:not-allowed;filter:grayscale(.35)}
.cx-card.locked-card.cx-in{opacity:1}
.cx-card.locked-card .locked-badge{z-index:5;top:14px;left:14px}

html[data-theme="light"] .cx-card.locked-card{background:linear-gradient(160deg,#6b0f1a,#1a0a0e)!important;border-color:rgba(212,175,55,.32)!important}
html[data-theme="light"] .cx-card h3{color:#fff!important}
html[data-theme="light"] .cx-card .cx-bio{color:rgba(255,246,236,.85)!important}
html[data-theme="light"] .cx-card .cx-role{color:#2a0a10!important}
html[data-theme="light"] .cx-card .cx-cta{color:var(--gold-light)!important}
html[data-theme="light"] .cx-card .cx-groups span{color:var(--gold-light)!important}

@media(max-width:600px){
  .cx-card{aspect-ratio:4/4.7}
  .cx-card h3{font-size:1.3rem}
}

@media (prefers-reduced-motion:reduce){
  .hero-kicker,.hero-emblem,.hero-title,.hero-desc,.hero-trust,.hero-buttons,.hero-coaches-layer,.hero-emblem::after{animation:none!important}
  .cx-card:not(.cx-in){opacity:1;translate:none;scale:1}
  .cx-card.cx-in{animation:none}
  .cx-card,.cx-photo img{transition:none}
}


/* ---------- Intro: موبایل و حالت «کاهش حرکت» ---------- */
html.intro-on .intro-fx{height:100vh;height:100dvh}
@media (orientation:portrait){
  .ix-court{inset:auto;top:50%;left:50%;width:100dvh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}
  .ix-emblem{width:112px;height:112px}
  .ix-skip{bottom:calc(26px + env(safe-area-inset-bottom,0px))}
}
html.intro-reduce .ix-court{display:none}
html.intro-reduce .ix-panel{animation:none}
html.intro-reduce .intro-fx{animation:ixGone .5s ease 1.5s forwards}
html.intro-reduce .ix-center{animation:none}
html.intro-reduce .ix-word{clip-path:none;animation:ixPop .6s ease .1s both}
html.intro-reduce .ix-emblem circle{animation:none;stroke-dashoffset:0}
html.intro-reduce .ix-emblem img{animation:ixPop .5s ease both}

/* ---------- Page transition (لوگو موشن بین صفحه‌ها) ---------- */
.hx-trans{position:fixed;inset:0;z-index:10000;pointer-events:all;
  clip-path:circle(0 at var(--tx,50%) var(--ty,50%));transition:clip-path .62s cubic-bezier(.7,0,.2,1)}
.hx-trans.on{clip-path:circle(150vmax at var(--tx,50%) var(--ty,50%))}
.hx-trans-bg,html.hx-enter::before{position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,#6b0f1a 0%,#2a060c 58%,#12090b 100%)}
html.hx-enter::before,html.hx-enter::after{content:"";position:fixed;z-index:10000;pointer-events:none}
html.hx-enter::before{inset:0;animation:hxOut .55s ease .42s forwards}
.hx-trans-logo,html.hx-enter::after{width:118px;height:118px;border-radius:50%;
  background:url("assets/homayoun-logo-circle.png") center/74% no-repeat,#1a0a0e;
  border:3px solid var(--gold-light,#F0D060)}
.hx-trans-logo{position:absolute;top:50%;left:50%;margin:-59px 0 0 -59px;opacity:0;transform:scale(.55);
  transition:opacity .35s ease .28s,transform .6s cubic-bezier(.2,1.3,.4,1) .28s;
  animation:hxRipple 1.3s ease-out .3s infinite}
.hx-trans.on .hx-trans-logo{opacity:1;transform:none}
html.hx-enter::after{top:50%;left:50%;margin:-59px 0 0 -59px;
  animation:hxRipple 1.3s ease-out infinite,hxOut .5s ease .42s forwards}
@keyframes hxRipple{0%{box-shadow:0 0 0 0 rgba(212,175,55,.55),0 0 40px rgba(212,175,55,.3)}100%{box-shadow:0 0 0 46px rgba(212,175,55,0),0 0 40px rgba(212,175,55,.3)}}
@keyframes hxOut{to{opacity:0;visibility:hidden}}
.hx-trans-line{position:absolute;left:50%;top:50%;width:150px;height:2px;margin:84px 0 0 -75px;overflow:hidden;opacity:0;transition:opacity .3s ease .5s;background:rgba(212,175,55,.2)}
.hx-trans-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--gold-light,#F0D060),transparent);animation:hxSlide 1s ease-in-out infinite}
.hx-trans.on .hx-trans-line{opacity:1}
@keyframes hxSlide{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){
  .hx-trans{transition:opacity .25s;clip-path:none;opacity:0}
  .hx-trans.on{opacity:1}
  .hx-trans-logo,html.hx-enter::after{animation:none}
  html.hx-enter::before,html.hx-enter::after{animation:hxOut .3s ease .2s forwards}
}


/* =====================================================================
   Coach profile — cpx
   ===================================================================== */
.cpx-section{padding:96px 0 3.5rem!important}
.cpx{display:flex;flex-direction:column;gap:1.6rem}

/* ---- Hero ---- */
.cpx-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;border:1px solid rgba(212,175,55,.35);
  display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:2.6rem;align-items:center;padding:2.6rem 2.8rem;
  background:linear-gradient(135deg,#5a0d18 0%,#2a060c 55%,#12090b 100%);color:#fff8ee;box-shadow:0 26px 60px rgba(20,3,7,.4)}
.cpx-lines{position:absolute;inset:0;z-index:-1;opacity:.5;
  background:
   radial-gradient(circle at 50% 100%,transparent 0 120px,rgba(212,175,55,.22) 121px 122px,transparent 123px),
   linear-gradient(90deg,transparent calc(50% - 1px),rgba(212,175,55,.12) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.cpx-glow{position:absolute;z-index:-1;width:520px;height:520px;top:-180px;left:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(212,175,55,.2),transparent 68%);animation:cpxGlow 7s ease-in-out infinite alternate}
@keyframes cpxGlow{to{transform:translate(70px,50px) scale(1.12)}}

.cpx-portrait{position:relative;justify-self:center;width:100%;max-width:330px;animation:cpxIn 1s cubic-bezier(.2,.8,.2,1) both}
.cpx-arch{position:relative;aspect-ratio:3/4;border-radius:999px 999px 30px 30px;padding:7px;
  background:linear-gradient(160deg,var(--gold-light,#F0D060),rgba(212,175,55,.2) 55%,var(--gold,#D4AF37));box-shadow:0 24px 50px rgba(0,0,0,.5)}
.cpx-arch::before{content:"";position:absolute;inset:-14px;border-radius:999px 999px 38px 38px;border:1px solid rgba(212,175,55,.35);pointer-events:none}
.cpx-arch-in{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,#8b1a2b,#3a0810 72%)}
.cpx-arch-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;cursor:zoom-in;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cpx-arch:hover img{transform:scale(1.06)}
.cpx-arch-in>i{font-size:6.5rem;color:rgba(212,175,55,.55)}
.cpx-badge{position:absolute;right:50%;transform:translateX(50%);bottom:-18px;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,var(--gold,#D4AF37),var(--gold-light,#F0D060));color:#2a0a10;
  font-weight:800;font-size:.92rem;box-shadow:0 12px 28px rgba(0,0,0,.45);animation:cpxFloat 4s ease-in-out infinite}
@keyframes cpxFloat{50%{transform:translateX(50%) translateY(-5px)}}

.cpx-info{display:flex;flex-direction:column;gap:1.1rem;min-width:0}
.cpx-info>*{animation:cpxIn .9s cubic-bezier(.2,.8,.2,1) both}
.cpx-crumb{animation-delay:.1s;display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:rgba(255,248,238,.75)}
.cpx-crumb a{color:inherit;text-decoration:none;transition:color .2s}
.cpx-crumb a:hover{color:var(--gold-light,#F0D060)}
.cpx-sep{opacity:.4}
.cpx-name{animation-delay:.2s;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.35;font-weight:800;margin:0;letter-spacing:-.02em;
  background:linear-gradient(100deg,#fff 20%,var(--gold-light,#F0D060) 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cpx-bio{animation-delay:.32s;font-size:1.02rem;line-height:2.1;max-width:60ch;color:rgba(255,248,238,.86);margin:0}
.cpx-chips{animation-delay:.42s;display:flex;flex-wrap:wrap;gap:.5rem}
.cpx-chips span{padding:.32rem 1rem;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(0,0,0,.25);color:var(--gold-light,#F0D060);font-size:.86rem;font-weight:700}
.cpx-stats{animation-delay:.54s;display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:.4rem;max-width:520px}
.cpx-stat{padding:.9rem 1rem;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.25);backdrop-filter:blur(6px);text-align:center}
.cpx-stat b{display:block;font-size:2rem;line-height:1.3;font-weight:800;color:var(--gold-light,#F0D060)}
.cpx-stat span{font-size:.8rem;color:rgba(255,248,238,.8)}
@keyframes cpxIn{from{opacity:0;translate:0 26px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}

/* ---- Body ---- */
.cpx-grid{display:grid;grid-template-columns:1fr minmax(260px,380px);gap:1.6rem;align-items:start}
.cpx-side{display:flex;flex-direction:column;gap:1.6rem;position:sticky;top:96px}
.cpx-side:empty{display:none}
.cpx-grid:has(.cpx-side:empty){grid-template-columns:1fr}
.cpx-panel{background:var(--bg-card);color:var(--text);border:1px solid rgba(212,175,55,.28);border-radius:22px;padding:1.5rem 1.6rem;box-shadow:0 14px 34px rgba(20,3,7,.14)}
.cpx-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.3rem}
.cpx-head h3{margin:0;font-size:1.2rem;font-weight:800}
.cpx-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6b0f1a,#8b1a2b);color:var(--gold-light,#F0D060)}
.cpx-count{margin-right:auto;font-size:.8rem;padding:.2rem .8rem;border-radius:999px;background:rgba(212,175,55,.16);color:var(--gold)}
.cpx-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}
.cpx-empty i{font-size:2rem;margin-bottom:.6rem;color:var(--gold)}

/* timeline */
.cpx-tl{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:1.2rem}
.cpx-tl::before{content:"";position:absolute;top:8px;bottom:8px;right:104px;width:2px;background:linear-gradient(to bottom,var(--gold),rgba(212,175,55,.08))}
.cpx-tl-item{display:grid;grid-template-columns:86px 20px 1fr;gap:1rem;align-items:start}
.cpx-tl-year{text-align:left;direction:ltr;padding-top:.7rem}
.cpx-tl-year strong{display:block;font-size:1.25rem;font-weight:800;color:var(--text)}
.cpx-tl-year small{font-size:.76rem;color:var(--text-muted)}
.cpx-tl-node{position:relative;z-index:1;width:16px;height:16px;margin:.95rem 2px 0;border-radius:50%;background:var(--bg-card);border:3px solid var(--gold)}
.is-current .cpx-tl-node{background:var(--gold);box-shadow:0 0 0 0 rgba(212,175,55,.6);animation:cpxPulse 1.8s ease-out infinite}
@keyframes cpxPulse{to{box-shadow:0 0 0 14px rgba(212,175,55,0)}}
.cpx-tl-card{position:relative;padding:1rem 1.2rem;border-radius:16px;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.22);
  transition:transform .3s,border-color .3s,box-shadow .3s}
.cpx-tl-card:hover{transform:translateX(-5px);border-color:var(--gold);box-shadow:0 10px 24px rgba(20,3,7,.14)}
.is-current .cpx-tl-card{border-color:var(--gold);background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(212,175,55,.04))}
.cpx-tl-card h4{margin:0 0 .3rem;font-size:1.05rem;font-weight:800}
.cpx-org{font-size:.86rem;color:var(--gold);margin-bottom:.4rem}
.cpx-org i{margin-left:.3rem}
.cpx-tl-card p{margin:0;font-size:.9rem;line-height:1.95;color:var(--text-muted)}
.cpx-live{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.12rem .7rem;border-radius:999px;background:#6b0f1a;color:var(--gold-light,#F0D060);font-size:.74rem;font-weight:700}
.cpx-live i{width:7px;height:7px;border-radius:50%;background:#5bd27c;animation:cpxPulse 1.6s ease-out infinite;box-shadow:0 0 0 0 rgba(91,210,124,.6)}

/* gallery */
.cpx-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.cpx-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;cursor:zoom-in;transition:transform .4s,box-shadow .4s}
.cpx-photos img:first-child{grid-column:1/-1;aspect-ratio:16/10}
.cpx-photos img:hover{transform:scale(1.03);box-shadow:0 12px 26px rgba(0,0,0,.35)}

/* reveal */
.cpx-rv:not(.cpx-in){opacity:0;translate:0 34px}
.cpx-rv.cpx-in{animation:cpxRise .8s cubic-bezier(.2,.8,.2,1) calc(var(--d,0)*.09s) both}
@keyframes cpxRise{from{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}

/* light theme: متن‌های هیرو تیره نشوند */
html[data-theme="light"] .cpx-hero .cpx-name{color:transparent!important}
html[data-theme="light"] .cpx-hero .cpx-bio,html[data-theme="light"] .cpx-hero .cpx-crumb,html[data-theme="light"] .cpx-hero .cpx-crumb a{color:rgba(255,248,238,.9)!important}
html[data-theme="light"] .cpx-hero .cpx-stat b,html[data-theme="light"] .cpx-hero .cpx-chips span{color:#f6d77a!important}
html[data-theme="light"] .cpx-hero .cpx-stat span{color:rgba(255,248,238,.85)!important}
html[data-theme="light"] .cpx-hero .cpx-badge{color:#2a0a10!important}
html[data-theme="light"] .cpx-panel h3,html[data-theme="light"] .cpx-tl-card h4,html[data-theme="light"] .cpx-tl-year strong{color:#3b1d22!important}
html[data-theme="light"] .cpx-live{color:#f6d77a!important}
html[data-theme="light"] .cpx-ico{color:#f6d77a!important}
html[data-theme="light"] .cpx-panel{border-color:#d9bd88}

/* mobile */
@media(max-width:900px){
  .cpx-hero{grid-template-columns:1fr;padding:2rem 1.3rem 2.2rem;gap:2.4rem;text-align:center}
  .cpx-info{align-items:center}
  .cpx-chips{justify-content:center}
  .cpx-stats{width:100%}
  .cpx-portrait{max-width:250px}
  .cpx-grid{grid-template-columns:1fr}
  .cpx-side{position:static}
}
@media(max-width:560px){
  .cpx-section{padding-top:88px!important}
  .cpx-panel{padding:1.2rem 1rem}
  .cpx-tl::before{right:12px}
  .cpx-tl-item{grid-template-columns:20px 1fr;gap:.7rem}
  .cpx-tl-year{grid-column:2;grid-row:1;text-align:right;direction:rtl;padding:0;display:flex;gap:.5rem;align-items:baseline}
  .cpx-tl-node{grid-column:1;grid-row:1/3;margin-top:.2rem}
  .cpx-tl-card{grid-column:2}
  .cpx-stat b{font-size:1.5rem}
}
@media (prefers-reduced-motion:reduce){
  .cpx-info>*,.cpx-portrait,.cpx-glow,.cpx-badge,.cpx-live i,.is-current .cpx-tl-node{animation:none!important}
  .cpx-rv:not(.cpx-in){opacity:1;translate:none}
  .cpx-rv.cpx-in{animation:none}
}

/* ==================== پنل مدیریت v2 ==================== */
.adm { padding: 1.6rem 0 3rem; background: radial-gradient(900px 380px at 85% -60px, rgba(139,26,43,.35), transparent 70%); }
.adm-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; margin-bottom:1.2rem; }
.adm-head h1 { font-size:1.9rem; font-weight:800; color:var(--text); line-height:1.3; }
.adm-head p { color:var(--text-muted); font-size:.9rem; }
.adm-site { display:inline-flex; align-items:center; gap:.5rem; padding:.55rem 1.1rem; border:1px solid rgba(212,175,55,.35); border-radius:999px; color:var(--gold); font-size:.88rem; transition:var(--transition); }
.adm-site:hover { background:var(--gold); color:#2a0a10; }
.adm-card { background:linear-gradient(160deg,#241619,#170f11); border:1px solid rgba(212,175,55,.18); border-radius:20px; padding:1.5rem; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.adm-rev { margin-bottom:1.4rem; }
.adm-rev-top { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; flex-wrap:wrap; }
.adm-rev-top h2 { font-size:1.15rem; color:var(--text); display:flex; align-items:center; gap:.5rem; }
.adm-rev-top h2 i { color:var(--gold); }
.adm-rev-top p { color:var(--text-muted); font-size:.82rem; margin-top:.2rem; }
.adm-rev-total { text-align:left; }
.adm-rev-total strong { display:block; font-size:2.3rem; font-weight:800; line-height:1.1; color:var(--gold-light); }
.adm-rev-total span { color:var(--text-muted); font-size:.8rem; }
.adm-filters { display:flex; gap:.8rem 1.4rem; flex-wrap:wrap; margin:1.1rem 0 1rem; }
.adm-chips { display:flex; gap:.35rem; flex-wrap:wrap; background:rgba(255,255,255,.04); padding:.3rem; border-radius:999px; }
.adm-chips button { font:inherit; font-size:.82rem; color:var(--text-muted); background:transparent; border:0; padding:.38rem .85rem; border-radius:999px; cursor:pointer; transition:var(--transition); }
.adm-chips button:hover { color:var(--text); }
.adm-chips button.on { background:var(--gold); color:#2a0a10; font-weight:700; }
.adm-chips button:focus-visible, .adm-site:focus-visible, .adm .panel-card:focus-visible { outline:2px solid var(--gold-light); outline-offset:2px; }
.adm-chart { position:relative; height:260px; padding:8px 46px 26px 0; }
.adm-grid-lines { position:absolute; inset:8px 0 26px 0; pointer-events:none; }
.adm-grid-lines div { position:absolute; left:0; right:0; border-top:1px dashed rgba(255,255,255,.09); }
.adm-grid-lines span { position:absolute; right:0; transform:translateY(-50%); font-size:.68rem; color:var(--text-muted); background:#1d1316; padding-left:4px; }
.adm-cols { position:relative; height:100%; margin-right:46px; display:flex; align-items:flex-end; gap:3px; }
.adm-col { flex:1; min-width:0; height:100%; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; position:relative; cursor:pointer; }
.adm-col .adm-stack { display:flex; flex-direction:column-reverse; border-radius:5px 5px 0 0; overflow:hidden; transform-origin:bottom; animation:admGrow .7s cubic-bezier(.2,.8,.2,1) both; }
.adm-col:hover .adm-stack, .adm-col:focus-visible .adm-stack { filter:brightness(1.25); }
.adm-col:focus-visible { outline:2px solid var(--gold-light); outline-offset:1px; }
.adm-col small { position:absolute; bottom:-22px; right:50%; transform:translateX(50%); font-size:.66rem; color:var(--text-muted); white-space:nowrap; }
.seg-t { background:linear-gradient(180deg,var(--gold-light),var(--gold-dark)); }
.seg-s { background:linear-gradient(180deg,#c4384d,var(--burgundy-light)); }
.seg-e { background:linear-gradient(180deg,#5fd0c0,#2a8f84); }
.adm-legend { display:flex; gap:1.1rem; flex-wrap:wrap; margin:.3rem 0 1rem; font-size:.78rem; color:var(--text-muted); }
.adm-legend i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-left:.4rem; }
.lg-t { background:var(--gold); } .lg-s { background:var(--burgundy-light); } .lg-e { background:#2a8f84; }
.adm-tip { position:absolute; z-index:5; pointer-events:none; background:#0d0809; border:1px solid rgba(212,175,55,.4); border-radius:10px; padding:.55rem .75rem; font-size:.78rem; line-height:1.7; min-width:150px; box-shadow:0 10px 30px rgba(0,0,0,.5); opacity:0; transition:opacity .12s; }
.adm-tip.show { opacity:1; }
.adm-tip b { color:var(--gold-light); display:block; margin-bottom:.15rem; }
.adm-empty { position:absolute; inset:0; display:grid; place-items:center; color:var(--text-muted); font-size:.9rem; }
.adm-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.7rem; border-top:1px solid rgba(255,255,255,.07); padding-top:1rem; }
.adm-kpis span { display:block; font-size:.76rem; color:var(--text-muted); }
.adm-kpis strong { font-size:1.05rem; color:var(--text); }
.adm-stats { margin-bottom:1.6rem; }
.adm-sec { font-size:1rem; color:var(--gold); margin:1.6rem 0 .8rem; display:flex; align-items:center; gap:.7rem; }
.adm-sec::after { content:""; flex:1; height:1px; background:linear-gradient(270deg,rgba(212,175,55,.35),transparent); }
.adm-grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.adm .adm-grid .panel-card { text-align:right; padding:1.1rem 1.2rem; display:grid; grid-template-columns:46px 1fr; grid-template-rows:auto auto; column-gap:.9rem; align-items:center; }
.adm .adm-grid .panel-card i { grid-row:1/3; width:46px; height:46px; display:grid; place-items:center; margin:0; font-size:1.2rem; background:rgba(212,175,55,.1); border-radius:14px; }
.adm .adm-grid .panel-card h3 { font-size:.98rem; margin:0; align-self:end; }
.adm .adm-grid .panel-card p { align-self:start; margin:0; }
.adm .adm-grid .panel-card:hover i { background:var(--gold); color:#2a0a10; }
.adm .admin-members-directory { margin-top:2rem; }
.adm-fold { margin-top:1rem; border:1px solid rgba(212,175,55,.15); border-radius:14px; padding:.2rem 1rem 1rem; }
.adm-fold summary { cursor:pointer; padding:.8rem 0; color:var(--gold); font-weight:700; }
@keyframes admGrow { from { transform:scaleY(0); } to { transform:scaleY(1); } }
@media (max-width:640px){ .adm-rev-total strong{font-size:1.8rem} .adm-chart{height:220px} .adm-cols{gap:2px} }
@media (prefers-reduced-motion:reduce){ .adm-col .adm-stack{animation:none} }
html[data-theme="light"] .adm-card { background:#fffaf2 !important; border-color:#d9bd88 !important; }
html[data-theme="light"] .adm-head h1, html[data-theme="light"] .adm-rev-top h2, html[data-theme="light"] .adm-kpis strong { color:#3b1d22; }
html[data-theme="light"] .adm-grid-lines span { background:#fffaf2; }
html[data-theme="light"] .adm-grid-lines div { border-color:rgba(107,15,26,.15); }
html[data-theme="light"] .adm-rev-total strong { color:var(--burgundy); }
html[data-theme="light"] .adm-chips { background:rgba(107,15,26,.07); }
html[data-theme="light"] .adm-chips button.on { background:var(--burgundy); color:#fff8ee; }

/* صفحه صندوق پیام: هدر فشرده تا کل چت در یک صفحه جا شود */
#chatPage{padding:6.2rem 0 1.4rem!important;min-height:0!important}
#chatPage h1{font-size:1.7rem;margin-bottom:.3rem}
#chatPage p{margin:0;font-size:.9rem}
.chat-section{padding-top:1.2rem!important}
.chat-layout{height:min(720px,calc(100vh - 250px));min-height:520px}

/* =====================================================================
   داشبورد مربی — cdx
   ===================================================================== */
.cdx-section{padding:96px 0 3.5rem!important;background:radial-gradient(900px 420px at 90% -80px,rgba(139,26,43,.32),transparent 70%)}
.cdx{display:flex;flex-direction:column;gap:1.6rem}
.cdx-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;border:1px solid rgba(212,175,55,.35);display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:2.4rem;align-items:center;padding:2.4rem 2.6rem;background:linear-gradient(135deg,#5a0d18 0%,#2a060c 55%,#12090b 100%);color:#fff8ee;box-shadow:0 26px 60px rgba(20,3,7,.4)}
.cdx-lines{position:absolute;inset:0;z-index:-1;opacity:.5;display:block;background:radial-gradient(circle at 50% 100%,transparent 0 120px,rgba(212,175,55,.22) 121px 122px,transparent 123px),linear-gradient(90deg,transparent calc(50% - 1px),rgba(212,175,55,.12) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}
.cdx-glow{position:absolute;z-index:-1;display:block;width:520px;height:520px;top:-180px;left:-120px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.2),transparent 68%);animation:cdxGlow 7s ease-in-out infinite alternate}
@keyframes cdxGlow{to{transform:translate(70px,50px) scale(1.12)}}
.cdx-portrait{position:relative;justify-self:center;width:100%;max-width:270px;animation:cdxIn 1s cubic-bezier(.2,.8,.2,1) both}
.cdx-arch{position:relative;aspect-ratio:3/4;border-radius:999px 999px 30px 30px;padding:7px;background:linear-gradient(160deg,#F0D060,rgba(212,175,55,.2) 55%,#D4AF37);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.cdx-arch::before{content:"";position:absolute;inset:-14px;border-radius:999px 999px 38px 38px;border:1px solid rgba(212,175,55,.35);pointer-events:none}
.cdx-arch-in{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#8b1a2b,#3a0810 72%)}
.cdx-arch-in>i{font-size:5.5rem;color:rgba(212,175,55,.55)}
.cdx-arch-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cdx-arch:hover img{transform:scale(1.06)}
.cdx-badge{position:absolute;right:50%;transform:translateX(50%);bottom:-18px;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,#D4AF37,#F0D060);color:#2a0a10;font-weight:800;font-size:.86rem;box-shadow:0 12px 28px rgba(0,0,0,.45);animation:cdxFloat 4s ease-in-out infinite}
@keyframes cdxFloat{50%{transform:translateX(50%) translateY(-5px)}}
.cdx-info{display:flex;flex-direction:column;gap:1rem;min-width:0}
.cdx-info>*{animation:cdxIn .9s cubic-bezier(.2,.8,.2,1) both}
.cdx-hello{animation-delay:.1s;display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;font-size:.9rem;color:rgba(255,248,238,.85)}
.cdx-hello span{padding:.22rem .9rem;border-radius:999px;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.4);color:#F0D060;font-weight:700}
.cdx-hello em{font-style:normal;opacity:.75}
.cdx-name{animation-delay:.2s;font-size:clamp(2rem,4.6vw,3.3rem);line-height:1.4;font-weight:800;margin:0;letter-spacing:-.02em;background:linear-gradient(100deg,#fff 20%,#F0D060 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cdx-chips{animation-delay:.32s;display:flex;flex-wrap:wrap;gap:.5rem}
.cdx-chips span{padding:.3rem 1rem;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(0,0,0,.25);color:#F0D060;font-size:.84rem;font-weight:700}
.cdx-stats{animation-delay:.42s;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.cdx-stat{position:relative;padding:.85rem .7rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.25);backdrop-filter:blur(6px);text-align:center;transition:transform .3s,border-color .3s}
.cdx-stat:hover{transform:translateY(-4px);border-color:#D4AF37}
.cdx-stat>i{font-size:.95rem;color:rgba(240,208,96,.75)}
.cdx-stat b{display:block;font-size:1.9rem;line-height:1.3;font-weight:800;color:#F0D060}
.cdx-stat span{font-size:.78rem;color:rgba(255,248,238,.8)}
.cdx-next{animation-delay:.52s;display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:20px;background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(255,255,255,.05));border:1px solid rgba(212,175,55,.45)}
.cdx-next-ic{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem;background:linear-gradient(135deg,#D4AF37,#F0D060);color:#2a0a10}
.cdx-next-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.7}
.cdx-next-tx b{font-size:1.02rem;color:#fff8ee}
.cdx-next-tx small{font-size:.8rem;color:rgba(255,248,238,.78)}
.cdx-next-rel{flex:none;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .95rem;border-radius:999px;background:#0d0809;color:#F0D060;font-size:.82rem;font-weight:800}
.cdx-next-rel i{width:8px;height:8px;border-radius:50%;background:#5bd27c;animation:cdxPulse 1.6s ease-out infinite}
@keyframes cdxPulse{0%{box-shadow:0 0 0 0 rgba(91,210,124,.6)}100%{box-shadow:0 0 0 10px rgba(91,210,124,0)}}
.cdx-next-go{flex:none;padding:.5rem 1.1rem;border-radius:999px;background:#F0D060;color:#2a0a10;font-weight:800;font-size:.84rem}
.cdx-next-go:hover{background:#fff}
@keyframes cdxIn{from{opacity:0;translate:0 26px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}

/* دسترسی سریع */
.cdx-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.cdx-act{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:.35rem;grid-column:span 1;min-height:168px;padding:1.3rem 1.3rem 1.2rem;border-radius:22px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(160deg,#2a1519,#170f11);color:#f5f0eb;box-shadow:0 14px 34px rgba(20,3,7,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;animation:cdxIn .8s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.08s + .3s) both}
.cdx-act:nth-child(n+2){grid-column:span 1}
.cdx-act-feature{grid-column:span 2!important;background:linear-gradient(135deg,#8b1a2b,#4a0a12 70%);border-color:rgba(240,208,96,.55)}
.cdx-act-bg{position:absolute;z-index:-1;left:-14px;bottom:-22px;font-size:7rem;color:rgba(212,175,55,.08);transition:transform .5s,color .35s;transform:rotate(-12deg)}
.cdx-act-ic{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin-bottom:.45rem;font-size:1.3rem;background:rgba(212,175,55,.12);color:#F0D060;transition:all .35s}
.cdx-act h3{margin:0;font-size:1.02rem;font-weight:800;color:#fff8ee}
.cdx-act p{margin:0;font-size:.8rem;line-height:1.8;color:rgba(255,248,238,.72)}
.cdx-act-go{position:absolute;top:1.2rem;left:1.2rem;font-size:.9rem;color:rgba(240,208,96,.5);transition:all .35s}
.cdx-act:hover{transform:translateY(-7px);border-color:#D4AF37;box-shadow:0 22px 48px rgba(212,175,55,.18),0 14px 34px rgba(20,3,7,.4)}
.cdx-act:hover .cdx-act-ic{background:#D4AF37;color:#2a0a10;transform:rotate(-8deg) scale(1.08)}
.cdx-act:hover .cdx-act-bg{transform:rotate(0) scale(1.12);color:rgba(212,175,55,.16)}
.cdx-act:hover .cdx-act-go{color:#F0D060;transform:translateX(-5px)}
.cdx-act:focus-visible{outline:2px solid #F0D060;outline-offset:3px}

/* پنل‌ها */
.cdx-grid{display:grid;grid-template-columns:1fr minmax(300px,390px);gap:1.6rem;align-items:start}
.cdx-side{display:flex;flex-direction:column;gap:1.6rem;position:sticky;top:96px}
.cdx-panel{background:var(--bg-card);color:var(--text);border:1px solid rgba(212,175,55,.28);border-radius:24px;padding:1.5rem 1.6rem;box-shadow:0 14px 34px rgba(20,3,7,.14)}
.cdx-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}
.cdx-head h3{margin:0;font-size:1.15rem;font-weight:800}
.cdx-ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#6b0f1a,#8b1a2b);color:#F0D060}
.cdx-count{margin-right:auto;font-size:.82rem;font-weight:700;padding:.2rem .9rem;border-radius:999px;background:rgba(212,175,55,.16);color:var(--gold)}
.cdx-toolbar{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.2rem}
.cdx-search{position:relative;display:block}
.cdx-search i{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--gold);pointer-events:none}
.cdx-search input{width:100%;padding:.75rem 2.6rem .75rem 1rem;border-radius:999px;border:1px solid rgba(212,175,55,.3);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:.92rem;transition:border-color .25s,box-shadow .25s}
.cdx-search input:focus{outline:none;border-color:#D4AF37;box-shadow:0 0 0 3px rgba(212,175,55,.18)}
.cdx-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.2rem;justify-content:flex-start;margin:0;scrollbar-width:thin}
.cdx-tabs .filter-btn{flex:none;white-space:nowrap;padding:.42rem 1.1rem;font-size:.85rem}
.cdx-tabs .filter-btn.active{background:linear-gradient(135deg,#6b0f1a,#8b1a2b);border-color:#D4AF37;box-shadow:0 6px 16px rgba(107,15,26,.4)}

/* کارت بازیکن */
.cdx-players{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:1rem}
.cdx-pl{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.03);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;animation:cdxIn .7s cubic-bezier(.2,.8,.2,1) calc(var(--i)*.05s) both}
.cdx-pl:hover{transform:translateY(-6px);border-color:#D4AF37;box-shadow:0 18px 38px rgba(0,0,0,.28)}
.cdx-pl-ph{position:relative;aspect-ratio:4/3.2;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 30%,#8b1a2b,#3a0810 75%)}
.cdx-pl-ph>i{font-size:3rem;color:rgba(212,175,55,.5)}
.cdx-pl-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .8s}
.cdx-pl:hover .cdx-pl-ph img{transform:scale(1.08)}
.cdx-pl-ph::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,rgba(10,4,6,.7));pointer-events:none}
.cdx-pl-ph b{position:absolute;z-index:1;top:.7rem;right:.7rem;min-width:36px;height:36px;padding:0 .5rem;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#D4AF37,#F0D060);color:#2a0a10;font-weight:800;font-size:.95rem;box-shadow:0 6px 14px rgba(0,0,0,.4)}
.cdx-pl-body{padding:.9rem 1rem .4rem;flex:1}
.cdx-pl-body h4{margin:0 0 .45rem;font-size:1.02rem;font-weight:800;color:var(--text)}
.cdx-pl-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.cdx-pl-tags span{padding:.15rem .7rem;border-radius:999px;font-size:.76rem;background:rgba(107,15,26,.5);color:var(--gold)}
.cdx-pl-tags span.g{background:rgba(212,175,55,.2)}
.cdx-pl-go{margin:.7rem 1rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;background:linear-gradient(135deg,#6b0f1a,#8b1a2b);color:#fff8ee;transition:all .3s}
.cdx-pl-go .fa-arrow-left{transition:transform .3s}
.cdx-pl-go:hover{background:linear-gradient(135deg,#D4AF37,#F0D060);color:#2a0a10}
.cdx-pl-go:hover .fa-arrow-left{transform:translateX(-4px)}

/* تایم‌لاین */
.cdx-tl{position:relative;display:flex;flex-direction:column;gap:1rem}
.cdx-tl::before{content:"";position:absolute;top:8px;bottom:8px;right:19px;width:2px;background:linear-gradient(180deg,#D4AF37,rgba(212,175,55,.08))}
.cdx-tl-item{position:relative;display:flex;gap:.9rem;align-items:flex-start}
.cdx-tl-dot{flex:none;z-index:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.9rem;background:linear-gradient(135deg,#6b0f1a,#8b1a2b);color:#F0D060;border:2px solid var(--bg-card);box-shadow:0 0 0 1px rgba(212,175,55,.5)}
.cdx-tl-body{flex:1;min-width:0;padding:.65rem .9rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(212,175,55,.16);transition:border-color .3s,transform .3s}
.cdx-tl-item:hover .cdx-tl-body{border-color:#D4AF37;transform:translateX(-4px)}
.cdx-tl-body strong{display:block;color:var(--gold);font-size:.95rem}
.cdx-tl-time{display:inline-block;margin:.1rem 0;font-size:.82rem;font-weight:700;color:var(--text)}
.cdx-tl-body p{margin:0;font-size:.82rem;color:var(--text-muted)}
.cdx-tl-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}
.cdx-tl-tags span{padding:.1rem .6rem;border-radius:999px;font-size:.72rem;background:rgba(212,175,55,.18);color:var(--gold)}
.cdx-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;font-size:.86rem;font-weight:700;color:var(--gold)}
.cdx-more:hover{gap:.8rem}
.cdx-empty{text-align:center;padding:1.6rem 1rem;color:var(--text-muted)}
.cdx-empty>i{font-size:2rem;margin-bottom:.6rem;color:var(--gold)}
.cdx-empty p{margin:0 0 .9rem}

/* تم روشن */
html[data-theme="light"] .cdx-hero .cdx-hello,html[data-theme="light"] .cdx-hero .cdx-hello em,html[data-theme="light"] .cdx-hero .cdx-stat span,html[data-theme="light"] .cdx-next-tx small{color:rgba(255,248,238,.88)!important}
html[data-theme="light"] .cdx-hero .cdx-name{color:transparent!important}
html[data-theme="light"] .cdx-hello span,html[data-theme="light"] .cdx-chips span,html[data-theme="light"] .cdx-stat b,html[data-theme="light"] .cdx-stat>i,html[data-theme="light"] .cdx-next-rel{color:#f6d77a!important}
html[data-theme="light"] .cdx-badge,html[data-theme="light"] .cdx-next-ic,html[data-theme="light"] .cdx-next-go,html[data-theme="light"] .cdx-pl-ph b{color:#2a0a10!important}
html[data-theme="light"] .cdx-next-tx b{color:#fff8ee!important}
html[data-theme="light"] .cdx-act h3{color:#fff8ee!important}
html[data-theme="light"] .cdx-act p{color:rgba(255,248,238,.8)!important}
html[data-theme="light"] .cdx-act-ic,html[data-theme="light"] .cdx-ico{color:#f6d77a!important}
html[data-theme="light"] .cdx-act:hover .cdx-act-ic{color:#2a0a10!important}
html[data-theme="light"] .cdx-panel{background:#fffaf2;border-color:#d9bd88}
html[data-theme="light"] .cdx-panel h3,html[data-theme="light"] .cdx-pl-body h4{color:#3b1d22}
html[data-theme="light"] .cdx-pl{background:#fff;border-color:#e3cfa3}
html[data-theme="light"] .cdx-pl-tags span{background:#f4dfbd;color:#4a0a12!important}
html[data-theme="light"] .cdx-pl-go{color:#fff8ee!important}
html[data-theme="light"] .cdx-pl-go:hover{color:#2a0a10!important}
html[data-theme="light"] .cdx-tl-body{background:#fff;border-color:#e3cfa3}
html[data-theme="light"] .cdx-tl-body strong,html[data-theme="light"] .cdx-more{color:#6b0f1a!important}
html[data-theme="light"] .cdx-tl-tags span,html[data-theme="light"] .cdx-count{color:#4a0a12!important;background:#f4dfbd}
html[data-theme="light"] .cdx-search input{background:#fff!important}

/* واکنش‌گرا */
@media(max-width:1000px){.cdx-grid{grid-template-columns:1fr}.cdx-side{position:static}.cdx-actions{grid-template-columns:repeat(3,1fr)}.cdx-act-feature{grid-column:span 3!important}}
@media(max-width:820px){.cdx-hero{grid-template-columns:1fr;padding:2rem 1.2rem 2.2rem;gap:2.2rem;text-align:center}.cdx-info{align-items:center}.cdx-hello,.cdx-chips{justify-content:center}.cdx-stats,.cdx-next{width:100%}.cdx-portrait{max-width:220px}}
@media(max-width:620px){.cdx-section{padding-top:88px!important}.cdx-actions{grid-template-columns:repeat(2,1fr)}.cdx-act-feature{grid-column:span 2!important}.cdx-act{min-height:140px;padding:1.1rem}.cdx-stats{grid-template-columns:repeat(2,1fr)}.cdx-next{flex-wrap:wrap;text-align:right}.cdx-panel{padding:1.2rem 1rem}.cdx-players{grid-template-columns:repeat(2,1fr);gap:.7rem}.cdx-pl-go{font-size:.72rem;padding:.55rem .4rem}}
@media(max-width:380px){.cdx-players{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cdx-info>*,.cdx-portrait,.cdx-glow,.cdx-badge,.cdx-next-rel i,.cdx-act,.cdx-pl{animation:none!important}.cdx-act,.cdx-pl,.cdx-stat{transition:none}}

/* ===== گالری صفحه اصلی: هم‌اندازه با کارت مربیان (cx-card) ===== */
.homepage-gallery .hg-bento,
.homepage-gallery .hg-bento[data-count="1"],
.homepage-gallery .hg-bento[data-count="2"],
.homepage-gallery .hg-bento[data-count="3"]{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:auto;
  grid-auto-flow:row;
  gap:1.8rem;
}
.homepage-gallery .hg-bento .hg-card,
.homepage-gallery .hg-bento .hg-card:first-child,
.homepage-gallery .hg-bento[data-count] .hg-card:first-child{
  grid-column:auto;
  grid-row:auto;
  min-height:0;
  aspect-ratio:3/4.15;
  border-radius:22px;
}
.homepage-gallery .hg-bento .hg-card:first-child .hg-info .hg-name{font-size:1.25rem}
.homepage-gallery .hg-bento .hg-card:first-child .hg-info{padding:.95rem 1.1rem 1rem}
@media (max-width:992px){
  .homepage-gallery .hg-bento,
  .homepage-gallery .hg-bento[data-count]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage-gallery .hg-bento .hg-card:first-child,
  .homepage-gallery .hg-bento[data-count] .hg-card:first-child{grid-column:auto;min-height:0}
}
@media (max-width:768px){
  .homepage-gallery .hg-bento,
  .homepage-gallery .hg-bento[data-count]{grid-template-columns:1fr;gap:1.4rem}
}
@media (max-width:600px){
  .homepage-gallery .hg-bento .hg-card{aspect-ratio:4/4.7}
}


/* ===== سمت مربی: زیر نام، فقط هنگام hover روی کارت ===== */
.cx-card .cx-role{align-self:flex-start;margin-top:-.15rem}
@media (hover:hover){
  .cx-card .cx-role{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:-.5rem;overflow:hidden;
    transform:translateY(8px);transition:max-height .4s ease,opacity .35s ease,transform .4s cubic-bezier(.2,.8,.2,1),padding .4s ease,margin .4s ease}
  .cx-card:hover .cx-role,.cx-card:focus-visible .cx-role{max-height:2.4rem;opacity:1;padding-top:.25rem;padding-bottom:.25rem;margin-top:-.15rem;transform:none}
}


/* ===== شمارنده کنار هر گزینه منوی کشویی (مثلاً پیام جدید در صندوق پیام) ===== */
.dropdown-menu a .menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-inline-start:.45rem;
  border-radius:999px;background:#e74c3c;color:#fff!important;font-size:.72rem;font-weight:800;line-height:1;vertical-align:middle}


/* ===== لوگو موشن بین صفحه‌ها — نسخهٔ سینمایی =====
   خروج: دایره‌ای از نقطهٔ کلیک باز می‌شود، لوگو با حلقهٔ طلایی چرخان ظاهر می‌شود و نور از روی صفحه رد می‌شود.
   ورود: لوگو بزرگ می‌شود و محو می‌شود، پرده مثل دیافراگم به مرکز جمع می‌شود. */
.hx-trans-bg,html.hx-enter::before{
  background:
    radial-gradient(circle at 50% 50%,rgba(212,175,55,.16) 0%,transparent 42%),
    radial-gradient(circle at 50% 50%,#6b0f1a 0%,#2a060c 58%,#12090b 100%)}
.hx-trans-bg::after{content:"";position:absolute;inset:-20% -60%;
  background:linear-gradient(105deg,transparent 40%,rgba(240,208,96,.14) 50%,transparent 60%);
  transform:translateX(-60%);animation:hxSweep 1.1s ease-in-out .15s infinite}
@keyframes hxSweep{to{transform:translateX(60%)}}
.hx-trans-ring{position:absolute;top:50%;left:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;opacity:0;
  background:conic-gradient(from 0deg,transparent 0 55%,var(--gold-light,#F0D060) 100%);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 69%,transparent 70%);
          mask:radial-gradient(circle,transparent 62%,#000 63%,#000 69%,transparent 70%);
  transform:scale(.6);transition:opacity .35s ease .3s,transform .7s cubic-bezier(.2,1.2,.4,1) .3s;
  animation:hxSpin 1.1s linear infinite}
.hx-trans.on .hx-trans-ring{opacity:1;transform:scale(1)}
@keyframes hxSpin{to{rotate:360deg}}
.hx-trans-logo{box-shadow:0 0 60px rgba(212,175,55,.35)}
html.hx-enter::before{animation:hxIris .8s cubic-bezier(.7,0,.2,1) .38s forwards}
html.hx-enter::after{animation:hxRipple 1.3s ease-out infinite,hxLogoOut .55s cubic-bezier(.5,0,.2,1) .3s forwards;
  box-shadow:0 0 0 5px rgba(240,208,96,.28),0 0 60px rgba(212,175,55,.35)}
@keyframes hxIris{from{clip-path:circle(150vmax at 50% 50%)}to{clip-path:circle(0 at 50% 50%);visibility:hidden}}
@keyframes hxLogoOut{to{opacity:0;transform:scale(1.45);visibility:hidden}}
@media (prefers-reduced-motion:reduce){
  .hx-trans-bg::after,.hx-trans-ring{animation:none}
  html.hx-enter::before{animation:hxOut .3s ease .2s forwards}
  html.hx-enter::after{animation:hxOut .3s ease .2s forwards}
}

/* =====================================================================
   پنل بازیکن — نسخهٔ جدید (pd-*)
   ===================================================================== */
.pd-hero{position:relative;overflow:hidden;isolation:isolate;text-align:right;padding:8.2rem 0 3.4rem;
  background:radial-gradient(circle at 85% 0%,rgba(212,175,55,.22),transparent 42%),linear-gradient(135deg,#5a0d18 0%,#2a060c 55%,#12090b 100%)}
.pd-hero-glow{position:absolute;inset:-30% -10% auto auto;width:520px;height:520px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,rgba(240,208,96,.22),transparent 65%);filter:blur(10px);animation:pdFloat 9s ease-in-out infinite alternate}
@keyframes pdFloat{to{transform:translate(-60px,40px) scale(1.12)}}
.pd-hero-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.8rem 2.2rem;border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(212,175,55,.35);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 26px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.12);
  animation:pdRise .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes pdRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.pd-avatar{position:relative;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;font-size:3rem;color:var(--gold-light,#F0D060);
  background:linear-gradient(135deg,#6b0f1a,#1a0a0e);border:3px solid var(--gold-light,#F0D060);box-shadow:0 0 0 8px rgba(212,175,55,.14),0 14px 40px rgba(0,0,0,.45)}
.pd-avatar::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(240,208,96,.45);animation:pdSpin 22s linear infinite}
@keyframes pdSpin{to{rotate:360deg}}
.pd-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pd-eyebrow{display:block;direction:ltr;text-align:right;font-size:.7rem;font-weight:800;letter-spacing:.3em;color:var(--gold-light,#F0D060);opacity:.9;margin-bottom:.3rem}
.pd-hero h1{font-size:clamp(1.7rem,3.4vw,2.6rem);margin:0 0 .3rem;color:#fff;font-weight:900;line-height:1.35}
.pd-sub{margin:0 0 .9rem;color:rgba(255,246,236,.78)}
.pd-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.pd-chips span{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;
  color:var(--gold-light,#F0D060);background:rgba(0,0,0,.28);border:1px solid rgba(212,175,55,.4)}
.pd-stats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:.8rem}
.pd-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem .8rem;border-radius:18px;text-align:center;
  background:rgba(0,0,0,.26);border:1px solid rgba(212,175,55,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s}
.pd-stat:hover{transform:translateY(-5px);border-color:var(--gold-light,#F0D060)}
.pd-stat i{color:var(--gold-light,#F0D060);font-size:1.1rem}
.pd-stat b{font-size:1.65rem;font-weight:900;color:#fff;line-height:1.2}
.pd-stat span{font-size:.74rem;color:rgba(255,246,236,.75)}

/* نوار دسترسی سریع */
.pd-quicknav{position:sticky;top:64px;z-index:900;padding:.6rem 0;background:rgba(15,10,11,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(212,175,55,.2)}
.pd-qn-track{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.15rem 0}
.pd-qn-track::-webkit-scrollbar{display:none}
.pd-qn-track a{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.05rem;border-radius:999px;font-size:.86rem;font-weight:700;
  color:#f3e7d3!important;background:rgba(255,255,255,.06);border:1px solid rgba(212,175,55,.25);text-decoration:none;transition:.3s}
.pd-qn-track a i{color:var(--gold-light,#F0D060)}
.pd-qn-track a:hover{transform:translateY(-2px);border-color:var(--gold-light,#F0D060)}
.pd-qn-track a.active{color:#2a0a10!important;background:linear-gradient(135deg,var(--gold-light,#F0D060),var(--gold,#D4AF37));border-color:transparent;box-shadow:0 8px 22px rgba(212,175,55,.35)}
.pd-qn-track a.active i{color:#2a0a10}

/* ورود نرم بخش‌ها */
.pd-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.pd-reveal.pd-in{opacity:1;transform:none}

/* کارت‌ها و عنوان بخش‌ها */
.player-feature .section-header,.player-feature .feature-heading,
#pd-attendance .section-header,#pd-tuition .section-header,#pd-peers .section-header,#pd-shop .section-header{position:relative}
#pd-attendance .section-badge,#pd-tuition .section-badge,#pd-peers .section-badge,#pd-shop .section-badge,.player-feature .section-badge{
  display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 1rem;border-radius:999px;font-weight:800;letter-spacing:.04em;
  background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.06));border:1px solid rgba(212,175,55,.45)}
#pd-attendance .section-header h2::after,#pd-tuition .section-header h2::after,#pd-peers .section-header h2::after,#pd-shop .section-header h2::after{
  content:"";display:block;width:64px;height:4px;margin:.7rem auto 0;border-radius:4px;background:linear-gradient(90deg,var(--gold-light,#F0D060),var(--gold,#D4AF37),var(--gold-dark,#9a7b1c))}
.player-feature .schedule-card,#pd-attendance .admin-card,#pd-tuition .admin-card,#pd-shop .admin-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
#pd-attendance .admin-card:hover,#pd-tuition .admin-card:hover,#pd-shop .admin-card:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.5);box-shadow:0 20px 44px rgba(0,0,0,.28)}
.player-feature .schedule-card:hover{box-shadow:0 22px 48px rgba(0,0,0,.3)}
.tuition-fill{background:linear-gradient(90deg,var(--gold-dark,#9a7b1c),var(--gold-light,#F0D060));box-shadow:0 0 18px rgba(212,175,55,.5)}

/* تم روشن */
html[data-theme="light"] .pd-hero h1{color:#fff!important}
html[data-theme="light"] .pd-quicknav{background:rgba(74,10,18,.94)}

/* واکنش‌گرا */
@media (max-width:992px){
  .pd-hero-card{grid-template-columns:auto 1fr}
  .pd-stats{grid-column:1/-1}
}
@media (max-width:600px){
  .pd-hero{padding:7rem 0 2.4rem}
  .pd-hero-card{grid-template-columns:1fr;justify-items:center;text-align:center;padding:1.5rem 1.1rem}
  .pd-avatar{width:104px;height:104px}
  .pd-eyebrow{text-align:center}
  .pd-chips{justify-content:center}
  .pd-stat b{font-size:1.35rem}
  .pd-quicknav{top:60px}
}
@media (prefers-reduced-motion:reduce){
  .pd-hero-glow,.pd-avatar::after,.pd-hero-card{animation:none}
  .pd-reveal{opacity:1;transform:none;transition:none}
}


/* ===== نوار قدرت رمز عبور و اعتبارسنجی کد ملی ===== */
.pw-meter{margin-top:.55rem}
.pw-meter-track{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.pw-meter-bar{height:100%;width:0;border-radius:99px;background:transparent;transition:width .3s ease,background-color .3s ease}
.pw-meter[data-level="1"] .pw-meter-bar{background:#e74c3c}
.pw-meter[data-level="2"] .pw-meter-bar{background:#f1c40f}
.pw-meter[data-level="3"] .pw-meter-bar{background:#2ecc71}
.pw-meter-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center;margin-top:.35rem;font-size:.8rem}
.pw-meter-label{font-weight:700;min-height:1em}
.pw-meter[data-level="1"] .pw-meter-label{color:#e74c3c}
.pw-meter[data-level="2"] .pw-meter-label{color:#f1c40f}
.pw-meter[data-level="3"] .pw-meter-label{color:#2ecc71}
.pw-meter-tip{color:var(--text-muted);font-size:.74rem}
.pw-meter[data-level="0"] .pw-meter-tip{display:none}
input.is-valid{border-color:#2ecc71 !important}
input.is-invalid{border-color:#e74c3c !important}
@media(max-width:560px){.pw-meter-tip{display:none}}


/* ===== ثبت دستی شهریه (پنل مدیریت) ===== */
.mt-step{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .7rem}
.mt-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#24180a;font-weight:900;font-size:.9rem}
.mt-year{margin-right:auto;max-width:150px;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(212,175,55,.35);background:var(--bg-card);color:inherit;font-family:inherit}
.mt-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.mt-plan{padding:.85rem .6rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;font-family:inherit;font-weight:700;cursor:pointer;transition:.2s}
.mt-plan i{margin-left:.4rem;color:var(--gold)}
.mt-plan.active{border-color:var(--gold);background:rgba(212,175,55,.14);box-shadow:0 0 0 2px rgba(212,175,55,.18)}
.mt-player-wrap{position:relative}
.mt-player-wrap input{width:100%}
.mt-results{position:absolute;inset-inline:0;top:100%;margin-top:.3rem;z-index:20;background:var(--bg-card);border:1px solid rgba(212,175,55,.35);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.35);max-height:320px;overflow-y:auto}
.mt-result{display:block;width:100%;text-align:right;padding:.7rem 1rem;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:inherit;font-family:inherit;cursor:pointer}
.mt-result:hover{background:rgba(212,175,55,.12)}
.mt-result small{display:block;color:var(--text-muted);margin-top:.15rem}
.mt-noresult{padding:.9rem 1rem;color:var(--text-muted)}
.mt-chosen{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem 1rem;border-radius:14px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3)}
.mt-chosen i{color:var(--gold)}
.mt-chosen small{color:var(--text-muted);margin-right:.4rem}
.mt-periods{display:grid;gap:.6rem}
.mt-periods-m{grid-template-columns:repeat(4,1fr)}
.mt-periods-t{grid-template-columns:repeat(4,1fr)}
.mt-periods-y{grid-template-columns:1fr}
.mt-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:56px;padding:.6rem .4rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:inherit;font-family:inherit;cursor:pointer;transition:.18s}
.mt-chip small{color:var(--text-muted);font-size:.72rem}
.mt-chip em{font-style:normal;font-size:.72rem;color:#2ecc71}
.mt-chip:hover:not(:disabled){border-color:var(--gold)}
.mt-chip.selected{border-color:var(--gold);background:rgba(212,175,55,.18);box-shadow:0 0 0 2px rgba(212,175,55,.2)}
.mt-chip.paid{border-color:rgba(46,204,113,.5);background:rgba(46,204,113,.1);cursor:not-allowed;opacity:.9}
.mt-hint{display:block;margin-top:.6rem;color:var(--text-muted);line-height:1.8}
.manual-badge{background:rgba(212,175,55,.18) !important;color:var(--gold) !important;font-size:.7rem}
@media(max-width:700px){.mt-periods-m,.mt-periods-t{grid-template-columns:repeat(2,1fr)}.mt-plans{grid-template-columns:1fr}}


/* ===== جستجوی پیشرفته بازیکن (ثبت دستی شهریه) ===== */
.mt-search-row{display:flex;gap:.6rem;flex-wrap:wrap}
.mt-search-input{position:relative;flex:1 1 280px}
.mt-search-input>i{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none}
.mt-search-input input{width:100%;padding-right:2.6rem !important;padding-left:2.4rem !important}
.mt-search-clear{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:inherit;cursor:pointer}
.mt-group-filter{flex:0 0 160px;padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(212,175,55,.35);background:var(--bg-card);color:inherit;font-family:inherit}
.mt-count{padding:.5rem 1rem;font-size:.78rem;color:var(--text-muted);background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06)}
.mt-result{display:flex !important;align-items:center;gap:.8rem}
.mt-result.active{background:rgba(212,175,55,.16)}
.mt-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(212,175,55,.2);color:var(--gold);font-weight:800}
.mt-avatar img{width:100%;height:100%;object-fit:cover}
.mt-info{flex:1;min-width:0}
.mt-info strong{display:block}
.mt-info strong em{font-style:normal;color:var(--gold);font-size:.8rem}
.mt-info small{display:block;color:var(--text-muted);font-size:.78rem;margin-top:.1rem}
.mt-badge{flex:0 0 auto;font-size:.7rem;padding:.25rem .6rem;border-radius:99px;white-space:nowrap}
.mt-badge.ok{background:rgba(46,204,113,.16);color:#2ecc71}
.mt-badge.no{background:rgba(255,255,255,.07);color:var(--text-muted)}
.mt-results mark{background:rgba(212,175,55,.35);color:inherit;border-radius:3px;padding:0 2px}
@media(max-width:600px){.mt-group-filter{flex:1 1 100%}.mt-badge{display:none}}


/* v44 - hero title: smaller, single line */
.hero .hero-title{font-size:clamp(1.05rem,1.9vw,1.9rem);letter-spacing:0;line-height:1.5;white-space:nowrap;max-width:none;margin-left:auto;margin-right:auto}

/* v44 - simple bold headings everywhere (no heavy/decorative look) */
h1,h2,h3,h4,h5,h6,.section-header h2,.hero-title,.hero-title span,.logo-text,.logo-subtitle{font-family:Tahoma,Arial,sans-serif !important;font-weight:700 !important}


/* v48 - footer phone/email: whole row is a tappable link */
.footer-contact a.fc-link{display:flex;align-items:flex-start;gap:.7rem;color:inherit;text-decoration:none;cursor:pointer;position:relative;z-index:3;pointer-events:auto;-webkit-tap-highlight-color:rgba(212,175,55,.25)}
.footer-contact a.fc-link:hover,.footer-contact a.fc-link:focus-visible{color:var(--gold)}
.footer-contact a.fc-link span{word-break:break-all}


/* v64 - unified heading style (same look as "مدیریت شهریه" card title):
   Tahoma, bold 700, cream text colour, soft shadow — on every page */
h2,h3,h4,h5,
.section-header h2,.feature-heading h2,
.panel-card h3,.admin-card h3,.player-card h3,.schedule-card h3,.shop-card h3,
.gallery-category-card h3,.gp-info h3,.gv-head h2,.cx-card h3,.rl-meta h3,
.cp-panel-head h3,.cp-step-card h4,.cdx-act h3,.cdx-pl-body h4,.coach-timeline-body h4,
.adm-rev-top h2,.mp-desk-head h2,.mp-tile-h h3,.chat-placeholder h3,
h3[style*="color:var(--gold)"],h4[style*="color:var(--gold)"]{
  font-family:Tahoma,Arial,sans-serif !important;
  font-weight:700 !important;
  color:var(--text) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
/* icons next to headings keep the gold accent */
h2 i,h3 i,h4 i{color:var(--gold)}
/* big page titles: same font & weight (colour stays as designed) */
h1,.page-hero h1,.adm-head h1,.pd-hero h1,.news-detail-hero h1,.mp-hello h1{
  font-family:Tahoma,Arial,sans-serif !important;font-weight:700 !important;
}
/* light theme: keep headings readable on light cards, no shadow */
html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5{text-shadow:none}
/* headings that sit on dark hero/photo areas stay light */
.page-hero h2,.page-hero h3,.cx-card h3,.rl-meta h3,.gp-info h3,.gv-head h2,.gallery-category-card h3{color:#F5F0EB !important;text-shadow:0 1px 3px rgba(0,0,0,.55)}

/* ==================== «بعداً پرداخت می‌کنم»: نوار هدر ==================== */
.paylater-bar{position:fixed;top:75px;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:.5rem 1rem;background:linear-gradient(90deg,#7a5a0a,#b8860b 50%,#7a5a0a);color:#fff8e1;font-size:.85rem;line-height:1.8;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.paylater-bar.is-late{background:linear-gradient(90deg,#6b0f1a,#a3182a 50%,#6b0f1a);color:#fff}
.paylater-bar>i{font-size:1.05rem}.paylater-bar .plb-text b{color:#fff}
.paylater-bar .plb-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:999px;background:#fff8e1;color:#4a0a12;font-weight:800;text-decoration:none;white-space:nowrap}
body.has-paylater-bar{padding-top:var(--plb-h,52px)}
@media(max-width:700px){.paylater-bar{font-size:.78rem;padding:.45rem .6rem}}
.cdx-pl-tags .plb-tag{background:rgba(184,134,11,.25);color:#f0d060}

/* =====================================================================
   v65 — کارت بازیکن و پروفایل بازیکن (طراحی جدید)
   ===================================================================== */
.players-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}
a.player-card.pc{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:22px;
  background:linear-gradient(180deg,#221518,#150d0f);border:1px solid rgba(212,175,55,.18);overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;position:relative}
a.player-card.pc::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;pointer-events:none;z-index:4;
  background:linear-gradient(135deg,rgba(240,208,96,.7),rgba(212,175,55,0) 40%,rgba(212,175,55,0) 60%,rgba(240,208,96,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity .3s}
a.player-card.pc:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 0 1px rgba(212,175,55,.25),0 12px 40px rgba(212,175,55,.12)}
a.player-card.pc:hover::before{opacity:1}
.pc-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:linear-gradient(145deg,var(--burgundy-dark),var(--burgundy) 55%,#2a0a10)}
.pc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s cubic-bezier(.2,.8,.2,1);z-index:1}
a.player-card.pc:hover .pc-media img{transform:scale(1.07)}
.pc-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.22),transparent 55%),radial-gradient(circle at 80% 90%,rgba(255,255,255,.06),transparent 50%)}
.pc-initial{font-size:5.5rem;font-weight:900;color:rgba(240,208,96,.9);text-shadow:0 8px 30px rgba(0,0,0,.5);position:relative;z-index:1;line-height:1}
.pc-ghost-icon{position:absolute;font-size:11rem;color:rgba(212,175,55,.07);bottom:-1.5rem;left:-1rem;transform:rotate(-12deg)}
.pc-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(10,5,6,.95) 0%,rgba(10,5,6,.55) 32%,rgba(10,5,6,0) 62%)}
.pc-pos{position:absolute;top:12px;right:12px;z-index:3;display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;border-radius:50px;
  background:rgba(15,10,11,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.35);color:var(--gold-light);font-size:.78rem;font-weight:700}
.pc-num{position:absolute;top:10px;left:12px;z-index:3;font-size:2.1rem;font-weight:900;line-height:1;color:var(--gold-light);
  text-shadow:0 2px 12px rgba(0,0,0,.7),0 0 24px rgba(212,175,55,.35);font-style:italic}
.pc-num small{font-size:1rem;opacity:.75;margin-left:2px}
.pc-title{position:absolute;right:0;left:0;bottom:0;z-index:3;padding:1rem 1.1rem .95rem;text-align:right}
.pc-title h3{font-size:1.18rem;font-weight:800;color:#fff;margin:0 0 .45rem;text-shadow:0 2px 10px rgba(0,0,0,.6);line-height:1.4}
.pc-group{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--gold-light);background:rgba(212,175,55,.14);border:1px solid rgba(212,175,55,.3);padding:.2rem .65rem;border-radius:50px}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1.1rem;border-top:1px solid rgba(212,175,55,.12);background:rgba(0,0,0,.18)}
.pc-stat{display:flex;align-items:baseline;gap:.4rem}
.pc-stat span{font-size:.74rem;color:var(--text-muted)}
.pc-stat strong{font-size:1rem;color:var(--text)}
.pc-cta{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:800;color:var(--bg-dark);
  background:linear-gradient(135deg,var(--gold-light),var(--gold));padding:.42rem .95rem;border-radius:50px;transition:gap .25s,box-shadow .25s}
a.player-card.pc:hover .pc-cta{gap:.7rem;box-shadow:0 6px 18px rgba(212,175,55,.35)}

/* ---------- پروفایل ---------- */
.pp-hero{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(212,175,55,.3);
  background:linear-gradient(135deg,#5a0c17,#1b0d10 70%);box-shadow:0 24px 60px rgba(0,0,0,.45);isolation:isolate}
.pp-hero::before{content:"";position:absolute;inset:-30px;z-index:-2;background:var(--pp-bg,none) center/cover no-repeat;filter:blur(28px) saturate(1.2);opacity:.35;transform:scale(1.1)}
.pp-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(90,12,23,.78),rgba(15,10,11,.9))}
.pp-hero-glow{position:absolute;width:360px;height:360px;top:-120px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.28),transparent 65%);z-index:-1}
.pp-ghost-num{position:absolute;left:1.2rem;bottom:-1.8rem;font-size:11rem;font-weight:900;font-style:italic;line-height:1;color:rgba(212,175,55,.09);z-index:-1;user-select:none;pointer-events:none}
.pp-hero-inner{display:flex;gap:2rem;align-items:center;padding:2.4rem 2.2rem;flex-wrap:wrap}
.pp-avatar-wrap{position:relative;flex:0 0 auto}
.pp-avatar{width:200px;height:200px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,var(--burgundy),var(--burgundy-dark));border:4px solid var(--gold);
  box-shadow:0 0 0 8px rgba(212,175,55,.12),0 18px 50px rgba(0,0,0,.55),0 0 50px rgba(212,175,55,.2)}
.pp-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top;cursor:zoom-in}
.pp-initial{font-size:5rem;font-weight:900;color:var(--gold-light)}
.pp-num-badge{position:absolute;bottom:4px;left:4px;min-width:58px;height:58px;padding:0 .6rem;border-radius:50px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));color:var(--burgundy-dark);font-weight:900;font-size:1.5rem;border:3px solid #1b0d10;box-shadow:0 8px 20px rgba(0,0,0,.5)}
.pp-num-badge small{font-size:.9rem;opacity:.7}
.pp-hero-info{flex:1 1 280px;min-width:0}
.pp-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}
.pp-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .9rem;border-radius:50px;font-size:.85rem;font-weight:700;color:var(--text);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.pp-chip.gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:var(--bg-dark);border-color:transparent}
.pp-hero-info h2{font-size:2.3rem;line-height:1.35;font-weight:900;margin:0 0 .5rem;color:#fff;
  background:linear-gradient(180deg,#fff,var(--gold-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pp-club{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem;margin-bottom:.9rem}
.pp-club img{width:24px;height:24px;border-radius:50%}
.pp-bio{color:var(--text);line-height:1.95;background:rgba(0,0,0,.25);border-right:3px solid var(--gold);padding:.8rem 1rem;border-radius:12px;font-size:.95rem}
.pp-bio i{color:var(--gold);margin-left:.5rem;opacity:.7}
.pp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin-top:1.2rem}
.pp-stat{position:relative;text-align:center;padding:1.2rem .8rem;border-radius:18px;background:linear-gradient(160deg,#241619,#171012);border:1px solid rgba(212,175,55,.16);transition:transform .25s,border-color .25s}
.pp-stat:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.5)}
.pp-stat i{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:14px;margin-bottom:.6rem;color:var(--gold-light);font-size:1.15rem;background:rgba(212,175,55,.12)}
.pp-stat span{display:block;font-size:.76rem;color:var(--text-muted)}
.pp-stat strong{display:block;margin-top:.2rem;font-size:1.15rem;color:var(--text)}
.pp-card{margin-top:1.2rem;padding:1.4rem 1.5rem;border-radius:20px;background:linear-gradient(160deg,#211417,#150e10);border:1px solid rgba(212,175,55,.14)}
.pp-card h3{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;color:var(--gold);margin:0 0 .8rem}
.pp-history p{line-height:2;white-space:pre-line;color:var(--text)}
.pp-gallery{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x mandatory}
.pp-gallery img{flex:0 0 auto;width:130px;height:130px;object-fit:cover;border-radius:16px;border:1px solid rgba(212,175,55,.25);scroll-snap-align:start;cursor:zoom-in;transition:transform .25s}
.pp-gallery img:hover{transform:scale(1.05)}
@media(max-width:640px){
  .players-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .pc-initial{font-size:3.6rem}.pc-title h3{font-size:1rem}.pc-pos{font-size:.68rem;padding:.3rem .6rem;top:8px;right:8px}
  .pc-num{font-size:1.6rem;top:8px;left:10px}.pc-foot{padding:.6rem .8rem}.pc-cta{padding:.35rem .7rem;font-size:.74rem}
  .pp-hero-inner{flex-direction:column;text-align:center;padding:2rem 1.2rem}
  .pp-avatar{width:160px;height:160px}.pp-chips{justify-content:center}.pp-hero-info h2{font-size:1.8rem}
  .pp-club{justify-content:center}.pp-bio{text-align:right}.pp-ghost-num{font-size:7rem}
  .pp-stats{grid-template-columns:repeat(2,1fr)}
}

/* =====================================================================
   v66 — نمایشگر تصویر به سبک گوشی (گالری + عکس‌های پروفایل)
   دکمه قبلی/بعدی دو طرف تصویر، بستن و شمارنده بالا، توضیح پایین
   ===================================================================== */
.gl-box{padding:0!important;height:100vh;height:100dvh;align-items:stretch;justify-content:center;background:#07040a;backdrop-filter:none;touch-action:pan-y;overscroll-behavior:contain}
.gl-box::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(84px + env(safe-area-inset-top,0px));background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);z-index:2;pointer-events:none}
.gl-fig{position:relative;flex:1;width:100%;max-width:100%;max-height:none;height:100%;justify-content:center;gap:0;padding:calc(64px + env(safe-area-inset-top,0px)) 0 calc(78px + env(safe-area-inset-bottom,0px))}
.gl-fig img{max-width:100%;width:auto;height:auto;max-height:100%;border:0;border-radius:0;box-shadow:none;animation:glIn .28s ease both}
@keyframes glIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
.gl-fig figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:2.2rem 1.2rem calc(1.1rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(0,0,0,.85),transparent);font-size:.95rem;color:#fff;min-height:1rem}
.gl-fig figcaption:empty{display:none}
.gl-count{top:calc(.9rem + env(safe-area-inset-top,0px));z-index:3;backdrop-filter:blur(8px)}
.gl-btn{z-index:3;width:46px;height:46px;background:rgba(20,12,14,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:rgba(255,255,255,.22);color:#fff}
.gl-close{top:calc(.8rem + env(safe-area-inset-top,0px));right:max(.9rem,env(safe-area-inset-right,0px));left:auto}
.gl-prev{right:max(.9rem,env(safe-area-inset-right,0px));left:auto;top:50%;bottom:auto;transform:translateY(-50%)}
.gl-next{left:max(.9rem,env(safe-area-inset-left,0px));right:auto;top:50%;bottom:auto;transform:translateY(-50%)}
.gl-btn:active{transform:translateY(-50%) scale(.92)}
.gl-close:active{transform:scale(.92)}
@media(max-width:700px){
  .gl-box{padding:0!important}
  .gl-prev,.gl-next{top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:40px;height:40px;font-size:.9rem;background:rgba(20,12,14,.45)}
  .gl-prev{right:.5rem!important;left:auto!important}
  .gl-next{left:.5rem!important;right:auto!important}
  .gl-fig{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}

/* نمایشگر عمومی عکس (پروفایل بازیکن/مربی) — همان قالب */
.hy-image-lightbox{padding:0!important;height:100vh;height:100dvh}
.hy-lightbox-backdrop{background:#07040a!important;backdrop-filter:none!important}
.hy-lightbox-content{max-width:100vw!important;max-height:100dvh!important;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(64px + env(safe-area-inset-top,0px)) 0 calc(64px + env(safe-area-inset-bottom,0px))}
.hy-lightbox-content img{max-width:100%!important;max-height:100%!important;border-radius:0!important;box-shadow:none!important;min-height:0}
.hy-lightbox-counter{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);margin:0!important;padding:.3rem 1rem;border-radius:50px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.35);color:var(--gold-light)!important;font-size:.85rem}
.hy-lightbox-close{top:calc(.8rem + env(safe-area-inset-top,0px))!important;right:.9rem!important;left:auto!important}
.hy-lightbox-prev{right:.9rem!important;left:auto!important;top:50%;transform:translateY(-50%)}
.hy-lightbox-next{left:.9rem!important;right:auto!important;top:50%;transform:translateY(-50%)}
.hy-lightbox-close,.hy-lightbox-prev,.hy-lightbox-next{background:rgba(20,12,14,.55)!important;backdrop-filter:blur(8px);color:#fff}
@media(max-width:700px){.hy-lightbox-prev,.hy-lightbox-next{width:40px!important;height:40px!important}.hy-lightbox-prev{right:.5rem!important}.hy-lightbox-next{left:.5rem!important}}

/* =====================================================================
   v66 — بازیکنان برجسته (صفحه اصلی) + پروفایل کارت‌مانند
   ===================================================================== */
.homepage-players{position:relative;overflow:hidden;background:
  radial-gradient(900px 420px at 85% -5%,rgba(212,175,55,.13),transparent 60%),
  radial-gradient(800px 420px at 5% 105%,rgba(139,26,43,.35),transparent 60%),
  linear-gradient(180deg,#120b0d,#0d0809)}
.homepage-players::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(212,175,55,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(212,175,55,.05) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.homepage-players .container{position:relative;z-index:1}
.players-grid.fp-showcase{grid-template-columns:repeat(auto-fill,minmax(230px,280px));justify-content:center;gap:1.6rem;perspective:1200px}
.fpc{display:block;text-decoration:none;color:inherit;opacity:0;animation:fpcIn .7s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d,0)*70ms)}
@keyframes fpcIn{from{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}
.fpc-frame{position:relative;aspect-ratio:3/4.2;border-radius:26px;overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,#7a1121 0%,#3a0a12 55%,#150b0d 100%);
  border:1px solid rgba(240,208,96,.35);box-shadow:0 18px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}
.fpc-frame::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 50% 28%,rgba(240,208,96,.35),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}
.fpc:hover .fpc-frame{transform:translateY(-12px) rotateX(2deg);border-color:var(--gold-light);box-shadow:0 34px 70px rgba(0,0,0,.65),0 0 0 1px rgba(240,208,96,.4),0 20px 60px rgba(212,175,55,.22)}
.fpc-ghost{position:absolute;z-index:0;top:8%;left:50%;transform:translateX(-50%);font-size:11rem;font-weight:900;font-style:italic;line-height:1;color:rgba(240,208,96,.14);white-space:nowrap;pointer-events:none;user-select:none}
.fpc-ghost-ico{font-size:9rem;top:14%}
.fpc-photo{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center}
.fpc-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.8,.2,1);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 98%);mask-image:linear-gradient(to bottom,#000 55%,transparent 98%)}
.fpc:hover .fpc-photo img{transform:scale(1.08)}
.fpc-initial{align-self:center;font-size:7rem;font-weight:900;color:var(--gold-light);text-shadow:0 10px 40px rgba(0,0,0,.6);margin-bottom:3rem}
.fpc-shine{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 60%);transform:translateX(120%);transition:transform .9s ease}
.fpc:hover .fpc-shine{transform:translateX(-120%)}
.fpc-top{position:absolute;z-index:4;top:14px;right:14px;left:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.fpc-num{font-size:2.3rem;font-weight:900;font-style:italic;line-height:1;color:var(--gold-light);text-shadow:0 2px 14px rgba(0,0,0,.7),0 0 26px rgba(240,208,96,.4)}
.fpc-num small{font-size:1rem;opacity:.75;margin-left:2px}
.fpc-star{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(15,10,11,.55);border:1px solid rgba(240,208,96,.45);color:var(--gold-light);backdrop-filter:blur(6px)}
.fpc-pos{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:50px;font-size:.78rem;font-weight:800;color:var(--bg-dark);background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 6px 16px rgba(0,0,0,.35)}
.fpc-bottom{position:absolute;z-index:4;right:0;left:0;bottom:0;padding:3.2rem 1.2rem 1.2rem;text-align:center;background:linear-gradient(to top,rgba(10,5,6,.97) 0%,rgba(10,5,6,.8) 45%,transparent 100%)}
.fpc-bottom h3{font-size:1.3rem;font-weight:900;color:#fff;margin:0 0 .5rem;line-height:1.4;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.fpc-bottom h3::after{content:"";display:block;width:46px;height:3px;border-radius:3px;margin:.5rem auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.fpc-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem;margin:.7rem 0 .9rem}
.fpc-meta span{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--text);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:.22rem .65rem;border-radius:50px}
.fpc-meta i{color:var(--gold-light);font-size:.7rem}
.fpc-cta{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;color:var(--gold-light);border:1px solid rgba(240,208,96,.5);padding:.45rem 1.1rem;border-radius:50px;transition:all .3s}
.fpc:hover .fpc-cta{background:var(--gold);color:var(--bg-dark);gap:.8rem;box-shadow:0 8px 22px rgba(212,175,55,.4)}

@media(max-width:700px){
  .players-grid.fp-showcase{display:flex;overflow-x:auto;gap:1rem;scroll-snap-type:x mandatory;padding:.4rem 1.1rem 1.4rem;margin:0 -1.1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .players-grid.fp-showcase::-webkit-scrollbar{display:none}
  .fpc{flex:0 0 74%;scroll-snap-align:center}
  .fpc-ghost{font-size:8.5rem}
  .fpc-bottom h3{font-size:1.15rem}
}

/* ---------- پروفایل: کارت بازیکن ---------- */
.pp-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;font-size:.84rem;color:var(--text-muted)}
.pp-crumbs a{color:var(--text-muted);text-decoration:none;transition:color .2s}.pp-crumbs a:hover{color:var(--gold)}
.pp-crumbs i.fa-chevron-left{font-size:.6rem;opacity:.5}.pp-crumbs span{color:var(--gold-light);font-weight:700}
.pp-hero{animation:ppRise .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes ppRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.pp-hero-glow.g2{top:auto;bottom:-160px;left:auto;right:-100px;background:radial-gradient(circle,rgba(139,26,43,.55),transparent 65%)}
.pp-hero-inner{gap:2.6rem;padding:2.6rem 2.4rem}
.pp-fut{position:relative;flex:0 0 auto;width:250px;padding:1rem 1.1rem 1.1rem;border-radius:24px 24px 60px 60px;text-align:center;color:#2a1a05;
  background:linear-gradient(155deg,#fbe7a1 0%,#e2b33f 38%,#b8861b 70%,#f0cf6a 100%);
  box-shadow:0 26px 60px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 12px rgba(120,80,0,.35);
  transform:rotate(-1.5deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pp-fut:hover{transform:rotate(0) translateY(-6px) scale(1.02)}
.pp-fut::before{content:"";position:absolute;inset:6px;border-radius:19px 19px 54px 54px;border:1px solid rgba(90,55,0,.35);pointer-events:none}
.pp-fut::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 46%,transparent 58%);mix-blend-mode:overlay}
.pp-fut-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.1rem .3rem}
.pp-fut-num{font-size:2.6rem;font-weight:900;line-height:1;font-style:italic;text-align:right}
.pp-fut-num.ico{font-size:1.7rem}
.pp-fut-pos{font-size:.9rem;font-weight:900;letter-spacing:.5px;text-align:center}
.pp-fut-logo{width:34px;height:34px;border-radius:50%;border:2px solid rgba(90,55,0,.4);background:#fff}
.pp-fut-photo{margin:.5rem auto .3rem;width:170px;height:170px}
.pp-fut .pp-avatar{width:100%;height:100%;border-radius:50%;border:3px solid rgba(90,55,0,.55);box-shadow:0 10px 26px rgba(70,40,0,.45);background:linear-gradient(145deg,#6b0f1a,#2a0a10)}
.pp-fut .pp-initial{font-size:4.2rem;color:var(--gold-light)}
.pp-fut-name{font-size:1.2rem;font-weight:900;line-height:1.4;padding:0 .2rem;word-break:break-word}
.pp-fut-line{width:60%;height:2px;margin:.45rem auto;background:linear-gradient(90deg,transparent,rgba(90,55,0,.6),transparent)}
.pp-fut-foot{display:flex;justify-content:center;gap:1rem;font-size:.82rem;font-weight:800;padding-bottom:.9rem}
.pp-eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:800;letter-spacing:.3px;color:var(--gold-light);margin-bottom:.5rem}
.pp-hero-info h2{margin-top:0;font-size:2.6rem}
.pp-chips{margin:0 0 .9rem}
.pp-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}
.pp-btn{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;padding:.65rem 1.3rem;border-radius:50px;border:0;color:var(--bg-dark);
  background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 8px 22px rgba(212,175,55,.3);transition:transform .2s,box-shadow .2s}
.pp-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(212,175,55,.45)}
.pp-btn.ghost{background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(255,255,255,.2);box-shadow:none}
.pp-btn.ghost:hover{background:rgba(255,255,255,.14)}
.pp-stats .pp-stat{animation:ppRise .6s both}.pp-stats .pp-stat:nth-child(2){animation-delay:.08s}.pp-stats .pp-stat:nth-child(3){animation-delay:.16s}.pp-stats .pp-stat:nth-child(4){animation-delay:.24s}
.pp-stat::after{content:"";position:absolute;right:18%;left:18%;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}
.pp-card{position:relative;overflow:hidden}
.pp-card::before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:linear-gradient(to bottom,var(--gold-light),var(--gold-dark))}
.admin-dashboard .admin-card{border-radius:20px;border:1px solid rgba(212,175,55,.16);background:linear-gradient(160deg,#211417,#150e10)}
@media(max-width:700px){
  .pp-hero-inner{padding:1.8rem 1rem 2rem;gap:1.6rem}
  .pp-fut{width:230px}.pp-hero-info h2{font-size:1.9rem}.pp-eyebrow{justify-content:center}
  .pp-actions{justify-content:center}.pp-btn{font-size:.82rem;padding:.6rem 1rem}
}
.gl-count,.hy-lightbox-counter{direction:ltr;unicode-bidi:isolate}

/* =====================================================================
   v67 — رنگ‌بندی حالت روشن: بازیکن برجسته، کارت بازیکن، پروفایل
   قانون‌های عمومی حالت روشن (p, span, h1..h6 با !important) متن روی
   کارت‌های تیره را قهوه‌ای می‌کردند؛ اینجا برای هر بخش رنگ مخصوص داده شد.
   ===================================================================== */
html[data-theme="light"] .fpc,
html[data-theme="light"] a.player-card.pc,
html[data-theme="light"] .pp-hero,
html[data-theme="light"] .pp-fut{
  --gold:#D4AF37;--gold-light:#F0D060;--gold-dark:#B8941F;--text:#F5F0EB;--text-muted:#D9CBC2;--bg-dark:#0F0A0B;--bg-card:#1A1214}

/* ---------- بازیکن برجسته (کارت تیره روی زمینه کرم) ---------- */
html[data-theme="light"] .homepage-players{background:
  radial-gradient(800px 380px at 88% -5%,rgba(200,155,60,.20),transparent 60%),
  radial-gradient(700px 380px at 5% 105%,rgba(107,15,26,.10),transparent 60%),
  linear-gradient(160deg,#fffaf2,#f1e3d0)!important}
html[data-theme="light"] .homepage-players::before{background-image:linear-gradient(rgba(107,15,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(107,15,26,.05) 1px,transparent 1px)}
html[data-theme="light"] .fpc-frame{
  background:linear-gradient(160deg,#8a1527 0%,#5a0c17 55%,#2a0a10 100%);
  border-color:rgba(200,155,60,.7);
  box-shadow:0 18px 40px rgba(74,10,18,.30),0 2px 0 rgba(255,255,255,.5) inset}
html[data-theme="light"] .fpc:hover .fpc-frame{box-shadow:0 30px 60px rgba(74,10,18,.42),0 0 0 2px rgba(240,208,96,.55)}
html[data-theme="light"] .fpc .fpc-ghost{color:rgba(240,208,96,.18)!important}
html[data-theme="light"] .fpc .fpc-initial{color:#F0D060!important}
html[data-theme="light"] .fpc .fpc-num,
html[data-theme="light"] .fpc .fpc-num small{color:#F0D060!important}
html[data-theme="light"] .fpc .fpc-star{background:rgba(15,10,11,.5);color:#F0D060!important;border-color:rgba(240,208,96,.6)}
html[data-theme="light"] .fpc .fpc-star i{color:#F0D060!important}
html[data-theme="light"] .fpc .fpc-pos{background:linear-gradient(135deg,#F0D060,#D4AF37)!important;color:#2a1405!important;border:0!important}
html[data-theme="light"] .fpc .fpc-pos i{color:#2a1405!important}
html[data-theme="light"] .fpc .fpc-bottom h3{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.65)}
html[data-theme="light"] .fpc .fpc-meta span{color:#fff!important;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
html[data-theme="light"] .fpc .fpc-meta i{color:#F0D060!important}
html[data-theme="light"] .fpc .fpc-cta{color:#F0D060!important;border-color:rgba(240,208,96,.7);background:rgba(0,0,0,.25)}
html[data-theme="light"] .fpc:hover .fpc-cta{background:#F0D060!important;color:#2a1405!important;border-color:#F0D060}
html[data-theme="light"] .fpc:hover .fpc-cta i{color:#2a1405!important}

/* ---------- کارت لیست بازیکنان (players.php) ---------- */
html[data-theme="light"] a.player-card.pc{
  background:linear-gradient(180deg,#8a1527,#4a0a12)!important;
  border-color:rgba(200,155,60,.65)!important;
  box-shadow:0 12px 30px rgba(74,10,18,.25)}
html[data-theme="light"] a.player-card.pc:hover{box-shadow:0 24px 46px rgba(74,10,18,.38)}
html[data-theme="light"] .pc .pc-initial{color:#F0D060!important}
html[data-theme="light"] .pc .pc-num,html[data-theme="light"] .pc .pc-num small{color:#F0D060!important}
html[data-theme="light"] .pc .pc-pos{background:rgba(15,10,11,.55)!important;color:#F0D060!important;border-color:rgba(240,208,96,.55)!important}
html[data-theme="light"] .pc .pc-pos i{color:#F0D060!important}
html[data-theme="light"] .pc .pc-title h3{color:#fff!important}
html[data-theme="light"] .pc .pc-group{color:#F0D060!important;background:rgba(240,208,96,.16)!important;border-color:rgba(240,208,96,.45)!important}
html[data-theme="light"] .pc .pc-foot{background:rgba(0,0,0,.22);border-top-color:rgba(240,208,96,.25)}
html[data-theme="light"] .pc .pc-stat span{color:#E6D8CE!important}
html[data-theme="light"] .pc .pc-stat strong{color:#fff!important}
html[data-theme="light"] .pc .pc-cta{background:linear-gradient(135deg,#F0D060,#D4AF37)!important;color:#2a1405!important}
html[data-theme="light"] .pc .pc-cta i{color:#2a1405!important}

/* ---------- پروفایل بازیکن ---------- */
html[data-theme="light"] .pp-hero{border-color:rgba(200,155,60,.7);
  background:linear-gradient(135deg,#8a1527,#4a0a12 75%);box-shadow:0 22px 50px rgba(74,10,18,.32)}
html[data-theme="light"] .pp-hero::after{background:linear-gradient(135deg,rgba(138,21,39,.80),rgba(58,8,16,.88))}
html[data-theme="light"] .pp-hero-glow{background:radial-gradient(circle,rgba(240,208,96,.32),transparent 65%)}
html[data-theme="light"] .pp-ghost-num{color:rgba(240,208,96,.12)!important}
html[data-theme="light"] .pp-hero .pp-eyebrow{color:#F0D060!important}
html[data-theme="light"] .pp-hero .pp-eyebrow i{color:#F0D060!important}
html[data-theme="light"] .pp-hero .pp-hero-info h2{background:linear-gradient(180deg,#fff,#F0D060);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff!important}
html[data-theme="light"] .pp-hero .pp-chip{color:#fff!important;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.30)}
html[data-theme="light"] .pp-hero .pp-chip i{color:#F0D060!important}
html[data-theme="light"] .pp-hero .pp-chip.gold{background:linear-gradient(135deg,#F0D060,#D4AF37)!important;color:#2a1405!important;border-color:transparent}
html[data-theme="light"] .pp-hero .pp-chip.gold i{color:#2a1405!important}
html[data-theme="light"] .pp-hero .pp-club{color:#EADDD3!important}
html[data-theme="light"] .pp-hero .pp-bio{color:#fff!important;background:rgba(0,0,0,.26);border-right-color:#F0D060}
html[data-theme="light"] .pp-hero .pp-bio i{color:#F0D060!important}
html[data-theme="light"] .pp-hero .pp-btn{background:linear-gradient(135deg,#F0D060,#D4AF37)!important;color:#2a1405!important}
html[data-theme="light"] .pp-hero .pp-btn i{color:#2a1405!important}
html[data-theme="light"] .pp-hero .pp-btn.ghost{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)}
html[data-theme="light"] .pp-hero .pp-btn.ghost i{color:#fff!important}
/* کارت طلایی */
html[data-theme="light"] .pp-fut,html[data-theme="light"] .pp-fut span,html[data-theme="light"] .pp-fut div{color:#2a1405!important}
html[data-theme="light"] .pp-fut .pp-initial{color:#F0D060!important}
html[data-theme="light"] .pp-fut .pp-avatar{background:linear-gradient(145deg,#8a1527,#3a0a12)}
/* کارت‌های روشن زیر پروفایل */
html[data-theme="light"] .pp-stat{background:linear-gradient(160deg,#ffffff,#fbf2e2);border-color:rgba(107,15,26,.16);box-shadow:0 8px 22px rgba(74,10,18,.08)}
html[data-theme="light"] .pp-stat:hover{border-color:rgba(154,112,0,.55);box-shadow:0 14px 28px rgba(74,10,18,.14)}
html[data-theme="light"] .pp-stat i{background:rgba(107,15,26,.08);color:#6b0f1a}
html[data-theme="light"] .pp-stat span{color:#6f4b42!important}
html[data-theme="light"] .pp-stat strong{color:#4a0a12!important}
html[data-theme="light"] .pp-stat::after{background:linear-gradient(90deg,transparent,#c89b3c,transparent)}
html[data-theme="light"] .pp-card{background:linear-gradient(160deg,#ffffff,#fbf2e2);border-color:rgba(107,15,26,.14);box-shadow:0 8px 22px rgba(74,10,18,.07)}
html[data-theme="light"] .pp-card::before{background:linear-gradient(to bottom,#c89b3c,#8a6500)}
html[data-theme="light"] .pp-card h3{color:#6b0f1a!important}
html[data-theme="light"] .pp-card h3 i{color:#9a7000}
html[data-theme="light"] .pp-history p{color:#3b1d22!important}
html[data-theme="light"] .pp-gallery img{border-color:rgba(107,15,26,.25)}
html[data-theme="light"] .pp-crumbs,html[data-theme="light"] .pp-crumbs a{color:#6f4b42!important}
html[data-theme="light"] .pp-crumbs span{color:#6b0f1a!important}
html[data-theme="light"] .admin-dashboard .admin-card{background:linear-gradient(160deg,#ffffff,#fbf2e2)!important;border-color:rgba(107,15,26,.14)!important}

/* ===== شمارندهٔ شهریه (روزهای باقی‌مانده و چرخهٔ ۳۶۵ روزه) ===== */
.tuition-countdown{border-right:3px solid #2ecc71;display:grid;gap:.75rem}
.tcd-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.tcd-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .8rem;border-radius:999px;font-size:.8rem;font-weight:800;color:#2ecc71;background:rgba(46,204,113,.14);border:1px solid rgba(46,204,113,.4)}
.tcd-plan{font-weight:900;color:var(--gold)}
.tcd-main{display:flex;align-items:center;gap:1rem}
.tcd-num{font-size:3.2rem;font-weight:900;line-height:1;color:var(--gold-light,#F0D060);min-width:3.2ch;text-align:center}
.tcd-lbl{font-weight:800;line-height:1.7}
.tcd-lbl small{display:block;font-weight:500;font-size:.78rem;color:var(--text-muted)}
.tcd-bar{height:12px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden;direction:rtl}
.tcd-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--gold-dark,#9a7b1c),var(--gold-light,#F0D060))}
.tcd-bar-sm{height:8px}
.tcd-row{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.88rem}
.tcd-row i{color:var(--gold);margin-left:.3rem}
.tcd-muted{font-size:.78rem;color:var(--text-muted)}
.tcd-cycle{display:grid;gap:.5rem;padding:.8rem .9rem;border-radius:14px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.22)}
.tcd-note{color:var(--text-muted);line-height:1.9}
html[data-theme="light"] .tcd-bar{background:rgba(74,10,18,.12)}
html[data-theme="light"] .tcd-num{color:#8b1a2b}

/* ===== افتخارات صفحه اصلی — خوانایی قطعی در تم روشن (زیرعنوان بخش و متن کارت‌ها) ===== */
html[data-theme="light"] body .homepage-honors .section-header p{color:#4a3234!important;opacity:1!important;font-weight:600;text-shadow:none!important;filter:none!important}
html[data-theme="light"] body .homepage-honors .section-header h2{color:#4a0a12!important}
html[data-theme="light"] body .homepage-honors .section-badge{color:#6b0f1a!important}
html[data-theme="light"] body .homepage-honors .honor-card h3{color:#4a0a12!important;text-shadow:none!important}
html[data-theme="light"] body .homepage-honors .honor-card p{color:#5a423f!important;opacity:1!important}
html[data-theme="light"] body .homepage-honors .honor-card .honor-year{color:#7a5f0e!important}
@media (max-width:768px){
  /* در موبایل کارت‌های افتخارات عمداً تیره‌اند → متن روشن بماند */
  html[data-theme="light"] body .homepage-honors .honor-card h3{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.6)!important}
  html[data-theme="light"] body .homepage-honors .honor-card p{color:#eadfdb!important}
  html[data-theme="light"] body .homepage-honors .honor-card .honor-year{color:#2a1706!important}
}

/* وضعیت پرداخت‌شده‌ها در ثبت دستی شهریه */
.mt-paid-banner{display:grid;gap:.5rem;margin-bottom:.9rem}
.mt-banner{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem 1rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);line-height:1.8}
.mt-banner small{display:block;color:var(--text-muted)}
.mt-banner-ok{background:rgba(46,204,113,.1);border-color:rgba(46,204,113,.45)}
.mt-banner-ok>i{color:#2ecc71;margin-top:.35rem}
.mt-banner-warn{background:rgba(231,76,60,.1);border-color:rgba(231,76,60,.5)}
.mt-banner-warn>i{color:#e74c3c;margin-top:.35rem}
.mt-chip.paid strong{text-decoration:line-through;text-decoration-color:rgba(46,204,113,.7)}
.mt-chip.paid em{font-weight:700}

/* ===== کارنامه در پنل بازیکن ===== */
.pd-report-list{display:flex;flex-direction:column;gap:.5rem}
.pd-report-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 1rem;border:1px solid rgba(212,175,55,.2);border-radius:10px;color:var(--text);text-decoration:none;transition:background .2s,border-color .2s}
.pd-report-row:hover{background:rgba(212,175,55,.08);border-color:var(--gold)}
.pd-report-row i{color:var(--gold)}
.pd-report-row span:last-child{color:var(--text-muted);font-size:.85rem}
.cmp-avg-diff{margin:.8rem 0 0;color:var(--text-muted)}
.skill-score small{font-size:.7rem;margin-inline-start:.2rem}
@media (max-width:560px){.skill-item{grid-template-columns:70px 1fr 78px;gap:.5rem}.pd-report-row{flex-direction:column;align-items:flex-start;gap:.2rem}}

/* ───── فرم ثبت کارنامهٔ مربی: ردیف ویژگی‌ها (خوانا در موبایل) ───── */
.report-skill-editor-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(200px,2fr) 64px auto;grid-template-areas:"name slider val del";gap:.7rem;align-items:center;margin-bottom:.75rem;padding:.75rem;border:1px solid rgba(212,175,55,.14);border-radius:12px;background:rgba(255,255,255,.02)}
.report-skill-editor-row .cpr-skill-name{grid-area:name;min-width:0;width:100%}
.report-skill-editor-row .rse-slider{grid-area:slider;display:flex;align-items:center;gap:.5rem;min-width:0}
.report-skill-editor-row .cpr-skill-value{grid-area:val;text-align:center;font-weight:800;font-size:1.05rem;color:var(--gold);font-variant-numeric:tabular-nums}
.report-skill-editor-row .cpr-remove-skill{grid-area:del}
.report-skill-editor-row .rse-step{flex:0 0 auto;min-width:44px;height:36px;padding:0 .4rem;border-radius:10px;border:1px solid rgba(212,175,55,.35);background:rgba(212,175,55,.08);color:var(--gold);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;touch-action:manipulation}
.report-skill-editor-row .rse-step:active{background:rgba(212,175,55,.25)}
.report-skill-editor-row .cpr-skill-range{flex:1;min-width:0;height:10px;margin:0;background:linear-gradient(to left,var(--gold) var(--p,0%),rgba(255,255,255,.14) var(--p,0%));touch-action:pan-y}
.report-skill-editor-row .cpr-skill-range::-webkit-slider-thumb{width:28px;height:28px;border:3px solid #2a1706}
.report-skill-editor-row .cpr-skill-range::-moz-range-thumb{width:28px;height:28px;border:3px solid #2a1706}
html[data-theme="light"] .report-skill-editor-row{background:rgba(107,15,26,.04);border-color:rgba(107,15,26,.2)}
html[data-theme="light"] .report-skill-editor-row .cpr-skill-value,
html[data-theme="light"] .report-skill-editor-row .rse-step{color:#6b0f1a}
html[data-theme="light"] .report-skill-editor-row .cpr-skill-range{background:linear-gradient(to left,#8b1a2b var(--p,0%),rgba(107,15,26,.18) var(--p,0%))}

@media (max-width:768px){
  /* ردیف اول: نام ویژگی + حذف؛ ردیف دوم: عدد درصد درشت؛ ردیف سوم: اسلایدر با دکمه‌های ±۵ */
  .report-skill-editor-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name del" "val val" "slider slider";gap:.55rem .6rem;padding:.85rem .8rem}
  .report-skill-editor-row .cpr-skill-name{font-size:1rem;min-height:44px}
  .report-skill-editor-row .cpr-remove-skill{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
  .report-skill-editor-row .cpr-skill-value{font-size:1.6rem;line-height:1;text-align:center;padding:.15rem 0}
  .report-skill-editor-row[data-level="high"] .cpr-skill-value{color:#2ecc71}
  .report-skill-editor-row[data-level="low"] .cpr-skill-value{color:#ff8a80}
  .report-skill-editor-row .rse-step{min-width:52px;height:44px;font-size:.95rem}
  .report-skill-editor-row .cpr-skill-range{height:12px}
  .report-skill-editor-row .cpr-skill-range::-webkit-slider-thumb{width:34px;height:34px}
  .report-skill-editor-row .cpr-skill-range::-moz-range-thumb{width:34px;height:34px}
  #coachPlayerReportForm .admin-card{padding:.8rem!important}
  /* دکمه‌های بالای لیست ویژگی‌ها و دکمه‌های پایین فرم: تمام‌عرض و زیر هم */
  #coachPlayerReportForm #addReportSkillBtn,
  #coachPlayerReportForm #saveReportSkillsTemplateBtn,
  #coachPlayerReportForm #clearReportSkillsTemplateBtn{flex:1 1 100%;justify-content:center;min-height:44px}
  #coachPlayerReportForm .form-actions{display:flex;flex-direction:column;gap:.6rem}
  #coachPlayerReportForm .form-actions .btn{width:100%;justify-content:center;min-height:46px}
}

/* تغییر سریع ساعت تمرین/مسابقه در لیست مربی */
.qt-box{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.7rem;padding:.6rem .7rem;border-radius:12px;border:1px dashed rgba(212,175,55,.35);background:rgba(212,175,55,.05)}
.qt-box label{font-size:.85rem;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:.35rem;margin:0}
.qt-box input[type="time"]{width:auto;min-width:120px;max-width:140px;min-height:42px;padding:.4rem .6rem;text-align:center;direction:ltr}
@media (max-width:600px){.qt-box{flex-direction:column;align-items:stretch}.qt-box input[type="time"]{width:100%}.qt-box .btn{width:100%;min-height:44px;justify-content:center}}