/* Light mode (html[data-theme="light"], the switch in the menu).
   Part 1 is made from the dark stylesheets (tools/gen_light.py): every colour of css-style.css and
   admin.css, turned light, in the same order. Part 2: the hand-made light rules. */


html[data-theme="light"] {
  --body-color: #000000;
  --qr52-color: #1b1726;
  --hover-color: #06a744;
}

html[data-theme="light"] .login-styling {
  border-color: #333333;
  background-image: linear-gradient(147deg, #4def93 0%, #a99d9d 74%);
}

html[data-theme="light"] body {
  background-color: #ffffff;
}

html[data-theme="light"] h1,
html[data-theme="light"] h1 > a,
html[data-theme="light"] h2,
html[data-theme="light"] h2 > a,
html[data-theme="light"] h3,
html[data-theme="light"] h3 > a,
html[data-theme="light"] h4,
html[data-theme="light"] h4 > a,
html[data-theme="light"] h5,
html[data-theme="light"] h5 > a,
html[data-theme="light"] h6,
html[data-theme="light"] h6 > a {
  color: #1f1f1f;
}

html[data-theme="light"] h1 > a:hover,
html[data-theme="light"] h2 > a:hover,
html[data-theme="light"] h3 > a:hover,
html[data-theme="light"] h4 > a:hover,
html[data-theme="light"] h5 > a:hover,
html[data-theme="light"] h6 > a:hover {
  color: #000000;
}

html[data-theme="light"] a,
html[data-theme="light"] a:focus,
html[data-theme="light"] a:hover {
  color: #1b1726;
}

html[data-theme="light"] input:focus,
html[data-theme="light"] textarea:focus {
  border-color: #b0baf1;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea {
  color: #1e266d;
  background-color: #f5faff;
  border-color: #242942;
}

html[data-theme="light"] a {
  color: #1b1726;
}

html[data-theme="light"] p,
html[data-theme="light"] span,
html[data-theme="light"] li,
html[data-theme="light"] label {
  color: #1b1726;
}

@media (max-width: 991px) {
  html[data-theme="light"] .header-section {
    background-image: radial-gradient(circle at 1.8% 4.8%, #ced2e5 0%, #798cb7 90%);
  }
}

html[data-theme="light"] *::-webkit-scrollbar-track {
  background-color: #fffeff;
}

html[data-theme="light"] *::-webkit-scrollbar-button,
html[data-theme="light"] *::-webkit-scrollbar-thumb {
  background-color: #6d7cb1;
}

html[data-theme="light"] .scrollToTop {
  color: #1f1f1f;
}

html[data-theme="light"] .scrollToTop.active {
  color: #000000;
}

html[data-theme="light"] .scrollToTop:hover {
  color: #000000;
}

html[data-theme="light"] .benefits-sector {
  background-color: #ffffff;
}

html[data-theme="light"] .benefits-sector .bi-d {
  border-bottom-color: #333333;
}

html[data-theme="light"] .main-area ul li:hover {
  background-color: #749ab4;
}

html[data-theme="light"] .single-input input::placeholder {
  color: #1f1f1f;
}

html[data-theme="light"] .cmn-btn-login {
  color: #1f1f1f;
}

html[data-theme="light"] .cmn-btn {
  background-color: #bfc6dc;
  color: #1f1f1f;
}

html[data-theme="light"] .cmn-btn:hover {
  background-color: #d0eec4;
}

html[data-theme="light"] .customer-cmn-btn {
  background-color: #bfc6dc;
  color: #1f1f1f;
}

html[data-theme="light"] .cmn-btn.second {
  background-image: linear-gradient(294deg, #715e28 74%, #836d2d 74%);
}

html[data-theme="light"] .header-section.header-fixed {
  background-image: radial-gradient(circle at 1.8% 4.8%, #ced2e5 0%, #798cb7 90%);
}

html[data-theme="light"] .header-section .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  color: #1b1726;
}

html[data-theme="light"] .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
  background-color: #ffffff;
}

html[data-theme="light"] .header-section .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu li a:hover {
  color: #000000;
}

html[data-theme="light"] .header-section .nav-item.main-navbar .main-menu {
  background-color: #c1c5de;
}

html[data-theme="light"] .header-section.user-dashboard .navbar-collapse .pick-info .single-item.user-area .user-btn i {
  color: #1f1f1f;
}

html[data-theme="light"] .header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area {
  background-color: #ffffff;
}

html[data-theme="light"] .header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area.active {
  background-image: linear-gradient(109.6deg, #812c2c 32.4%, #891e2f 98.8%);
}

html[data-theme="light"] .header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area .head-area .img-area img {
  border-color: #13ada6;
}

html[data-theme="light"] .header-section.user-dashboard .navbar-collapse .pick-info .single-item .main-area ul li.border-area {
  border-top-color: #333333;
}

html[data-theme="light"] .pending-count {
  background-color: #ffffff;
  color: #000000;
  border-color: #13ada6;
}

html[data-theme="light"] .mdr-button {
  color: #1f1f1f;
}

html[data-theme="light"] .cutomer-area-head.dashboard-user .top-content {
  background-color: #7ed6df;
  background-image: linear-gradient(134deg, #c2ede5 0%, #c2ede6 74%);
}

html[data-theme="light"] .cutomer-area-head.dashboard-user .top-content .single-input .nice-select {
  background-color: #ffffff;
}

html[data-theme="light"] .cutomer-area-head .nice-select .list {
  background-color: #d6d8d9;
  border-color: #eeeded;
}

html[data-theme="light"] .cutomer-area-head.dashboard-user .top-content .single-input input {
  background-color: #cd520d;
}

html[data-theme="light"] .membership {
  background-color: #7d2937;
}

html[data-theme="light"] .clear-filter {
  border-color: #333333;
  color: #1b1726;
  background-color: #d0eec4;
}

html[data-theme="light"] .log-reg .modal-content {
  background-color: #d0eec4;
}

html[data-theme="light"] .log-reg .modal-content .form-area .single-input {
  border-color: #333333;
}

html[data-theme="light"] .log-reg .modal-content .form-area .single-input input {
  color: #1f1f1f;
}

html[data-theme="light"] .footer-section .contact-info {
  background-color: #bab6ca;
  border-color: #333333;
}

html[data-theme="light"] .footer-section .menu-item .footer-link li {
  border-right-color: #7876d5;
}

html[data-theme="light"] .footer-section .copyright {
  background-color: #bab6ca;
  border-color: #333333;
}

html[data-theme="light"] .footer-section .copyright .social-link a {
  border-color: #bbbada;
}

html[data-theme="light"] .footer-section .copyright .social-link a i {
  color: #1f1f1f;
}

html[data-theme="light"] .footer-section .copyright .social-link a:hover {
  background-color: #ec0427;
  border-color: #ec0427;
}

html[data-theme="light"] .footer-section .copyright .social-link a:hover i {
  color: #1f1f1f;
}

html[data-theme="light"] .history-stats .pick-area p {
  color: #1f1f1f;
}

html[data-theme="light"] #numbers {
  background-color: #bab6ca;
}

html[data-theme="light"] #get-style {
  background-color: #bab6ca;
}

html[data-theme="light"] .faqs-section::before {
  background-color: #ffffff;
}

html[data-theme="light"] .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item {
  background-color: #bac2da;
}

html[data-theme="light"] .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button {
  background-color: #bac2da;
}

html[data-theme="light"] .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-button::before {
  background-color: #bac2da;
}

html[data-theme="light"] .faqs-section .accordion-noltmadhnia .accordion-noltmadhnia-item .accordion-noltmadhnia-collapse .accordion-noltmadhnia-body p {
  border-top-color: #333333;
}

html[data-theme="light"] .all-tips-content .sidebar .content-wrapper .single-sidebar {
  background-color: #ffffff;
  border-color: #333333;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .single-input {
  border-color: #333333;
  background-color: #d0eec4;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .single-input input {
  color: #1f1f1f;
  background-color: #d0eec4;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .btn-area {
  border-color: #333333;
  color: #1b1726;
  background-color: #d0eec4;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .checkbox-single .checkbox-area .checkmark {
  border-color: #333333;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .checkbox-single .item-title i {
  color: #302588;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .nice-select {
  background-color: #ffffff;
}

html[data-theme="light"] .all-tips-content .sidebar .single-sidebar .nice-select .list {
  background-color: #ffffff;
  border-color: #b2aed4;
}

html[data-theme="light"] .all-tips-content .pick-info .heading-area {
  background-color: #d0eec4;
  border-color: #333333;
}

html[data-theme="light"] .all-tips-content .pick-info .single-item {
  border-color: #333333;
  background-image: linear-gradient(147deg, #ffffff 0%, #ffffff 100%);
}

html[data-theme="light"] .all-tips-content .pick-info .single-item .top-area {
  border-bottom-color: #a9a3cd;
}

html[data-theme="light"] .pagination {
  background-color: #ffffff;
}

html[data-theme="light"] .pagination .page-item .page-link {
  background-color: #edc2c2;
  color: #1f1f1f;
}

html[data-theme="light"] .pagination .page-item .page-link.active,
html[data-theme="light"] .pagination .page-item .page-link:hover {
  background-image: linear-gradient(147deg, #4def93 0%, #a99d9d 74%);
}

html[data-theme="light"] .cutomer-area-content .single-item {
  background-image: linear-gradient(147deg, #ffffff 0%, #95b2c6 74%);
}

html[data-theme="light"] .cutomer-area-content .single-item .first-area .profile-area .profile-pic {
  border-color: #ffffff;
}

html[data-theme="light"] .customers-profile img {
  border-color: #ffffff;
}

html[data-theme="light"] .single-item .first-area .profile-area .profile .gold {
  border-color: #b73b27;
}

html[data-theme="light"] .single-item .first-area .name-area {
  border-bottom-color: #2f99ab;
}

html[data-theme="light"] .cutomer-area-content .single-item .mid-area .roi-profit .profit::before,
html[data-theme="light"] .cutomer-area-content .single-item .mid-area .roi-profit .profit::after {
  background-color: #7879b6;
}

html[data-theme="light"] .cutomer-area-content .single-item .last-area .last-top {
  border-color: #333333;
  background-image: linear-gradient(315deg, #a3b4ce 0%, #f1efed 74%);
}

html[data-theme="light"] .cutomer-area-head .btn-area i {
  background-color: #ffeaa7;
  background-image: linear-gradient(96deg, #cba732 0%, #c4c4c4 74%);
}

html[data-theme="light"] .cutomer-area-content .single-item .last-area .last-bottom .cmn-btn {
  background-image: linear-gradient(315deg, #cecce3 0%, #ffffff 74%);
}

html[data-theme="light"] .cutomer-area-content .single-item.list .first-area {
  background-image: linear-gradient(337deg, #90bfbf 0%, #f2e6f2 74%);
}

html[data-theme="light"] .cutomer-area-content .single-item.list .mid-area .about-user {
  border-top-color: #aeaed3;
}

html[data-theme="light"] .profit-tips-support .single-item .img-area {
  background-color: #ffffff;
}

html[data-theme="light"] .profit-tips-support .social-link a {
  border-color: #bbbada;
}

html[data-theme="light"] .profit-tips-support .social-link a i {
  color: #006fad;
}

html[data-theme="light"] .profit-tips-support .social-link a:hover {
  background-color: #ff96a5;
  border-color: #ff96a5;
}

html[data-theme="light"] .profit-tips-support .social-link a:hover i {
  color: #1f1f1f;
}

html[data-theme="light"] .cutomer-area-head .active-expired .cmn-btn.active {
  border-color: #333333;
  background-image: radial-gradient(circle at 1.8% 4.8%, #ced2e5 0%, #798cb7 90%);
}

@media (max-width: 1199px) {
  html[data-theme="light"] .cutomer-area-content .single-item .last-area .last-top .payment-zone {
    background-color: #b3aed4;
  }
}

html[data-theme="light"] .text-blue {
  color: #1a6393;
}

html[data-theme="light"] {
  --green-dark: #d0eec4;
  --green: #c3eec6;
  --red-dark: #ebbcbc;
  --card-blue: radial-gradient(circle at 1.8% 4.8%, #ced2e5 0%, #798cb7 90%);
}

html[data-theme="light"] .profile-banner-area .main-content {
  background-color: #d3d2d2;
}

html[data-theme="light"] .profile-banner-area .profile-pic {
  background-color: #ffffff;
}

html[data-theme="light"] .profile-title-style {
  color: #1f1f1f;
}

html[data-theme="light"] .cmn-btn-status-on,
html[data-theme="light"] .cmn-btn-status-off {
  border-color: #333333;
  color: #1f1f1f;
}

html[data-theme="light"] .profile-banner-area .mid-area .single {
  background-color: #ffffff;
}

html[data-theme="light"] .profile-banner-area .main-tabs .nav-link {
  color: #1f1f1f;
}

html[data-theme="light"] .profile-banner-area .main-tabs .nav-link::after {
  background-color: #04ff00;
}

html[data-theme="light"] .profile-banner-area .main-tabs .nav-link span {
  background-color: #ffffff;
}

html[data-theme="light"] .chart-style .single-item {
  border-color: rgba(20, 30, 50, 0.35);
}

html[data-theme="light"] .chart-title {
  background-image: linear-gradient(109.6deg, #812c2c 32.4%, #891e2f 98.8%);
  border-bottom-color: rgba(20, 30, 50, 0.5);
}

html[data-theme="light"] .chart-tab {
  color: rgba(31, 31, 31, 0.5);
}

html[data-theme="light"] .chart-tab:hover,
html[data-theme="light"] .chart-tab.is-active {
  color: #1f1f1f;
}

html[data-theme="light"] .range-pill {
  border-color: rgba(20, 30, 50, 0.45);
  background-color: rgba(20, 30, 50, 0.05);
  color: rgba(31, 31, 31, 0.85);
}

html[data-theme="light"] .range-pill:hover {
  background-color: rgba(20, 30, 50, 0.14);
}

html[data-theme="light"] .range-pill.is-active {
  background-color: #4dbfa2;
  border-color: #4dbfa2;
}

html[data-theme="light"] .chart-legend li {
  color: rgba(31, 31, 31, 0.85);
}

html[data-theme="light"] .chart-legend li b {
  color: #1f1f1f;
}

html[data-theme="light"] .main-tab-content .pick-area,
html[data-theme="light"] .pick-preview .pick-area {
  border-color: #333333;
  background-image: linear-gradient(109.6deg, #ffffff 11.2%, #f4f4f4 91.1%);
}

html[data-theme="light"] .hr-separate,
html[data-theme="light"] .hr-separate2 {
  border-top-color: rgba(20, 30, 50, 0.35);
}

html[data-theme="light"] .pick-area .fixture {
  color: #1f1f1f;
}

html[data-theme="light"] .stake-style {
  background-color: #cad7e3;
}

html[data-theme="light"] .type-match-style {
  background-color: #efe9c9;
}

html[data-theme="light"] .bookmarker-style {
  background-color: #b4b1b1;
}

html[data-theme="light"] .game-status-style .text-blue {
  color: #1a6393;
}

html[data-theme="light"] .pick-area .sport-style {
  color: #565656;
}

html[data-theme="light"] .profile-sidebar .sidebar,
html[data-theme="light"] .profile-sidebar .single-box {
  border-color: #333333;
  background-color: #ffffff;
}

html[data-theme="light"] #payment-methods .cmn-btn {
  border-color: #333333;
}

html[data-theme="light"] .statistics-single .head-area:focus-visible {
  outline-color: #cbbe24;
}

html[data-theme="light"] .stats-chevron {
  border-right-color: #333333;
  border-bottom-color: #333333;
}

html[data-theme="light"] .statistics-single .nice-select {
  border-color: #cbbe24;
  color: #1f1f1f;
}

html[data-theme="light"] .statistics-single .nice-select .list {
  background-color: #ffffff;
  border-color: #b2aed4;
}

html[data-theme="light"] .statistics-single .nice-select .list .option {
  color: #1f1f1f;
}

html[data-theme="light"] .statistics-single .table th,
html[data-theme="light"] .statistics-single .table td {
  color: #1f1f1f;
}

html[data-theme="light"] .statistics-single .table tbody tr {
  background-color: #ffffff;
}

html[data-theme="light"] .statistics-single .table tbody tr.is-down .stats-profit {
  color: #ad0000;
}

html[data-theme="light"] .statistics-single .stats-empty {
  color: #333333;
}

html[data-theme="light"] .theme-track {
  background-color: #c4cbdf;
  border-color: rgba(20, 30, 50, 0.55);
}

html[data-theme="light"] .theme-track i {
  color: rgba(31, 31, 31, 0.85);
}

html[data-theme="light"] .theme-sun {
  color: #a57908 !important;
}

html[data-theme="light"] .theme-thumb {
  background-color: #ffffff;
}

html[data-theme="light"] .theme-toggle:focus-visible .theme-track {
  outline-color: #f6c343;
}

html[data-theme="light"] .site-toast {
  border-color: rgba(20, 30, 50, 0.1);
  border-left-color: #47c70f;
  background-color: #d6dce9;
  color: #1f1f1f;
}

html[data-theme="light"] .site-toast.is-warning {
  border-left-color: #f5a524;
}

html[data-theme="light"] .site-toast.is-error {
  border-left-color: #e5484d;
}

html[data-theme="light"] .site-toast .toast-icon {
  background-color: rgba(71, 199, 15, 0.16);
  color: #47c70f;
}

html[data-theme="light"] .site-toast.is-warning .toast-icon {
  background-color: rgba(245, 165, 36, 0.16);
  color: #a66908;
}

html[data-theme="light"] .site-toast.is-error .toast-icon {
  background-color: rgba(229, 72, 77, 0.16);
  color: #98161a;
}

html[data-theme="light"] .site-toast .toast-title {
  color: #1f1f1f;
}

html[data-theme="light"] .site-toast .toast-text {
  color: rgba(31, 31, 31, 0.72);
}

html[data-theme="light"] .site-toast .toast-x {
  color: rgba(31, 31, 31, 0.6);
}

html[data-theme="light"] .site-toast .toast-x:hover {
  background-color: rgba(20, 30, 50, 0.07);
  color: #1f1f1f;
}

html[data-theme="light"] .site-toast .toast-timer {
  background-color: #47c70f;
}

html[data-theme="light"] {
  --admin-bg: #e3e7f0;
  --admin-card: #d6dce9;
  --admin-line: rgba(20, 30, 50, 0.12);
  --admin-blue: #c0cedd;
  --admin-green: #bfecd7;
  --admin-green-bright: #47c70f;
  --admin-orange: #ff5500;
  --admin-red: #b8201f;
  --admin-text-dim: rgba(31, 31, 31, 0.65);
}

html[data-theme="light"] .admin-page {
  color: #1f1f1f;
}

html[data-theme="light"] .admin-head {
  background-image: linear-gradient(180deg, rgba(206, 210, 229, 0.95) 0%, rgba(227, 231, 240, 0) 100%);
}

html[data-theme="light"] .plain-select,
html[data-theme="light"] .feed-controls input[type="search"],
html[data-theme="light"] .manual-page input[type="text"],
html[data-theme="light"] .manual-page input[type="datetime-local"] {
  color: #1f1f1f;
}

html[data-theme="light"] .manual-page input::placeholder,
html[data-theme="light"] .feed-controls input::placeholder {
  color: rgba(31, 31, 31, 0.4);
}

html[data-theme="light"] .admin-page .nice-select {
  color: #1f1f1f;
}

html[data-theme="light"] .admin-page .nice-select .list {
  background-color: #dbe2eb;
  color: #1f1f1f;
}

html[data-theme="light"] .admin-page .nice-select .option {
  color: #1f1f1f;
}

html[data-theme="light"] .admin-page .nice-select .option:hover,
html[data-theme="light"] .admin-page .nice-select .option.focus,
html[data-theme="light"] .admin-page .nice-select .option.selected.focus {
  color: #1f1f1f;
}

html[data-theme="light"] .choice-row input[type="radio"]:checked + label {
  border-color: #333333;
}

html[data-theme="light"] .mf-row {
  border-bottom-color: rgba(20, 30, 50, 0.06);
}

html[data-theme="light"] .mf-label {
  color: rgba(31, 31, 31, 0.8);
}

html[data-theme="light"] .seg label {
  color: rgba(31, 31, 31, 0.85);
}

html[data-theme="light"] .seg input[type="radio"]:checked + label {
  border-color: #333333;
  color: #1f1f1f;
}

html[data-theme="light"] .manual-post {
  color: #1f1f1f;
  border-color: #333333;
}

html[data-theme="light"] .pending-pick-grade input[type="text"] {
  background-color: #ffffff;
  color: #000000;
  border-color: #333333;
}

html[data-theme="light"] .grade-buttons button {
  color: #1f1f1f;
}

html[data-theme="light"] .grade-loss {
  background-color: #c40c0c;
}

html[data-theme="light"] .grade-push {
  background-color: #7aa7b8;
}

html[data-theme="light"] .grade-win {
  background-color: #00a78e;
}

html[data-theme="light"] .odds-page {
  --pin-bg: #dfe5ee;
  --pin-panel: #d4dce8;
  --pin-head: #cad4e2;
  --pin-price: #bdc9db;
  --pin-price-hover: #aebdd3;
  --pin-line: rgba(20, 30, 50, 0.08);
  --pin-muted: #394a60;
  --pin-orange: #ff5a00;
  --pin-orange-hover: #ff7326;
}

html[data-theme="light"] .sport-button {
  color: #1f1f1f;
}

html[data-theme="light"] .api-response {
  background-color: rgba(20, 30, 50, 0.05);
}

html[data-theme="light"] .api-response.is-error {
  background-color: rgba(184, 32, 31, 0.15);
}

html[data-theme="light"] .feed-button {
  color: #1f1f1f;
}

html[data-theme="light"] .odds-page .match-line {
  color: #1f1f1f;
}

html[data-theme="light"] .odds-none.is-error {
  color: #ad0000;
}

html[data-theme="light"] .crumb {
  color: #1f1f1f;
}

html[data-theme="light"] .event-refresh {
  color: #1f1f1f;
}

html[data-theme="light"] .period-tab:hover {
  color: #1f1f1f;
}

html[data-theme="light"] .period-tab.is-active {
  color: #1f1f1f;
}

html[data-theme="light"] .market-head {
  color: #1f1f1f;
}

html[data-theme="light"] .market-chevron {
  border-color: #333333;
}

html[data-theme="light"] .show-all {
  background-color: #738399;
  color: #1f1f1f;
}

html[data-theme="light"] .show-all:hover {
  background-color: #7a8aa0;
}

html[data-theme="light"] .price {
  color: #1f1f1f;
}

html[data-theme="light"] .see-more {
  color: #1f1f1f;
}

html[data-theme="light"] .see-more-chevron {
  border-color: #333333;
}

html[data-theme="light"] .slip-remove-all {
  color: #1f1f1f;
}

html[data-theme="light"] .slip-x {
  color: #1f1f1f;
}

html[data-theme="light"] .slip-post {
  color: #1f1f1f;
}

html[data-theme="light"] .pick-delete-ask:hover {
  border-color: #e5484d;
  color: #ad0004;
}

html[data-theme="light"] .pick-delete-q {
  color: #ad0000;
}

html[data-theme="light"] .pick-delete-yes {
  background-color: #e5484d;
}

html[data-theme="light"] .pick-delete-yes:hover {
  background-color: #f2555a;
}

html[data-theme="light"] .pick-delete-no {
  color: #1f1f1f;
}

html[data-theme="light"] .pick-delete-no:hover {
  border-color: #333333;
}

/* ═══ part 2: hand-made light rules ═══ */

/* the page */
html[data-theme="light"] body {
  background: #f3f5f9;
}

/* the header: a white bar with dark links, on every page */
html[data-theme="light"] .header-section,
html[data-theme="light"] .header-section.header-fixed {
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 2px 14px rgba(20, 30, 50, 0.12);
}

html[data-theme="light"] .header-section .navbar .nav-link,
html[data-theme="light"] .header-section .navbar .dropdown-toggle,
html[data-theme="light"] .header-section .navbar-toggler i,
html[data-theme="light"] .header-section .user-btn .name-area,
html[data-theme="light"] .header-section .user-btn i {
  color: #1b2333;
}

html[data-theme="light"] .header-section .navbar .nav-link.dropdown-toggle::after {
  border-color: #1b2333;
}

html[data-theme="light"] .header-section .dropdown-menu.main-menu {
  background: #ffffff;
  border: 1px solid #d9dfea;
}

/* the admin menu stays red with white text */
html[data-theme="light"] .header-section .main-area.user-content p,
html[data-theme="light"] .header-section .main-area.user-content span:not(.pending-count),
html[data-theme="light"] .header-section .main-area.user-content .text-menu {
  color: #ffffff;
}

html[data-theme="light"] .header-section .main-area.user-content .head-area {
  border-bottom-color: #ffffff;
}

/* the switch itself in light mode */
html[data-theme="light"] .theme-track {
  background: #e9eef7;
  border-color: #9aa6bd;
}

html[data-theme="light"] .theme-moon {
  color: #5b6577;
}

/* index: the hero text stays white on its photo */
html[data-theme="light"] #home h1,
html[data-theme="light"] #home h2,
html[data-theme="light"] #home h3,
html[data-theme="light"] #home p,
html[data-theme="light"] #home span {
  color: #ffffff;
}

/* index: the grey bands */
html[data-theme="light"] #numbers,
html[data-theme="light"] #get-style {
  background-color: #e6eaf2;
}

/* profile: the chart cards */
html[data-theme="light"] .chart-style .single-item {
  background: linear-gradient(160deg, #ffffff 0%, #eef3fb 100%);
  border-color: #d6dde9;
  box-shadow: 0 10px 26px rgba(20, 30, 50, 0.1);
}

html[data-theme="light"] .chart-title,
html[data-theme="light"] .chart-tab.is-active,
html[data-theme="light"] .chart-tab:hover {
  color: #ffffff;
}

html[data-theme="light"] .chart-tab {
  color: rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] .range-pill {
  border-color: #b9c3d6;
  background: #ffffff;
  color: #1b2333;
}

html[data-theme="light"] .range-pill.is-active {
  background: #4dbfa2;
  border-color: #4dbfa2;
  color: #ffffff;
}

html[data-theme="light"] .chart-legend li {
  color: #45506a;
}

html[data-theme="light"] .chart-legend li b {
  color: #1b2333;
}

/* footer: the lower part stays on its dark picture, so its text stays light */
html[data-theme="light"] .footer-section .footer-bottom-area .footer-link a,
html[data-theme="light"] .footer-section .footer-bottom-area .footer-link li {
  color: #ffffff;
}

/* links and the "mint" accent: a green that reads on white */
html[data-theme="light"] {
  --mint: #0b8a4a;
}

/* admin pages: white cards, light inputs */
html[data-theme="light"] {
  --admin-card: #ffffff;
  --admin-blue: #eef2f8;
  --admin-line: #dde3ee;
  --admin-text-dim: #5b6577;
}

html[data-theme="light"] .admin-card {
  box-shadow: 0 8px 24px rgba(20, 30, 50, 0.08);
}

html[data-theme="light"] .manual-page input[type="text"],
html[data-theme="light"] .manual-page input[type="datetime-local"],
html[data-theme="light"] .seg label,
html[data-theme="light"] .plain-select,
html[data-theme="light"] .feed-controls input[type="search"] {
  border-color: #d5dce8;
}

html[data-theme="light"] .seg input[type="radio"]:checked + label {
  background: #d6f0e1;
  border-color: #196743;
  color: #0f3d27;
}

html[data-theme="light"] .admin-head {
  background: linear-gradient(180deg, #e3e8f2 0%, rgba(243, 245, 249, 0) 100%);
}

/* the admin menu: its lines stay white on the red */
html[data-theme="light"] .header-section .main-area.user-content .head-area,
html[data-theme="light"] .header-section .main-area.user-content ul li.border-area {
  border-color: #ffffff !important;
}

/* the contact box and the copyright bar */
html[data-theme="light"] .footer-section .contact-info,
html[data-theme="light"] .footer-section .copyright {
  background-color: #e6eaf2;
}

/* Pinnacle page: white panels, light-grey prices, the orange selection as in dark */
html[data-theme="light"] .odds-page {
  --pin-bg: #ffffff;
  --pin-panel: #ffffff;
  --pin-head: #eef2f8;
  --pin-price: #f1f4f9;
  --pin-price-hover: #e2e8f2;
  --pin-line: rgba(20, 30, 50, 0.1);
  --pin-muted: #5b6577;
}

html[data-theme="light"] .odds-page .event-view,
html[data-theme="light"] .odds-page .bet-slip,
html[data-theme="light"] .odds-page .feed-card {
  border: 1px solid #dde3ee;
  box-shadow: 0 8px 24px rgba(20, 30, 50, 0.08);
}

html[data-theme="light"] .odds-page .price.is-selected,
html[data-theme="light"] .odds-page .price.is-selected span {
  color: #ffffff;
}

/* profile: the header card white, its three numbers on a light grey */
html[data-theme="light"] .profile-banner-area .main-content {
  background-color: #ffffff;
  border-color: #c9d1df;
  box-shadow: 0 10px 26px rgba(20, 30, 50, 0.1);
}

html[data-theme="light"] .profile-banner-area .mid-area .single {
  background: #f1f4f9;
  border-color: #dde3ee;
}

/* white text stays white on the coloured buttons and bars */
html[data-theme="light"] .grade-buttons button,
html[data-theme="light"] .active-expired .cmn-btn,
html[data-theme="light"] .membership p,
html[data-theme="light"] .membership span {
  color: #ffffff;
}

html[data-theme="light"] .range-pill.is-active {
  background: #178a6e;
  border-color: #178a6e;
}

/* the archives: the number of tips */
html[data-theme="light"] .pick-info .heading-area h4 span {
  color: #0b6b34;
}

html[data-theme="light"] .grade-buttons .grade-push {
  background: #3f7387;
}

html[data-theme="light"] .active-expired .cmn-btn.active {
  color: #1b2333;
}

/* toasts: a white card with a soft shadow; the green tick dark enough on white */
html[data-theme="light"] .site-toast {
  background-color: #ffffff;
  box-shadow: 0 16px 40px rgba(20, 30, 50, 0.18);
}

html[data-theme="light"] .site-toast .toast-icon {
  color: #2f8a0a;
}