/* Teamofit brand system — shared by public pages, member panel, auth and admin. */
:root {
  --tf-purple-50:#F2EDFF; --tf-purple-100:#E4D9FF; --tf-purple-200:#CBB8FA;
  --tf-purple-300:#A98AF2; --tf-purple-400:#875FEB; --tf-purple-500:#6D3FE3;
  --tf-purple-600:#5830C2; --tf-purple-700:#43209A; --tf-purple-800:#30166F;
  --tf-purple-900:#211044; --tf-ink:#191226; --tf-muted:#716B7A;
  --tf-bg:#FCFAFF; --tf-surface:#FFFFFF; --tf-surface-alt:#F4F3F7;
  --tf-border:#D8D1E8; --tf-success:#238A62; --tf-warning:#C98216;
  --tf-danger:#C43D4B; --tf-info:#5368C9;
  --tf-shadow-card:0 4px 18px rgb(33 16 68 / 8%);
  --tf-shadow-hover:0 10px 28px rgb(33 16 68 / 12%);
  --bs-primary:#6D3FE3; --bs-primary-rgb:109,63,227;
  --bs-link-color:#6D3FE3; --bs-link-hover-color:#43209A;
  --bs-body-color:#191226; --bs-body-bg:#FCFAFF;
  --bs-border-color:#D8D1E8;
  --bs-success:#238A62; --bs-warning:#C98216; --bs-danger:#C43D4B; --bs-info:#5368C9;
  --bs-success-rgb:35,138,98; --bs-warning-rgb:201,130,22;
  --bs-danger-rgb:196,61,75; --bs-info-rgb:83,104,201;
}

html { scroll-behavior:smooth; scroll-padding-top:90px; }
body, #kt_app_body {
  color:var(--tf-ink); background:var(--tf-bg);
  font-family:IRANSansWeb,Tahoma,"Segoe UI",sans-serif!important;
  line-height:1.75;
}
body, body * { letter-spacing:normal; }
::selection { color:var(--tf-ink); background:var(--tf-purple-200); }
a { color:var(--tf-purple-500); }
a:hover { color:var(--tf-purple-700); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
  outline:2px solid var(--tf-purple-700)!important; outline-offset:2px!important;
}

/* Shared public-site and account-panel surfaces */
#header, .header-body, .header-container, .header-nav, .header-nav-main,
#header .header-body, .sticky-header-active #header .header-body {
  background:#30166F!important; color:#fff!important;
}
#header { box-shadow:0 2px 12px rgb(33 16 68 / 14%); }
#header .header-body::before { content:none!important; background:none!important; }
#header .header-body a:not(.btn), .header-nav a, .header-nav-main nav > ul > li > a { color:#fff!important; }
#header .navbar-nav .nav-link { color:#fff!important; font-size:15px!important; font-weight:700!important; border-radius:9px; }
#header .navbar-nav .nav-link:hover, #header .navbar-nav .nav-link:focus,
#header .navbar-nav .nav-link.active { color:#fff!important; background:rgb(255 255 255 / 12%)!important; }
#header a:hover, .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main nav > ul > li.active > a, #header .menu-active { color:#E4D9FF!important; }
#header .header-nav-main nav > ul > li > a::after { background:#E4D9FF!important; }
#header .teamofit-header-wordmark { color:#fff; font-size:19px; font-weight:800; white-space:nowrap; }
#header .header-logo.inMobileMenuShow a { display:flex; align-items:center; gap:8px; }
#header .header-btn-collapse-nav, #header .header-btn-collapse-nav i { color:#fff!important; }
#header #navbarSupportedContent { background:#30166F!important; }
#header #navbarSupportedContent .dropdown-menu { background:#fff!important; }
#header #navbarSupportedContent .dropdown-menu a { color:#191226!important; }
#header #navbarSupportedContent .dropdown-menu a:hover { color:#43209A!important; background:#F2EDFF!important; }
#footer, .footer, #footer.footer { background:#30166F!important; color:#fff!important; }
#footer a, .footer a { color:#fff; }
#footer a:hover, .footer a:hover { color:#E4D9FF; }
.mobile-bottom-nav { background:#43209A!important; box-shadow:0 -2px 12px rgb(33 16 68 / 10%)!important; border-color:#D8D1E8!important; backdrop-filter:none!important; }
.mobile-bottom-nav__item-content { color:#fff!important; }
.mobile-bottom-nav__item--active { background:rgb(255 255 255 / 14%)!important; }
.desktop-nav, #header.header-sticky .desktop-nav,
#header.custom-header-style .desktop-nav,
#header.header-sticky.custom-header-style .desktop-nav {
  background:#30166F!important; box-shadow:none!important; backdrop-filter:none!important;
}
.background-color-primary, .bg-gradient-primary { background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }

/* Admin dashboard: bright work area, calm navigation and brand action color. */
[data-kt-app-layout=dark-sidebar] .app-sidebar,
[data-kt-app-layout=dark-sidebar] #kt_app_sidebar { background:#30166F!important; }
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link { color:#fff!important; }
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link:hover,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item .menu-link.active,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu>.menu-item.show>.menu-link {
  background:#43209A!important; color:#fff!important;
}
.app-header, #kt_app_header, .app-toolbar { background:#fff!important; color:var(--tf-ink)!important; }
.app-header { box-shadow:0 2px 12px rgb(33 16 68 / 6%); }
.app-content, #kt_app_content, .app-page { background:var(--tf-bg); }
.card, .modal-content, .dropdown-menu, .menu-sub-dropdown {
  color:var(--tf-ink); background:#fff; border-color:var(--tf-border)!important;
}
.card { border-radius:14px; box-shadow:0 2px 12px rgb(33 16 68 / 4%); }
.card-header, .card-footer { border-color:var(--tf-border)!important; }

/* Buttons, tabs and navigation states */
.btn-primary, .btn.btn-primary, button.btn-primary, input.btn-primary,
.btn-bg-primary, .btn-color-primary, .btn-check:checked+.btn, .nav-pills .nav-link.active {
  color:#fff!important; background-color:#6D3FE3!important; border-color:#6D3FE3!important;
  box-shadow:0 4px 12px rgb(67 32 154 / 18%);
}
.btn-primary:hover, .btn.btn-primary:hover, button.btn-primary:hover,
.btn-bg-primary:hover, .btn-color-primary:hover {
  color:#fff!important; background-color:#5830C2!important; border-color:#5830C2!important;
  box-shadow:0 6px 16px rgb(67 32 154 / 24%);
}
.btn-primary:active, .btn.btn-primary:active { background:#43209A!important; border-color:#43209A!important; }
.btn-primary:disabled, .btn-primary.disabled, .btn.btn-primary:disabled {
  color:#716B7A!important; background:#E4D9FF!important; border-color:#D8D1E8!important; box-shadow:none!important;
}
.btn-secondary, .btn.btn-secondary, .btn-light-primary, .btn-outline-primary {
  color:#43209A!important; background:#fff!important; border-color:#CBB8FA!important; box-shadow:none!important;
}
.btn-secondary:hover, .btn-light-primary:hover, .btn-outline-primary:hover {
  color:#43209A!important; background:#F2EDFF!important; border-color:#6D3FE3!important;
}
.btn-light, .btn-light-secondary, .btn-light-dark { color:#191226!important; background:#F4F3F7!important; border-color:#D8D1E8!important; }
.btn-danger, .btn-light-danger, .btn-outline-danger { color:#A52C3A!important; border-color:#C43D4B!important; }
.btn-danger { color:#fff!important; background:#C43D4B!important; }
.btn-danger:hover { background:#A52C3A!important; }
.btn-success { color:#fff!important; background:#238A62!important; border-color:#238A62!important; }
.btn-warning { color:#191226!important; background:#FFF4DF!important; border-color:#C98216!important; }
.btn-info { color:#394A99!important; background:#EDF0FF!important; border-color:#5368C9!important; }
#footer.modern-footer { background:#30166F!important; }

/* Sport landing pages share one palette instead of using a different accent per sport. */
.vb-page {
  --vb-primary:#6D3FE3; --vb-primary-dark:#43209A; --vb-secondary:#43209A;
  --vb-accent:#6D3FE3; --vb-gradient:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%);
  --vb-gradient-soft:linear-gradient(180deg,#FCFAFF 0%,#F2EDFF 100%);
  --vb-text-dark:#191226; --vb-text-gray:#716B7A; --vb-text-light:#716B7A;
  --vb-surface:#FCFAFF; --vb-border:#D8D1E8;
  --vb-shadow-sm:0 2px 8px rgb(33 16 68 / 5%);
  --vb-shadow:0 4px 18px rgb(33 16 68 / 8%);
  --vb-shadow-lg:0 10px 28px rgb(33 16 68 / 12%);
  --vb-transition:all 160ms ease; --vb-radius:16px;
}

/* Tournament score pages use the approved limited brand hero and light data surfaces. */
.ts-pub, .ts-show { color:#191226!important; background:#FCFAFF!important; }
.ts-hero, .ts-show-hero { background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }
.ts-hero::before, .ts-show-hero::before { background:none!important; }
.ts-sheet, .ts-card { color:#191226!important; background:#fff!important; border-color:#D8D1E8!important; box-shadow:0 4px 18px rgb(33 16 68 / 8%)!important; }
.ts-body { color:#191226!important; background:#FCFAFF!important; }
.ts-card-h, .ts-stat-row, .ts-score-box, .ts-type-card { color:#191226!important; background:#fff!important; border-color:#D8D1E8!important; }
.ts-stat .num, .ts-type-card .n:not(.ts-sum), .ts-score-box a { color:#43209A!important; background:none!important; -webkit-text-fill-color:#43209A!important; }
.ts-block h2::before, .ts-score-box .ts-score-bar { background:#6D3FE3!important; }
.tc-show-hero { background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }
.tc-index .tc-hero { background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }
.tc-btn-maps, .tc-btn-maps:hover { color:#fff!important; background:#6D3FE3!important; }
.tc-price, .tc-price-total, .tc-fp-value strong { color:#191226!important; }
.tc-complex-card h2 i, .tc-index .tc-seo-card h3 .tc-seo-icon { color:#6D3FE3!important; }
.tc-index .tc-seo-card--cta { color:#fff!important; background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }

/* Inputs, data tables and feedback states */
.form-control, .form-select, input:not([type=checkbox]):not([type=radio]):not([type=submit]),
select, textarea, .select2-container--bootstrap5 .select2-selection {
  color:var(--tf-ink); background-color:#fff; border-color:var(--tf-border)!important; border-radius:10px;
}
.form-control::placeholder, input::placeholder, textarea::placeholder { color:var(--tf-muted); opacity:1; }
.form-control:focus, .form-select:focus, input:focus, select:focus, textarea:focus,
.select2-container--bootstrap5.select2-container--focus .select2-selection {
  color:var(--tf-ink); border-color:#6D3FE3!important; box-shadow:0 0 0 3px rgb(109 63 227 / 20%)!important;
}
.form-control:disabled, .form-select:disabled, input:disabled, select:disabled, textarea:disabled {
  color:var(--tf-muted); background:#F4F3F7; border-color:#D8D1E8!important;
}
.form-check-input:checked { background-color:#6D3FE3!important; border-color:#6D3FE3!important; }
.form-check-input:focus { border-color:#6D3FE3!important; box-shadow:0 0 0 3px rgb(109 63 227 / 20%)!important; }
.table, table { --bs-table-color:#191226; --bs-table-bg:#fff; --bs-table-border-color:#D8D1E8; color:var(--tf-ink); }
.table thead th, table thead th { color:#191226; background:#F2EDFF; border-color:#D8D1E8; }
.table-hover>tbody>tr:hover>*, table tbody tr:hover td { --bs-table-accent-bg:#FCFAFF; background-color:#FCFAFF; }
.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-accent-bg:#FCFAFF; }
.page-link { color:#43209A; border-color:#D8D1E8; }
.page-item.active .page-link { color:#fff; background:#6D3FE3; border-color:#6D3FE3; }
.dropdown-menu, .dropdown-menu-lg { border:1px solid #D8D1E8!important; border-radius:12px!important; box-shadow:0 8px 24px rgb(33 16 68 / 10%)!important; }
.dropdown-item { color:#191226!important; }
.dropdown-item:hover, .dropdown-item:focus { color:#43209A!important; background:#F2EDFF!important; }
.nav-tabs .nav-link { color:#716B7A; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color:#43209A; background:#F2EDFF; border-color:#D8D1E8 #D8D1E8 #6D3FE3; }

/* Semantic status colors always pair with text or an icon. */
.badge-success, .badge-light-success, .text-success { color:#176448!important; }
.badge-success, .badge-light-success, .bg-light-success { background:#E8F6EF!important; border-color:#238A62!important; }
.badge-warning, .badge-light-warning, .text-warning { color:#7A4B00!important; }
.badge-warning, .badge-light-warning, .bg-light-warning { background:#FFF4DF!important; border-color:#C98216!important; }
.badge-danger, .badge-light-danger, .text-danger { color:#A52C3A!important; }
.badge-danger, .badge-light-danger, .bg-light-danger { background:#FDEDEF!important; border-color:#C43D4B!important; }
.badge-info, .badge-light-info, .text-info { color:#394A99!important; }
.badge-info, .badge-light-info, .bg-light-info { background:#EDF0FF!important; border-color:#5368C9!important; }
.badge-primary, .badge-light-primary { color:#43209A!important; background:#F2EDFF!important; border-color:#CBB8FA!important; }
.text-primary, .link-primary { color:#6D3FE3!important; }
.bg-primary { color:#fff!important; background-color:#6D3FE3!important; }
.border-primary { border-color:#6D3FE3!important; }
.alert-success { color:#176448; background:#E8F6EF; border-color:#238A62; }
.alert-warning { color:#7A4B00; background:#FFF4DF; border-color:#C98216; }
.alert-danger { color:#A52C3A; background:#FDEDEF; border-color:#C43D4B; }
.alert-info { color:#394A99; background:#EDF0FF; border-color:#5368C9; }

/* Replace recurring legacy template colors while preserving event-specific photos. */
[style*="#518989"], [style*="#518989" i] { background-color:#6D3FE3!important; border-color:#6D3FE3!important; }
[style*="#667eea" i], [style*="#764ba2" i] { background:linear-gradient(135deg,#6D3FE3 0%,#43209A 100%)!important; }
[style*="#f4645a" i], [style*="#ff5a5f" i] { color:#6D3FE3!important; }
[style*="rgba(102, 126, 234" i] { box-shadow:0 4px 12px rgb(67 32 154 / 18%)!important; }

@media (hover:hover) {
  .card-hover:hover, .event-card:hover, .clickable-card:hover { box-shadow:var(--tf-shadow-hover); }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}