/*
Theme Name: AK Circus
Description: Custom WordPress theme with responsive design and dark/light theme support
Author: Your Name
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: akcircus
*/

/* CSS Custom Properties for Design System */
:root {
  /* Typography Scale (Perfect Fourth - 1.333) */
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 2rem;      /* 32px */
  --font-size-4xl: 2.5rem;    /* 40px */
  --font-size-5xl: 3rem;      /* 48px */
  
  /* Line Heights */
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  
  /* Font Weights */
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  /* Font Families */
  --font-family-sans: 'InterDisplay', Arial, sans-serif;
  
  /* Spacing Scale (1.5 ratio) */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 0.75rem;   /* 12px */
  --space-lg: 1rem;      /* 16px */
  --space-xl: 1.5rem;    /* 24px */
  --space-2xl: 2rem;     /* 32px */
  --space-3xl: 3rem;     /* 48px */
  --space-4xl: 4rem;     /* 64px */
  
  /* Container Widths */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 810px;
  --container-xl: 1076px;
  --container-2xl: 1340px;
  
  /* Shadows */
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  
  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;
}

/* Light Theme Colors (Default) - AK Circus Brand */
:root {
  --logo-fill: #121212;
  /* Brand Colors */
  --color-brand-cream: #FFFAF4;
  --color-brand-orange: #F15A24;
  --color-brand-black: #000000;
  --color-brand-white: #ffffff;
  --color-brand-green: #2AA824;
  --color-brand-red: #FF0000;
  
  /* Gray Scale for supporting colors */
  --color-gray-100: #F7F1EB;
  --color-gray-150: #DFD5CC;
  --color-gray-200: #D5C8BB;
  --color-gray-300: #D9D9D9;
  --color-gray-400: #B6B6B6;
  --color-gray-500: #999;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #232323;
  --color-gray-950: #424242;
  --color-gray-1000: #585858;
  
  /* Semantic Colors - Light Theme */
  --color-primary: var(--color-brand-orange);
  --color-primary-hover: #d14a1e; /* Darker orange for hover */
  --color-secondary: var(--color-gray-600);
  --color-accent: var(--color-brand-orange);
  
  /* Text Colors */
  --color-text-primary: var(--color-brand-black);
  --color-text-secondary: var(--color-gray-900);
  --color-text-tertiary: var(--color-gray-950);
  --color-text-tertiary-black: var(--color-gray-1000);
  --color-text-muted: var(--color-gray-400);
  --color-text-inverse: var(--color-brand-white);
  --color-text-inverse-light: var(--color-gray-500);
  --color-text-link-inverse: var(--color-brand-orange);
  
  /* Background Colors */
  --color-bg-primary: var(--color-brand-cream); /* Main site background */
  --color-bg-secondary: var(--color-brand-white); /* Sidebars */
  --color-bg-menu: var(--color-brand-white);
  --color-bg-tertiary: var(--color-gray-100);
  --color-bg-gray: var(--color-gray-200); /* General gray background */
  --color-bg-inverse: var(--color-brand-black); /* Footer */
  --color-bg-black-to-gray: var(--color-brand-black);
  --color-bg-black-to-orange: var(--color-brand-black);
  --color-bg-banner-area: #EAEAEA;
  --color-bg-odds-light:#ECE3DA;
  --color-bg-odds:#f4f4f4;
  
  /* Border Colors */
  --color-border-thin: var(--color-gray-150);
  --color-border-light: var(--color-gray-200);
  --color-border-medium: var(--color-gray-300);
  --color-border-dark: var(--color-gray-500);
  --color-border-odds: #DCDCDC;
  --color-border-odds-light: #D5C8BB;
  
  /* Status Colors */
  --color-info: var(--color-brand-orange);
}

/* Dark Theme Colors */
[data-theme="dark"] {
  --logo-fill: #fff;
  /* Gray Scale for supporting colors */
  --color-dark-0: #000000;
  --color-dark-10: #101010;
  --color-dark-20: #191919;
  --color-dark-50: #1d1d1d;
  --color-dark-55: #272727; 
  --color-dark-60: #292929;
  --color-dark-100: #F7F1EB;
  --color-dark-150: #DFD5CC;
  --color-dark-200: #D5C8BB;
  --color-dark-300: #D9D9D9;
  --color-dark-400: #B6B6B6;
  --color-dark-500: #999;
  --color-dark-600: #4b5563;
  --color-dark-700: #374151;
  --color-dark-800: #1f2937;
  --color-gray-900: #232323;

  --color-primary: var(--color-brand-orange);
  --color-primary-hover: #ff6b35; /* Lighter orange for dark theme */
  --color-secondary: var(--color-gray-500);
  --color-accent: var(--color-brand-orange);
  --color-accent-hover: #ff6b35;
  
  /* Text Colors */
  --color-text-primary: var(--color-brand-white);
  --color-text-secondary: var(--color-gray-300);
  --color-text-tertiary: var(--color-gray-500);
  --color-text-tertiary-black: var(--color-gray-500);
  --color-text-muted: var(--color-gray-500);
  --color-text-inverse: var(--color-brand-black);
  --color-text-inverse-light: #FFB79D;
  --color-text-link-inverse: var(--color-brand-white);
  
  /* Background Colors */
  --color-bg-primary: var(--color-dark-0); /* Dark main background */
  --color-bg-secondary: var(--color-dark-20); /* Dark sidebars */
  --color-bg-menu: var(--color-dark-50);
  --color-bg-tertiary: var(--color-dark-50);
  --color-bg-inverse: var(--color-brand-white);
  --color-bg-gray: var(--color-dark-60); /* General dark gray background */
  --color-bg-black-to-gray: var(--color-dark-55);
  --color-bg-black-to-orange: var(--color-brand-orange);
  --color-bg-banner-area: #313131;
  --color-bg-odds-light:#1F1F1F;
  --color-bg-odds:#272727;
  
  /* Border Colors */
  --color-border-thin: var(--color-dark-50);
  --color-border-light: var(--color-gray-700);
  --color-border-medium: var(--color-gray-600);
  --color-border-dark: var(--color-gray-400);
  --color-border-odds: #555454;
  --color-border-odds-light: #555454;
  
  /* Shadows for dark theme */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
}

/* Auto Dark Mode (respects system preference) */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  --color-primary: var(--color-brand-orange);
  --color-primary-hover: #d14a1e; /* Darker orange for hover */
  --color-secondary: var(--color-gray-600);
  --color-accent: var(--color-brand-orange);
  --color-accent-hover: #d14a1e;
    
 --color-text-primary: var(--color-brand-black);
  --color-text-secondary: var(--color-gray-700);
  --color-text-muted: var(--color-gray-400);
  --color-text-inverse: var(--color-brand-white);
  
  /* Background Colors */
  --color-bg-primary: var(--color-brand-cream); /* Main site background */
  --color-bg-secondary: var(--color-brand-white); /* Sidebars */
  --color-bg-tertiary: var(--color-gray-100);
  --color-bg-gray: var(--color-gray-200); /* General gray background */
  --color-bg-inverse: var(--color-brand-black); /* Footer */
  
  /* Border Colors */
  --color-border-light: var(--color-gray-200);
  --color-border-medium: var(--color-gray-300);
  --color-border-dark: var(--color-gray-500);
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);

    .white-logo {
      display:none;
    }
  }
}

/* ==========================================================================
   UTILITY CLASSES - COMMON FLEXBOX PATTERNS
   ========================================================================== */

/* Flexbox Utilities */
.flex { display: flex}
.flex-col { flex-direction: column}
.flex-row { flex-direction: row}
.flex-wrap { flex-wrap: wrap }
.flex-nowrap { flex-wrap: nowrap}

.flex-scrollable-x {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/* Alignment */
.align-center { align-items: center; }
.align-start { align-items: flex-start; }
.align-end { align-items: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }

/* Gaps (using your design system) */
.gap-xs { gap: var(--space-xs); }
.gap-sm { gap: var(--space-sm); }
.gap-md { gap: var(--space-md); }
.gap-lg { gap: var(--space-lg); }
.gap-xl { gap: var(--space-xl); }
.gap-2xl { gap: var(--space-2xl); }
.gap-3xl { gap: var(--space-3xl); }

/* Padding (using your design system) */
.padding-xs { padding: var(--space-xs); }
.padding-sm { padding: var(--space-sm); }
.padding-md { padding: var(--space-md); }
.padding-lg { padding: var(--space-lg); }
.padding-xl { padding: var(--space-xl); }
.padding-2xl { padding: var(--space-2xl); }

/* Common Flex Patterns */
.flex-1 { flex: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-grow-0 { flex-grow: 0; }

/* Text Alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.underline {text-decoration: underline;}

/* Display */
[hidden] { display: none !important; }
.hidden, .display-none, .top-bar-social-theme.desktop-hidden {display: none; }
.block { display: block; }
.inline-block { display: inline-block; }

/* Position */
.relative, .button-with-terms { position: relative; }
.overflow-hidden { overflow: hidden; }

/* Text Transform */
.uppercase { text-transform: uppercase; }

.trans-center {
  display:grid;
  place-items:center;
}

.large-trans {
  padding:1.212rem .5rem;
}

.trans-100 img {
  max-height:40px;
}

.trans-100 {
  width: 100px;
  height: 50px;
}


/* Font Weight */
.extrabold { font-weight: 800; }
.bold { font-weight: 700; }
.semibold, .extra-services li strong { font-weight: 600; }
.mediumbold { font-weight: 500; }
.f-300 {font-weight:300}
.f-300 b, .f-300 strong { font-weight: 500; }


.cta-button {
  display: inline-block;
  padding: 1rem 2rem;
  border: none;
  cursor: pointer;
  font-size: .875rem;
  font-weight: 700;
  line-height: .95rem;
  text-transform: uppercase;
  text-align:center;
  transition: font-weight .3s ease, color .3s ease, background .3s ease
}

.cta-orange, .odd-selected.is-selected {
  background:var(--color-brand-orange);
  color: var(--color-brand-white);
  border:1px solid transparent;
}

.cta-orange:hover {
  background:var(--color-brand-white);
  color: var(--color-brand-orange);
  border-color:var(--color-brand-orange);
}

.cta-white {
  background:var(--color-brand-white);
  color: var(--color-brand-black);
  border:1px solid var(--color-brand-orange)
}

.cta-green {
  background:var(--color-brand-green);
  color: var(--color-brand-white);
  border:1px solid var(--color-brand-green)
}

.cta-white-red {
  background:var(--color-brand-white);
  color: var(--color-brand-red);
  border:1px solid var(--color-brand-red);
}

.cta-green:not(.no-bg-hover):hover {
  background:var(--color-brand-white);
  color: var(--color-brand-green);
}

.cta-green.no-bg-hover:hover {
  color: var(--color-brand-white);
}

.cta-white-red.no-bg-hover:hover {
  color: var(--color-brand-red);
}

.cta-button-small {
  padding:.62rem;
}

.table--odds-multiply-options_cell .cta-button {
  min-width:100px;
}

.cta-button-extra-small {
  padding: 0.313rem .5rem;
  font-size: .5rem;
  line-height: 1;
}

.cta-bm {
  max-width: none;
  position: relative;
  width: 258px;
  height: 43px;
}

.cta-bm span {
  position: absolute;
  left: 49%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: .83125rem;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  max-width:228px;
  transition: color .3s ease
}

.cta-bm.dark-color span {
 color:var(--color-text-primary);
}

.cta-bm:hover span {
  font-weight: 800;
  color:var(--color-brand-orange)
}

.cta-bm__shape {
  width: 258px;
  height: 43px;
  flex-shrink: 0;
  fill: var(--color-brand-white);
  stroke-width: 1.333px;
  stroke: var(--color-brand-orange);
  position: absolute;
  left: 0;
  top: 0;
}

.cta-button.block {
  display:block
}


.orange-color, .fa-basketball.sport-color, .orange-color li:before {
  color: var(--color-brand-orange);
}

.white-color {
  color: var(--color-brand-white);
}

.green-color, .green-color li:before, li.yes-style.default-color-icon::before {
  color: var(--color-brand-green);
}

.orange-back-color {
  background: var(--color-brand-orange);
  color: var(--color-brand-white);
}

.green-back-color {
  background: var(--color-brand-green);
  color: var(--color-brand-white);
}

.red-color, .red-color li:before, li.no-style.default-color-icon::before {
  color: var(--color-brand-red);
}

.red-back-color {
  background:#E63D00E8;
  color: var(--color-brand-white);
}

.gray-back-color {
  background: var(--color-bg-gray);
}

.bordered {
  border:1px solid var(--color-border-light);
}

.bordered-bottom {
  border-bottom:1px solid var(--color-border-light)
}

.white-box, .istopheading, .section-text, .toc {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-bg-gray);
  margin-bottom:1.56rem;
}

.section-text {
  padding:1.9rem 2.2rem;
}

.section-text h2, .section-text h3, .section-text h4, .section-text h5, .section-text p, .section-text table, .section-text section {
  margin-bottom:1.25rem;
}

.section-text > h2:not(:first-child),
.section-text > h3:not(:first-child),
.section-text > h4,
.section-text > h5 {
  margin-top: 2.2rem; /* or whatever spacing you want */
}

.section-text p, .section-text li {
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight:500;
}

.section-text p strong, .section-text p b, .section-text li strong, .section-text li b {
  font-weight: 800;
}

.section-text p a, .section-text li a {
  font-weight:800;
}

.section-text table td {
  font-size:.9375rem;
}

.page-intro p, .page-intro a {
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight:400;
  margin-bottom:1rem;
}

.image-container {
  aspect-ratio: 16/9;
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.link-black, .hover-black:hover {
  color: var(--color-text-primary);
}

.hover-orange:hover {
  color: var(--color-brand-orange);
}


/* Responsive Utilities */
@media (max-width: 767px) {
  .mobile-hidden { display: none; }
  .mobile-flex-col { flex-direction: column; }
}

@media (min-width: 768px) {
  .desktop-flex { display: flex; }
  .desktop-hidden { display: none; }
}

/* Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

i {
  font-style: normal;
}

html {
  font-size: 100%; /* 16px base */
  scroll-behavior: smooth;
  overflow-x:hidden;
}

body {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background-color: var(--color-bg-primary);
  transition: background-color var(--transition-normal), color var(--transition-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.lock-scroll {
   overflow: hidden !important;
  touch-action: none;
  -webkit-overflow-scrolling: auto;
  overscroll-behavior: contain;
}

/* Base Typography (Mobile First) */
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  line-height: var(--line-height-tight);
  margin-bottom: var(--space-lg);
  color: var(--color-text-primary);
  text-transform: uppercase;
}

h1 { font-size: var(--font-size-2xl); font-weight:700 }
h2 { font-size: var(--font-size-xl); }
h3 { font-size: var(--font-size-lg); }
h4 { font-size: var(--font-size-base); }
h5 { font-size: var(--font-size-sm); }
h6 { font-size: var(--font-size-xs); }

p {
  margin-bottom: var(--space-xl);
  line-height: var(--line-height-tight);
  color: var(--color-text-tertiary);
}

/* Links */
a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover,
a:focus {
  color: var(--color-primary-hover);
  outline: none;
}

/* Lists */
ul, ol {
  margin-bottom: 1.25rem;
  padding-left: var(--space-3xl);
  color: var(--color-text-tertiary);
}

ul {
  list-style-type: square;
}

ul li::marker{
  color:var(--color-brand-orange);
  font-size: 1.2rem;
}

li {
  /*margin-bottom: .60rem;*/
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
input[type="search"]::-ms-clear {
    display: none;
}

.bannermedium {
  margin:1.56rem auto;
  text-align: center;
}

.sidebar-banner {
  margin-bottom:1rem;
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 ratio */
    overflow: hidden;
    margin-bottom:1.56rem;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.reset-ul, .sportsbook-listings__content ul {
  margin:0;
  padding:0;
}

.custom-style-list, .footer-menu {
  list-style: none;
  color: var(--color-text-tertiary);
}

.custom-style-list.f-300 {
  color: var(--color-text-primary);
}


.custom-style-list li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}

.custom-style-list li:before {
  content: ""; /* Font Awesome Unicode (e.g., check icon) */
  font-family: "Font Awesome Kit"; /* Or the correct version you're using */
  font-weight: 900; /* 900 for solid icons */
  font-size: .8rem;
  line-height: 1.6rem;
  position: absolute;
  left: 0;
  top: 0;
}

.empty-style {
  padding:0 1rem
}

.empty-style li{
  padding-left:0;
  margin-bottom:.94rem;
  padding-bottom:.94rem;
  border-bottom:1px solid var(--color-border-light);
}

.section-text > ul > li {
  margin-bottom:.94rem;
  line-height:1.3125rem;
}

.check-style li:before, li.yes-style::before {
  content:"\e000"
}

.no-style li:before, li.no-style::before {
  content:"\e007"
}

.istopheading {
  padding: 1rem 1.8rem;
  font-weight: 700;
}

.nomargin{
  margin: 0;
}
/* Images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

table.layout-fixed {
   table-layout: fixed;
}

table thead tr{
  background: var(--color-brand-orange);
}

table thead tr:nth-child(2), table tbody tr.table-header-row {
  background: var(--color-bg-black-to-gray);
}


table thead th, tr.table-header-row  {
  padding: .95rem;
  color:var(--color-brand-white);
  text-transform: uppercase;
  font-weight: 600;
}

table tbody td {
  padding:1rem .94rem;
}

.table-betfair-volumes thead tr:nth-child(2) th {
  padding:.95rem 0;
}


tbody tr:nth-child(odd) {
  background:var(--color-bg-secondary)
}

table:not(.outer-bordered) tbody tr:nth-child(even):not(.display-none):not(.table-header-row), tbody tr.alt-row {
  background:var(--color-bg-tertiary)
}

th[data-sort]:after, th.sorting-desc::after {
    font-family: 'Font Awesome 7 Pro';
    content: "\f0dd";
    position: relative;
    left: 4px;
    font-size: .75rem;
    top: -5px;
}

th.sorting-asc:after {
   content: "\f0de";
   top:0;
}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

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

.button-with-terms, .section-data-table, .margin-bottom-large {
  margin-bottom:1.56rem;
}

.section-no-header {
  margin-bottom:1.88rem;
}

/* Theme Toggle Button */
.theme-toggle {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-medium);
  border-radius: var(--radius-md);
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  color: var(--color-text-primary);
}

.theme-toggle:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border-dark);
}

.site-content {
    max-width: var(--container-2xl);
    margin: 0 auto;
    padding-top:.8rem
}

.section-main.no-right-sidebar-fullwidth {
  max-width: var(--container-xl);
  flex:1;
}


/* ==========================================================================
   HEADER STYLES - NEW DESIGN
   ========================================================================== */

/* Top Bar */
.top-bar {
  background-color: var(--color-bg-black-to-orange);
  color: var(--color-brand-white);
  font-size: var(--font-size-xs);
}

.top-bar-container {
  max-width: var(--container-2xl);
  margin: 0 auto;
  padding: var(--space-sm) var(--space-xl);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar-text a {
  color:var(--color-text-link-inverse);
}

.top-bar-links-container {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.top-bar-links, .top-bar-social-theme {
  display:flex;
  gap: var(--space-md);
}

.top-bar-links a {
  color: var(--color-brand-white);
  text-decoration: none;
  font-size: var(--font-size-xs);
}

.top-bar-links a:hover {
  color: var(--color-brand-orange);
}

/* Banner Area */
.banner-area {
  background-color: var(--color-bg-banner-area);
  padding: var(--space-lg) 0;
}

.banner-container {
  max-width: var(--container-2xl);
  margin: 0 auto;
  text-align: center;
}

.banner-ad {
  display: inline-block;
}

.banner-placeholder {
  width: 728px;
  height: 90px;
  background-color: var(--color-bg-secondary);
  border: 2px dashed var(--color-border-medium);
  display: flex;
  align-content:center;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  max-width: 100%;
}

/* Main Header Wrapper - Sticky on desktop */

.main-header {
  background-color: var(--color-bg-menu);
  overflow-x: clip;
}

.main-header-container {
  max-width: var(--container-2xl);
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: var(--space-2xl);
  height: 80px;
}

/* Logo */
.site-branding {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.site-title {
  line-height: 0;
}

/* Main Navigation */
.main-navigation {
  flex: 0 0 auto; /* Don't grow, don't shrink, auto width */
  display: flex;
  align-items: center;
}

.primary-menu {
  display: flex;
  list-style: none;
  height:80px;
  margin: 0;
  padding: 0;
  gap: var(--space-xl);
  align-items: stretch; /* Center menu items */
  flex-wrap: nowrap;
  white-space: nowrap;
}

.primary-menu li {
  margin: 0;
  position: relative;
  align-content: center;
}

.primary-menu a {
  display: block;
  padding: var(--space-lg) var(--space-xl);
  color: var(--color-text-primary);
  text-decoration: none;
  font-size:0.93rem;
  letter-spacing: .03rem;
  font-weight: 700;
  text-transform: uppercase;
  transition: all var(--transition-fast);
  border-bottom: 2px solid transparent;
}

.primary-menu > li > a::after {
  content: '';
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%) scaleX(0); /* Start scaled to 0 */
  width: 32px;
  height: 4px;
  background-color: var(--color-brand-orange);
  transition: transform var(--transition-normal);
  transform-origin: center;
  opacity: .4;
}

/* ==========================================================================
   FIRST-LEVEL SUBMENU (DEPTH 1)
   ========================================================================== */
.primary-menu .sub-menu {
  display: none;
  position: absolute;
  left: -50px;
  top: 100%;
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border-light);
  width: 260px;
  z-index: 1000;
  padding: 1.88rem 0 1.88rem 1.38rem;
  animation: dropdown-fade 0.2s;
  list-style: none;
  margin: 0;
}

.primary-menu > li:last-child .sub-menu {
  left:-150px
}

.switch {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 30px;
  background-color: #b7cecc;
  position: relative;
  border-radius: 999px;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  cursor: pointer;
}

.moon {
  position: absolute;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
  width: 12px;
  height: 12px;
  top: 100%;
  left: 10px;
  background-color: #e0d6d6;
  border-radius: 50%;
}

.suns {
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  top: 9px;
  right: 10px;
  box-shadow: 0 0 10px #EAB308;
  -webkit-box-shadow: 0 0 10px #EAB308;
  background-color: #EAB308;
  -webkit-transition: .6s;
  -o-transition: .6s;
  transition: .6s;
}


.bb8 {
  position: absolute;
  left: -18%;
  width: 53px;
  -webkit-transform: scale(0.45);
  -ms-transform: scale(0.45);
  transform: scale(0.45);
  -webkit-transition: left .4s;
  -o-transition: left .4s;
  transition: left .4s;
}

.theme-slider {
  display: none;
}

.ball {
  background: var(--color-bg-primary);
  border-radius: 50%;
  height: 52px;
  overflow: hidden;
  position: relative;
  width: 52px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.shadow {
  background: #3A271C;
  -webkit-box-shadow: 5px 0 50px #3A271C;
  box-shadow: 5px 0 50px #3A271C;
  border-radius: 50%;
  height: 18.333333px;
  opacity: 0.25;
  position: absolute;
  width: 38px;
  left: 8px;
  z-index: -1;
  bottom: -8px;
}

/* actions */

.theme-slider:checked+ .switch .bb8 {
  left: 29%;
}

.theme-slider:checked + .switch {
  background-color: #112350;
}

.theme-slider:checked + .switch .suns {
  top: 50px;
}

.theme-slider:checked + .switch  .bb8 .ball {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.theme-slider:checked + .switch .moon {
  top: 9px;
  -webkit-box-shadow: 0 0 10px #B8CCCD;
  box-shadow: 0 0 10px #B8CCCD;
}

/* ==========================================================================
   SUBMENU ITEMS
   ========================================================================== */
.sub-menu > li {
  margin-bottom: 1.25rem;
}

.sub-menu > li:last-child {
  margin-bottom: 0;
}

.sub-menu > li > a {
  display: block;
  background: none;
  white-space: normal;
  padding: 0;
  margin-right: 1.38rem;
  font-size: .875rem;
  transition: border .2s, color .2s, padding .4s;
  line-height: 1.04rem;
}


@media (min-width: 1150px) { 
  .menu-item-has-children:hover > .sub-menu,
  .menu-item-has-children:focus-within > .sub-menu {
    display: block;
  }

  /* Arrow for nested submenu (depth 2) */
  .sub-menu .menu-item-has-children::after {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:1.38rem;
    font-family: "Font Awesome Kit";
    font-weight: 900;
    content: "\e006";
    color: var(--color-brand-orange);
  }

  .mobile-horizontal-navigation,  .mob-navigation-only {
    display:none;
  }

  .mobile-navigation-overlay {
    display:flex;
    gap:1rem;
  }

  .sub-menu > li > a:hover,
  .sub-menu > li > a:focus,
  .sub-menu > li.current-menu-item > a,
  .sub-menu > li.current-menu-ancestor > a {
    padding-left: .5rem;
    border-left: 3px solid var(--color-brand-orange);
    color: var(--color-brand-orange);
  }

  /* Search Button */
  .header-search {
    flex: 1; /* Take all remaining space */
    position: relative;
    display: flex;
  }

  .search-toggle {
    width: 50vw;
    height: 100%; /* Takes full height of the 80px container */
    background: var(--color-brand-orange);
    color: var(--color-brand-white);
    border: none;
    cursor: pointer;
    font-size: var(--font-size-sm);
    transition: background-color var(--transition-fast);
    display: flex;
    align-items: center;
    padding-left:30px;
    z-index: 1001;
  }

  .search-toggle:hover {
    background: var(--color-primary-hover);
  }

  .search-form-label {
    color:var(--color-brand-white);
    font-size:.9375rem;
    letter-spacing: .02813rem;
    padding-right:.5rem;
    border-right:3px solid var(--color-brand-white);
  }

  .search-form-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 80px;
    padding: 1.6rem;
    display: flex;
    opacity: 1;
    visibility: hidden;
    z-index: 1000;
    transition: right .5s linear, opacity .5s linear, visibility .5s linear;
    background: var(--color-brand-orange);
  }

  .search-form-container.active {
    right: 100%;
    opacity: 1;
    visibility: visible;
  }

}

input[type="search"] {
    font-size:1rem;
    background: transparent;
    border:0;
    color:var(--color-brand-white);
    outline:none;
    line-height: 80px;
    min-width: 300px;
  }

input[type="search"]::placeholder {
    color:var(--color-brand-orange)
}

/* ==========================================================================
   DEPTH 2 SUBMENU
   ========================================================================== */
.sub-menu .menu-item-has-children > .sub-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: calc(0rem - 1.92rem);
  padding-right: 1.38rem;
  min-width: 220px;
  z-index: 1200;
  animation: dropdown-fade 0.2s;
}

/* Flip depth-2 submenu to left for last top-level menu item to prevent overflow */
@media (min-width: 1150px) {
  .primary-menu > li:last-child .sub-menu .menu-item-has-children > .sub-menu {
    left: auto;
    right: 100%;
    padding-right: 0;
    padding-left: 1.38rem;
  }
}

/* Show nested submenu on hover/focus of its parent */
.sub-menu .menu-item-has-children:hover > .sub-menu,
.sub-menu .menu-item-has-children:focus-within > .sub-menu {
  display: block;
}

@keyframes dropdown-fade {
  from { opacity: 0; transform: translateY(6px);}
  to   { opacity: 1; transform: none;}
}

/* ==========================================================================
   RESPONSIVE: STACKED FOR MOBILE
   ========================================================================== */
@media (max-width: 991px) {
  .primary-menu {
    flex-direction: column;
    gap: 0;
  }
  .primary-menu > li {
    width: 100%;
  }
  .primary-menu .sub-menu,
  .sub-menu .menu-item-has-children > .sub-menu {
    left: unset;
    position: static;
    box-shadow: none;
    min-width: 100%;
  }
}

/* ==========================================================================
   ACCESSIBILITY/KBD NAVIGATION
   ========================================================================== */

@media (min-width: 1024px) {
  .primary-menu a:hover::after,
  .primary-menu a:focus::after,
  .primary-menu .current-menu-item a::after,
  .primary-menu .current_page_item a::after,
  .primary-menu .current-page-ancestor a::after {
    transform: translateX(-50%) scaleX(1); /* Scale to full width */
  }

  .primary-menu .current-menu-item a::after,
  .primary-menu .current_page_item a::after,
  .primary-menu .current-page-ancestor a::after {
    opacity: 1;
  }

}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-sm);
  align-items: center; /* Center the hamburger icon */
  justify-content: center;
  width: 44px;
  height: 44px;
}

.hamburger {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hamburger-line {
  width: 24px;
  height: 2px;
  background-color: var(--color-text-primary);
  transition: all var(--transition-fast);
  transform-origin: center;
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
  opacity: 0;
}

.mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* Accessibility */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 999999;
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-bg-inverse);
  color: var(--color-text-inverse);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
}

.skip-link:focus {
  left: var(--space-lg);
  top: var(--space-lg);
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--color-bg-inverse);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  clip: auto !important;
  color: var(--color-text-inverse);
  display: block;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  height: auto;
  left: var(--space-sm);
  line-height: normal;
  padding: var(--space-md) var(--space-lg);
  text-decoration: none;
  top: var(--space-sm);
  width: auto;
  z-index: 100000;
}

/* ==========================================================================
   SOCIAL MEDIA ICONS
   ========================================================================== */

.social-icons a {
  color: inherit;
  text-decoration: none;
  font-size: var(--font-size-sm);
  transition: color var(--transition-fast);
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.social-icons a:hover {
  color: var(--color-brand-orange);
}

/* Top bar social icons */
.top-bar .social-icons a {
  color: var(--color-brand-white);
}

.top-bar .social-icons a:hover {
  color: var(--color-brand-orange);
}

/* Footer social icons */
.footer-widgets .social-icons a {
  color: var(--color-gray-300);
}

.footer-widgets .social-icons a:hover {
  color: var(--color-brand-orange);
}

/* Social icons with labels */
.social-icons .social-label {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

/* ==========================================================================
   JAVASCRIPT ENHANCEMENTS
   ========================================================================== */

/* Smooth theme transitions */
.theme-transitioning * {
    transition: background-color var(--transition-normal), 
                color var(--transition-normal), 
                border-color var(--transition-normal) !important;
}

/* Prevent body scroll when mobile menu is open */
.menu-open {
    overflow: hidden;
}

/* Smooth scroll behavior */
.js-loaded {
    scroll-behavior: smooth;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .js-loaded {
        scroll-behavior: auto;
    }
    
    .theme-transitioning * {
        transition: none !important;
    }
}

/* ==========================================================================
   TIPS TICKER
   ========================================================================== */
  .ticker-tips-container {
    display:flex;
    max-width: var(--container-2xl);
    margin: 0 auto;
    padding:1rem 0 .2rem;
  }

  .promo-ticker {
    width: 225px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding:0 .5rem;
    z-index: 1;
  }

  .ticker-tips-viewport {
    overflow: hidden;
    width: 100vw;
    display:flex;
    position: relative;
  }

  .ticker-tips {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap:.5rem;
    will-change: transform;
    transition: none;
    margin:0 auto;
  }

  .ticker-tips-item {
    display:flex;
    flex-direction: column;
    background-color: var(--color-bg-secondary);
    white-space: nowrap;
    color:var(--color-text-primary)
  }

  .ticker-tips-item__top {
    display:flex;
    flex-wrap: nowrap;
    gap:1rem;
    padding: 0 1rem;
    border: 1px solid var(--color-bg-gray);
  }

  .ticker-tips-item__league {
    display:flex;
    align-items: center;
    border-right: 2px solid var(--color-bg-gray);
    padding-right: 1rem;
  }

  .ticker-tips-item__match {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: .25rem 0;
    gap:.5rem;
  }

  .ticker-tips-item__teamname, .ticker-tips-item__league {
    font-size: 0.75rem;
    line-height: normal;
    letter-spacing: -0.015rem;
  }

  .ticker-tips-item__time {
    color:var(--color-brand-orange);
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: -0.0175rem;
  }

  .ticker-tips-item__bottom {
    background: var(--color-brand-orange);
    color:var(--color-brand-white);
    font-size: 0.75rem;
    line-height: normal;
    letter-spacing: -0.015rem;
    text-align: center;
    padding:.375rem 1rem;
    -webkit-text-size-adjust: 100%; /* or none */
    text-size-adjust: 100%;
  }

  .ticker-tips-item__odd .ticker-tips-item__bottom {
    background: var(--color-bg-black-to-gray);
  }
  
  .ticker-tips-showall {
    display: flex;
    align-items: center;
    gap:.5rem;
    background: var(--color-bg-black-to-gray);
    flex: 0 0 240px;
    justify-content: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.94906rem; /* 108.465% */
    text-transform: uppercase;
    color:#fff;
  }

  /* Ticker animation now handled by JavaScript for seamless infinite scrolling */

/* ==========================================================================
   FOOTER STYLES
   ========================================================================== */

.site-footer {
  background-color: var(--color-brand-black); /* Black footer background */
  border-top: 1px solid var(--color-border-light);
  margin-top: auto;
  position: relative;
  color: var(--color-brand-white); /* White text in footer */
  margin-top:5rem;
}

.footer-widget h3 {
  color:#fff;
  margin-bottom: var(--space-xl);
  padding-bottom:var(--space-xl);
  border-bottom:1px solid #4E4E4E;
  font-size: 1.125rem;
  line-height: 1.25rem;
  letter-spacing: .033rem;
}

.footer-widget .sportsbooks-list-sidebar {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 4rem;
  max-width: none;
}


.footer-widget .sportsbooks-list-sidebar li {
  break-inside: avoid;
  -webkit-column-break-inside: avoid; /* Safari / older WebKit */
  -moz-column-break-inside: avoid;    /* Old Firefox */
}

.footer-widget .list-sidebar li * {
  color:var(--color-gray-500);
}

.footer-first-section {
  background-color:#1C1C1C;
  padding:3.7rem 0
}

.footer-first-container {
  max-width: var(--container-lg);
  margin: 0 auto;
}


.footer-container {
  max-width: var(--container-2xl);
  margin: 0 auto;
  padding: 2.7rem 0 2.5rem;
}

.site-info {
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}

.footer-top-section .social-icons a {
  font-size:2rem;
  color:#989898;
}

.footer-disclaimer {
  margin-top: 2.4rem;
  padding:2rem 0;
  border-top:1px solid #1f1f1f;
  border-bottom:1px solid #1f1f1f;
}

.footer-disclaimer-text, .footer-bottom-section {
  max-width: var(--container-md);
  margin:0 auto;
}

.footer-disclaimer-text p {
  color:#999;
  font-size: .75rem;
  line-height: 1.25rem;
  letter-spacing: 0.02625rem;
  font-weight:300;
}

.regulator-container {
  margin-bottom: 2.4rem;
  padding:2rem 0;
  border-bottom:1px solid #1f1f1f;
}
.footer-hgc {
    align-items: center;
    display: flex;
    color: #fff;
    column-gap: 3.4rem;
    font-family: verdana;
}

.footer-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  margin-bottom:1em;
}

.age-restriction {
  color: #FFF;
  font-size: 3rem;
  line-height: normal;
  letter-spacing: -0.11rem;
}

.footer-credits p {
  color: #595959;
  font-size: 0.75rem;
}

/* Footer Navigation */
.footer-menu a {
  color:#fff;
  font-size:.85rem;
  font-weight: 700;
  letter-spacing: .025rem;
  text-transform: uppercase;
}

.footer-menu a:hover,
.footer-menu a:focus {
  color: var(--color-brand-orange); /* Orange hover */
}

/* ==========================================================================
   MAIN CONTENT STYLES
   ========================================================================== */

/* Entry Header */
.entry-header {
  margin-bottom: var(--space-xl);
}

.entry-title {
  margin-bottom: var(--space-md);
}

.entry-title a {
  color: var(--color-text-primary);
  text-decoration: none;
}

.entry-title a:hover {
  color: var(--color-primary);
}

/* Entry Content */
.entry-content {
  margin-bottom: var(--space-xl);
}

/* Entry Footer */
.entry-footer {
  margin-top: 2.9rem;
}

/* No Results */
.no-results {
  text-align: center;
  padding: var(--space-4xl) var(--space-2xl);
}

/* ==========================================================================
   TEMPLATE-SPECIFIC STYLES
   ========================================================================== */

.tags-links {
  margin-top:3.69rem;
}

.tags-links * {
  font-size: .875rem;
  line-height: 1.25rem;
}

.tags-links a {
  display: inline-block;
  font-weight: 500;
  color: var(--color-text-primary);
}

/* ==========================================================================
   TABLE LAYOYT
   ========================================================================== */

#odds-table td:nth-child(2) {
  padding-left:0;
  padding-right:.75rem;
}

.mobile-cta-row {
  display:none;
}

.table-meta {
  white-space:nowrap;
  display:flex;
  flex-direction: column;
  gap:.62rem;
  line-height: normal;
}

.table-match-time {
  display:flex;
  align-items: center;
  gap:.25rem;
  line-height: 1;
}

.table--topmatches .table-meta, .table--tips:not(.odds-table) .table-meta, .table--standings .team-position, .inodds-tv-channel {
  font-size: .57rem;
  font-weight: 700;
  color:var(--color-border-dark);
}


.meta-w-channel {
  max-width:60px;
  white-space: normal;
}

.odds-table:not(.table--tips) .table-meta i {
  color:var(--color-border-dark);
}

.odds-table .table-meta, .team-position-value {
  font-size: .875rem;
  font-weight: 600;
  max-width: 80px;
  white-space: normal;
}

td.oddstext {
  padding:0 .25rem;
}

.table-match-container--withlogos {
  display:flex;
  flex-direction: column;
  gap: .3rem;
  align-items: baseline;
}

.table-team {
color:var(--color-text-primary);
}

.table-match-container--withlogos .table-team {
  display: flex;
  align-items: center;
  align-self: baseline;
  gap: .3rem;
  font-size: .74rem;
  font-weight: 700;
  
}

.table-match-container--nologos .table-team, .table--standings .table-team {
  font-size: 0.8125rem;
  font-weight: 400;
}

.bestodds-bookmaker {
  min-width: 86px;
  display:flex;
  flex-direction: column;
  align-items: center;
  padding:.5rem .62rem;
  background:var(--color-bg-odds);
  gap:1rem;
  position:relative;
  border:1px solid var(--color-border-odds);
}

.table-odds-comparison .bestodds-bookmaker {
  min-width:62px;
  padding: 0;
  gap:0;
}

tbody tr:nth-child(even) .bestodds-bookmaker, tr.alt-row .bestodds-bookmaker {
  background-color: var(--color-bg-odds-light);
  border-color: var(--color-border-odds-light);
}

tbody tr:nth-child(even) .bestodds-bookmaker:after, tr.alt-row .bestodds-bookmaker:after {
  background: var(--color-border-odds-light);
}

.bestodds-bookmaker:after {
    content: "";
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    height: 1px;
    background: #DCDCDC;
}

.table-odds-comparison .bestodds-bookmaker:after {
  display:none;
}

.odd-text-value, .team-points-value, .opap-score-value, .opap-coupon-code {
  font-size: .875rem;
  line-height: normal;
}

.odd-text-value, .team-points-value {
  font-weight: 700;
}

.table-odds-comparison .bestodds-bookmaker span {
  height: 25px;
  line-height: 25px;
  font-size: 0.875rem;
  font-weight: 700;
  width:100%;
  text-align: center;
  cursor: pointer;
}

.bestodds-bookmaker a {
  font-size: .62rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .019rem;
  color: #7A7A7A;
}

.table-odds-comparison .oddstext img:not(.odds-sportsbook-fav) {
  max-height: 23px;
}

.bestodds-bookmaker a:hover {
  color: var(--color-brand-orange);
}

.halffullmarkets, col.halffullmarkets {
  display:none;
}

.league-tooltip{
  color: var(--color-border-black);
  font-size: .875rem;
  font-weight: 600;
  line-height: normal;
  text-align:center;
  max-width: 50px;
  padding:0 .25rem;
}

.dropping-odds-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .5rem;
  width: 63px;
  gap: .56rem;
}

.halffullmarkets .dropping-odds-container {
  width:61px;
}

.dropping-odds--value {
  display:flex;
  gap: .5rem;
  align-items: center;
}

.icon-updown:after  {
   width: 0;
  height: 0;
  border-left: 5.5px solid transparent;
  border-right: 5.5px solid transparent;
  content:'';
}

.upodd:after {
  border-bottom: 7.5px solid var(--color-brand-green);
}

.downodd:after {
  border-top: 7.5px solid var(--color-brand-red);
}

.dropping-odds--percentage {
  font-size: 0.75rem;
  font-weight: 300;
  line-height: normal;
}


.betfair-volumes--oddscell {
  padding:.62rem .03rem;
}

.betfair-volumes--oddscell-last {
  padding-right:.31rem!important;
}

.betfair-volumes--oddscontainer{
  display:flex;
  flex-direction: column;
  align-items: center;
  gap:.06rem;
  width:53px;
  margin:0 auto;
}

.betfair-volumes--oddscontainer span {
  width:100%;
  text-align:center;
  border: 1px solid var(--color-border-light);
}

span.backodd {
  background:var(--color-brand-orange);
  color:#fff;
}

span.layodd {
  color:var(--color-brand-orange)
}

span.priceodd {
  font-size:.75rem;
}

td.odds-comparison--match {
  max-width: 130px;
  padding:1.344rem .75rem;
}

.row-odds-comparison--single-bookmakers td.override-back {
  padding:0;
  background:var(--color-bg-secondary)
}

.row-odds-comparison--single-bookmakers .legend-explanation  {
  padding:1rem 0;
  border-top:1px solid var(--color-border-light)
}

.table-odds-comparison--single-bookmakers thead th, .table-odds-comparison--single-bookmakers tfoot td {
  background:var(--color-brand-black);
  padding:.5rem 0
}

.bet-selected-item span.text-center, .bs-max-odd, .show-all-betslip-results {
  padding:.282rem .62rem;
  background: #565656;
  font-size:.875rem;
  line-height: normal;
  align-content: center;
}

.show-all-betslip-results {
  margin:.19rem 0 .69rem
}

.bet-item-contents > .flex {
  border: 1px solid rgba(220, 220, 220, 0.81);
}

.bet-item-contents img {
  max-height:15px;
}

.bet-selected-item .match-text {
  font-size:.8125rem!important;
}

.bet-selected-item div span.flex-1:last-child {
  background:var(--color-brand-orange);
  border-left: 1px solid rgba(220, 220, 220, 0.81);
}

.bs-max-odd {
  flex:3
}

.bs-sb-img {
  flex:2;
  min-width: 80px;
}

.lock-scroll .mobile-betslip, .mobile-betslip[data-betslip-cnt="0"] {
  display:none;
}

#betslip h4 {
  margin:.69rem 0;
  font-weight: 700;
}

.post .football-standings .legend-explanation {
  display:none
}

.standings-default-value {
  font-size: .8rem;
}

.in-row-promo {
    display: grid;
    grid-template-columns: 50px 20px;
    width:70px;
    place-items: center;
}

.in-row-promo img {
  max-height:18px;
}

.in-row-promo span {
    width: 22px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size:12px;
}

.table-opap-coupon td{
  border:1px solid var(--color-border-light);
}

.table-opap-coupon  .table-match-container--nologos {
  line-height: 1;
}

.opap-coupon-code, .table-opap-coupon .oddstext{
  padding: 0;
}

.opap-coupon-date {
  padding: 0 .25rem;
}

.flag-w-text {
  display:flex;
  flex-direction: column;
  align-items: center;
  gap:.3rem;
}

th[data-sort], .show-more-text {
  cursor: pointer;
}

.table--odds-multiply-options_cell .table-team {
  font-weight: 600;
  font-size:1rem;
}

@media (min-width:650px) {
  .table-mobile-hide-2 .desktop-hidden, .table-mobile-hide-1 .desktop-hidden {
    display:none
  }
}

@media (max-width: 649px) {
  .table-mobile-hide-2 table.table-odds-comparison--single-bookmakers td:nth-child(1),
  .table-mobile-hide-2 table.table-odds-comparison--single-bookmakers th:nth-child(1),
  .table-mobile-hide-2 table.table-odds-comparison--single-bookmakers td:nth-child(2),
  .table-mobile-hide-2 table.table-odds-comparison--single-bookmakers th:nth-child(2) {
    display: table-cell !important; /* Unhide columns in nested excluded tables */
  }

  .table-mobile-hide-1 td:nth-child(1),
  .table-mobile-hide-2 tr:not(.row-odds-comparison--single-bookmakers) td:nth-child(1),
  .table-mobile-hide-2 tr:first-child > th:nth-child(1),
  .table-mobile-hide-2 td:nth-child(2),
  .table-mobile-hide-2 tr:first-child  th:nth-child(2), .small-mobile-hidden {
    display: none;
  }

  .odds-table th {
    font-size:.625rem;
    font-weight:700;
  }

  .table-betfair-volumes thead tr th {
    padding:.5rem .8rem;
  }

  .table-betfair-volumes tr:first-child th {
    font-size:.75rem;
  }

  .table-betfair-volumes tr:nth-child(2) th {
    font-size:.812rem;
  }

  .totaltraded1x2 {
    padding:0 .4rem 0 0
  }

  .table-mobile-hide-2 td.dropping-odds--match, td.betfair-volumes--match, td.odds-comparison--match, .opap-coupon-code {
    display: flex;
    flex-direction: column;
    gap:.5rem;
    padding:.5rem .75rem .5rem .44rem
  }

  .odds-table .table-meta {
    font-size: .59794rem;
    font-weight: 700;
    color:#a1a1a1;
  }

  .odds-table .flag-w-text {
    font-size: .65rem;
    font-weight: 600;
  }

  table:not(.mobile-vertical-table) .table-match-container--nologos .table-team {
    font-size: .6rem;
    font-weight: 700;
  }

  .flag-w-text.desktop-hidden {
    flex-direction: row;
  }

  .icon-updown:after {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
  }

  .dropping-odds-container {
    width: 35px;
    justify-content: space-between;
    padding: 6px 0;
    height: 54px;
    background: var(--color-bg-odds);
    border: 1px solid #dcdcdc;
    position:relative;
    margin:8px auto 0;
  }

  .halffullmarkets .dropping-odds-container {
    width:35px;
  }

  .nomargin .dropping-odds-container  {
    margin:8px 0 0;
  }

  .dropping-odds-container:after {
    content: "";
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    border-top: 1px solid #DCDCDC;
  }

  .dropping-odds--value {
    font-size:.8rem;
    font-weight: 600;
  }

  .dropping-odds--percentage {
    font-size:.56rem;
    font-weight: 400;
  }

  tr:nth-child(even) .dropping-odds-container, tr:nth-child(even) .dropping-odds-container:after {
    background: var(--color-bg-odds-light);
    border-color: var(--color-border-light);
  }

  tr [data-drop-range1] .dropping-odds-container,tr [data-drop-range1] .dropping-odds-container:after{
    border-color: #8853C0;
  }

  tr [data-drop-range2] .dropping-odds-container,tr [data-drop-range2] .dropping-odds-container:after{
    border-color: #F15A24;
  }

  tr [data-drop-range3] .dropping-odds-container,tr [data-drop-range3] .dropping-odds-container:after{
    border-color: #6A95C8;
  }

  .legend-explanation ul {
    flex-direction: column;
    gap:2rem;
  }

  .betfair-volumes--oddscontainer {
    width:37px;
  }

  .betfair-volumes--traded {
    font-size: .75rem;
    border: 1px solid var(--color-border-light);
    padding: .3rem;
  }

  .table-opap-coupon td {
    border:0;
    border-bottom:1px solid var(--color-border-light);
    padding: .8rem .3rem;
    font-size: .875rem;
  }

}

@media (max-width: 499px) {
  td.dropping-odds--match {
    max-width: 90px;
  }
}

tr [data-drop-range1] .dropping-odds-container, .drop-range1, .table-opap-coupon .drop-range1 > div {
  background:#B67AFF;
}

tr [data-drop-range2] .dropping-odds-container, .drop-range2, .table-opap-coupon .drop-range2 > div {
  background:#FFA64D;
}

tr [data-drop-range3] .dropping-odds-container, .drop-range3, .table-opap-coupon .drop-range3 > div {
  background:#62A8FD;
}

@media (max-width: 649px) {
  .table-opap-coupon .drop-range1, .table-opap-coupon .drop-range2, .table-opap-coupon .drop-range3 {
    background:transparent
  }
}


/* ==========================================================================
   CUSTOM SELECT BOX
   ========================================================================== */
.tabcontent, .tabmaincontent  {
  display:none;
  -webkit-animation: fadeEffect 0.7s;
  animation: fadeEffect 0.7s;
}

@keyframes fadeEffect {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tabcontent.active, .tabmaincontent.active {
  display:block;
}

.tabmaincontent.active.flex {
  display:flex;
}

.istabsbox  {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin: 2.25rem 0;
}

 .hastabsbox.active {
  display: flex;
  gap: 2rem;
  justify-content: center;
 }

.hastabsbox:not(.active) {
  display:none;
}

.ellipsis, .select-selected {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-select {
    position: relative
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: var(--color-bg-black-to-gray);
    padding: .75rem 2rem .75rem .94rem;
    cursor: pointer
}

.select-selected,.select-items div {
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: var(--color-brand-white)
}

.select-selected:after {
  font-family: "Font Awesome 7 Pro";
  content: "\f078";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: .94rem;
}

.select-selected.select-arrow-active:after {
  content: "\f077";
}

.select-items div {
    color: #FFFFFFC2;
    padding-bottom:1.06rem;
    cursor: pointer;
    user-select: none
}

.select-items div:last-child {
  padding-bottom: 0;
}

.select-items {
    position: absolute;
    background-color: var(--color-bg-black-to-gray);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    padding: .31rem .94rem .75rem;
    animation: dropdown-fade .3s;
    max-height: 300px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #FFFFFFC2 #000;
}

.select-hide {
    display: none
}

@media (max-width: 767px) {
  .select-selected, .select-items div {
    font-size:.79rem;
  }

}

/* ==========================================================================
   LEGEND OF DROPPING ODDS
   ========================================================================== */

.legend-explanation {
  padding: 1.94rem 2.25rem
}

.legend-explanation ul {
  display: flex;
  justify-content: space-evenly;
  margin: 0;
  padding:0;
  list-style-type: none;
}

.legend-explanation li {
  display: flex;
  align-items:center;
  gap:.62rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.0625rem;
}

.legend-explanation div {
  width:33px;
  height:33px;
}

/* ==========================================================================
   CAROUSEL SYSTEM - MINIMAL STRUCTURE
   ========================================================================== */

.akcircus-carousel {
  position: relative;
  overflow: visible; /* Allow arrows to show outside */
  margin-bottom: 80px; /* Space for arrows below */
}

/* Full Width Carousel */
.akcircus-carousel--full-width .carousel-item {
  flex: 0 0 100%;
  width: 100%;
}


.flex-slider-arrow, .default-arrow {
  border:0;
  background: var(--color-bg-gray);
  color:var(--color-brand-white)!important;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Navigation Arrows */
.flex-slider-arrow {
  position: absolute;
  transition: all var(--transition-fast);
  bottom: -50px;
}

.flex-slider-arrow:hover, .default-arrow:hover {
  background: var(--color-brand-orange);
  color: var(--color-brand-white);
  border-color: var(--color-brand-orange);
}

.flex-slider-arrow--prev {
  right: 48px;
}

.flex-slider-arrow--next {
  right: 0px;
}

/* ==========================================================================
   HOMEPAGE LAYOUT SYSTEM
   ========================================================================== */

.homepage-section {
  margin-bottom: var(--space-3xl);
}

.homepage-section:last-child, .custom-style-list li:last-child {
  margin-bottom: 0;
  padding-bottom:0;
  border-bottom: none;
}

.section-container--full {
  max-width: var(--container-2xl);
}

.section-w-sidebars {
  max-width: var(--container-lg);
}

.section-main.section-w-right-sidebar-banners {
  max-width: 900px;
  flex:1;
}

/* Layout with Sidebars */
.site-layout {
  display:flex;
  gap: var(--space-xl);
  align-items: flex-start;
}

.section-sidebar {
  flex: 0 0 240px;
}

.section-sidebar--right_banners {
  flex: 0 0 150px;
}

.section-main {
  flex: 0 0 810px;
  background: var(--color-bg-primary);
  max-width:810px;
}

.section-main--full {
  flex: 1;
  max-width: 100%;
}

/* Bottom Sidebars */
.section-bottom-sidebars {
  margin-top: var(--space-2xl);
  gap: var(--space-xl);
}

.section-sidebar--bottom-left,
.section-sidebar--bottom-right {
  flex: 1;
}

.sticky-sidebar {
  position: sticky;
  top: var(--sticky-top);
}

.arxi-approved {
  padding:3.6rem;
  margin:2rem 0;
  text-align: center;
  background: var(--color-brand-green);
}

.arxi-approved p {
  color: #FFF;
  line-height: 1.75rem; /* 175% */
  text-transform: uppercase;
  margin:0
}

/* ==========================================================================
   AKCIRCUS CATEGORY ARTICLES SHORTCODE LAYOUT
   ========================================================================== */

.akcircus-category-articles, .akcircus-flex-slider--overlay {
  margin:3.81rem 0 0;
}

.akcircus-category-articles__container {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: stretch;
}

/* Left featured article - 60% width */
.akcircus-category-articles__featured {
  flex: 0 0 calc(60% - var(--space-lg) / 2);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin:0;
  padding:0;
}

.featured-image {
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
}

.featured-image a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-height:425px;
  color:#a9a9a9;
}

.featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, #000);
  color: var(--color-brand-white);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.akcircus-category-articles__featured .featured-meta {
  display: flex;
  gap: .7rem;
  font-size: .87rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: var(--space-sm);
}

.featured-title-cta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-md);
}

.featured-title {
  font-size: 1.87rem;
  font-weight: 700;
  line-height: 2rem;
  color: var(--color-brand-white);
  flex: 1;
  margin:0
}

.featured-title a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}

.featured-title a:hover {
  color: var(--color-brand-orange);
}

.featured-cta {
  font-size: var(--font-size-2xl);
  color: var(--color-brand-orange);
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  user-select: none;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  transition: all var(--transition-fast);
}

.featured-cta:hover {
  background: var(--color-brand-orange);
  color: var(--color-brand-white);
  transform: translateX(4px);
}
/* Right list articles container - 40% width with calculated height */
.akcircus-category-articles__list {
  flex: 0 0 calc(40% - var(--space-lg) / 2);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 400px; /* Minimum height to ensure proper proportions */
}

.list-article {
  display: flex;
  flex: 1;
  max-height: 131px; /* Ensure consistent height for each article */
  margin-bottom: 0;
  padding-bottom:0;
}

.list-article__image-link {
  flex-shrink: 0;
  width: 190px;
  height: 130px;
  overflow: hidden;
  display: block;
}

.list-article__image-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-fast);
}

.list-article__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding:1rem

}

.list-article__title, .section-text .list-article__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.37rem;
  color: var(--color-text-primary);
  margin-bottom:0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom:0;
}

.list-article__title a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}

.list-article__title a:hover {
  color: var(--color-brand-orange);
}

p.list-article__excerpt {
  font-size: .87rem;
  line-height: 1.25rem;
  letter-spacing: -.027rem;
  color:var(--color-gray-500);
  margin-bottom:0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-article__meta {
  font-size: .62rem; 
  color: var(--color-text-muted);
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: auto;
  font-weight:500;
}

.list-article__meta a.list-article__cta {
  color: var(--color-brand-orange);
  transition: all var(--transition-fast);
}

/* Sidebar Content */
.sidebar-widget {
  padding: 1.8em 1.38rem;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-bg-gray);
  margin-bottom:1rem;
}

.sidebar-widget--black {
  background:var(--color-bg-black-to-orange);
  text-align: center;
}

.sidebar-widget:last-child, .section-text *:last-child:not(table), .section-text li:last-child, .last-child-no-margin :last-child{
  margin-bottom: 0;
}

.sidebar-content h2,
.sidebar-content h3 {
  color: var(--color-text-primary);
  margin-bottom: var(--space-xl);
  padding-bottom:var(--space-xl);
  border-bottom:1px solid var(--color-border-light);
  font-weight: 800;
}

.sidebar-content .sidebar-widget--black h2,
.sidebar-content .sidebar-widget--black h3 {
  color: var(--color-brand-white);
  border: 0;
}

.sidebar-widget--black .orange-color {
  color: var(--color-text-link-inverse);
}

.tempgreekodds.sidebar-widget--black h3 {
  padding-bottom:.69rem;
  margin-bottom:.69rem;
  border-bottom:1px solid #565656;
}

.tempgreekodds * {
  color:var(--color-brand-white)
}

.text-widget h2, .text-widget h3{
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 1.25rem;
}

.text-widget p {
  color: var(--color-gray-500);
  font-size: .75rem;
  line-height: 1.07rem;
  letter-spacing: .0075rem;
  margin:0;
}

.sidebar-widget--black.text-widget p {
  color: var(--color-text-inverse-light);
}

.text-widget p a {
  font-weight:700;
  text-decoration: underline;
}

.sidebar-content .sidebar-sportsbooks-title {
  margin-block-start:0;
  font-size: 2.125rem;
  letter-spacing: 0.06375rem;
}
.highlight {
  color: var(--color-brand-orange);
  font-size: 1.125rem;
  letter-spacing: 0.03375rem;
  line-height: 1.125rem
}

.sidebar-sportsbooks-title .highlight {
  line-height: 2.125rem
}

.sidebar-content .has-highlight {
  margin-top:-13px;
  line-height: 1.8rem;
}

.sidebar-content h3 {
  font-size: 1.125rem;
  line-height: 1.25rem; /* 111.111% */
  letter-spacing: 0.03375rem;}


.sidebar-posts-articles li {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: 1rem;
}

.sidebar-posts-articles li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom:0;
}

/* 1st article - full width image, title below, excerpt below */
.sidebar-posts-articles li:first-child {
  display: block;
}

.sidebar-posts-articles li:first-child img {
  margin-bottom: 1rem;
}

.sidebar-posts-articles li .article-title a{
  transition: color var(--transition-fast);
  color:var(--color-text-primary);
  font-weight: 700;
}

.sidebar-posts-articles li .article-title a:hover{
  color:var(--color-brand-orange);
}

.sidebar-posts-articles li:first-child .article-title a {
  font-size: 1rem;
  line-height: 1.37rem;
  margin-bottom: .75rem;
}

.sidebar-posts-articles li:first-child .article-excerpt {
  font-size: 0.87rem;
  line-height: 1.25rem;
  letter-spacing: -0.027rem;
  color: var(--color-gray-500);
}

/* Articles 2-4 - shared flex layout */
.sidebar-posts-articles li:not(:first-child) {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

/* Articles 2-4 - shared image styling */
.sidebar-posts-articles li:not(:first-child) img {
  aspect-ratio: 1/1;
  width: 72px;
  height: 72px;
  object-fit: cover;
  flex-shrink: 0;
}

.sidebar-posts-articles li:not(:first-child) .article-title a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 0.75rem; 
  line-height: .9rem;
  flex: 1;
  margin:0;
}

/* 3rd article - reverse flex direction (title left, image right) */
.sidebar-posts-articles li:nth-child(3) {
  flex-direction: row-reverse;
}


/* ==========================================================================
   FULL-WIDTH ARTICLE CAROUSEL - CUSTOM LAYOUT
   ========================================================================== */
.listing-articles-page article {
  margin-bottom:2.81rem;
  border:2px solid var(--color-brand-orange);
}

/* Full-width carousel container */
.featured-article {
  height: 380px;
  display: flex;
  overflow: hidden;
  transition: box-shadow var(--transition-fast);
  margin:0;
  padding:0;
}

.featured-article:hover {
  box-shadow: var(--shadow-lg);
}

/* First Column - Content */
.featured-article__content {
  flex: 1;
  padding: 1.8rem 2.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0; /* Prevent flex overflow */
}

/* Second Column - Thumbnail */
.featured-article__image {
  flex: 0 0 410px; /* Fixed width for image column */
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
}

.featured-article__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-normal);
}

/* Content Layout */
.featured-article__content-top {
  flex: 1;
  padding-bottom:var(--space-xl);
}

.featured-article__content-bottom {
  margin-top: auto;
  padding-top:var(--space-xl);
  border-top:1px solid #C9C9C9
}

/* Category */
.featured-article__category {
  display: inline-block;
  padding-bottom:.6px;
  border-bottom:3px solid var(--color-brand-orange);
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: var(--space-lg);
}

/* Title */
.featured-article__title {
  font-size: 1.87rem;
  font-weight: 800;
  line-height: 2.25rem;
  margin-bottom: var(--space-lg);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Excerpt */
.featured-article__excerpt {
  font-size: .87rem;
  line-height: 1.5rem;
  color: var(--color-gray-500);
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta Information */
.featured-article__meta {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-top: auto;
}

.featured-article__author {
  font-size: .8rem;
  text-transform: uppercase;
  color: var(--color-brand-orange);
}

.featured-article__date {
  color: var(--color-text-muted);
}

.listing-articles-subarticles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem .94rem;
}

.listing-articles-subarticles article {
  display: flex;
  flex-direction: column;
  height:100%;
  border:none;
  flex: 0 0 100%;
}

.listing-articles-subarticles img {
  width: 100%;
  height:208px;
  object-fit: cover;
}

.listing-articles-subarticles a {
  color:var(--color-text-primary);
}

.list-article__author a {
  color: var(--color-text-muted);
}

.artice-card__title {
  color:var(--color-text-primary);
  font-size: .99rem;
  font-weight: 700;
  line-height: 1.37rem;
  text-transform: none;
}

.artice-card__excerpt {
  font-size: 0.87369rem;
  line-height: 1.25rem;
  letter-spacing: .027rem;
  color:var(--color-gray-500);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Allow the content section to grow and push meta to the bottom */
.artice-card__details {
  display: flex;
  flex-direction: column;
  flex: 1; /* Take all available space */
  border-color:var(--color-border-thin)
}

/* Push meta to bottom */
.artice-card__meta {
  margin-top: auto;
}

.artice-card__meta .list-article__meta {
  margin-top:1.7rem;
}

/* ==========================================================================
   SINGLE ARTICLE PAGE
   ========================================================================== */
 .article-featured-image--blogpost {
  position:relative
 }

  .type-post .entry-content.section-text {
    border-top:0
  }
 
  .entry-meta {
    background:var(--color-bg-secondary);
    text-align: right;
    border-left: 1px solid var(--color-border-light);
    border-right: 1px solid var(--color-border-light);
  }

  .entry-meta-content {
    background: var(--color-brand-orange);
    color: var(--color-brand-white);
    display:flex;
    gap:.75rem;
    padding:.22rem .57rem;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: .022rem;
    width: max-content;        /* shrink to content */
    margin-left: auto;
  }

  .author-section--topinfo{
    margin-top:-1px;
    display:flex;
    align-items:start;
  }

  .diagonal-cut-image {
    position: absolute;
    bottom: 6px;
    left: -10px;
    width: 155px;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%);
  }

  .mirror-rotate {
    transform: scaleX(-1);
  }

  .author-section--name {
    font-size: 1.875rem;
    line-height: 2.19rem;
    margin:0;
  }

  .author-section--details {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding:1.9rem 2.2rem;
  }
  
  .author-section--title {
    display:flex;
    justify-content: space-between;
  }

  .author-form {
    max-width:293px;
  }
  .author-section--content.section-text {
    border:none;
    padding-top:0;
    padding-bottom:.34rem;
  }

  .table--tips th {
    padding: 1.157rem 1rem;
    white-space: nowrap;
  }

  .table--tips td {
    padding:.813rem .94rem;
  }

  .table--tips td.bold {
    font-size:.875rem;
  }

  .section-text .table--tips td:nth-child(3),.section-text  .table--tips th:nth-child(3) {
    padding:0 2rem 0 0;
  }

  .mobile-vertical-table .table-match-container--withlogos {
    width:auto;
    margin:0 auto;
  }
  
  .author-section--stats th,  .author-section--stats td, .mobile-vertical-table td::before {
    font-weight: 800;
    line-height: 1.25rem;
    letter-spacing: 0.03rem;
  }

   .author-section--stats th, .author-section--stats td {
    padding:.34rem;
   }

  .social-icons--circled a{
    background:var(--color-brand-orange);
    width: 20px;
    height: 20px;
    text-align: center;
    justify-content: center;
    border-radius: 50%;
  }

  .social-icons--circled i {
    font-size:.7rem;
    color:var(--color-brand-white);
  }

  .last10-form, .team-form {
    display: flex;
    align-items: center;
    gap: .2rem;
    position:relative;
  }
  

  .last-10-form{
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: .6rem;
    margin-bottom: .6rem;
  }

  .last10-form span, .team-form span {
    width: 28px;
    height: 22px;
    display: flex;
    justify-content: center;
    font-size:.875rem;
    color:#fff;
  }

  .author-form p {
    font-size:.875rem;
    color:var(--color-gray-500);
    line-height: 1rem;
    margin-bottom:0;
  }

  .section-text .related-articles-block__title {
    margin-bottom: .5rem;
  }

  @media (max-width: 767px) {
    .mobile-vertical-table thead, .mobile-vertical-table-block thead {
      display: none;
    }

    table.mobile-vertical-table,.mobile-vertical-table tbody,.mobile-vertical-table tr,.mobile-vertical-table td, table.mobile-vertical-table-block,.mobile-vertical-table-block tbody,.mobile-vertical-table-block tr,.mobile-vertical-table-block td {
      display: block;
      width: 100%;
      max-width: none;
    }

    .mobile-vertical-table td {
      display: grid;
      border-bottom: 3px solid var(--color-bg-secondary);
      padding: 0!important;
      align-items:center;
      grid-template-columns: 1fr 1fr;
      text-align:center;
    }

    .mobile-vertical-table td::before,.mobile-vertical-table-block td::before {
      display:flex;
      align-items: center;
      justify-content: center;
      content: attr(data-label);
      font-weight: bold;
      background-color: var(--color-brand-orange);
      color: white;              /* Optional: text color */
      box-sizing: border-box;
      min-height: 51px;
      height:100%;
      text-transform:uppercase;
    }

    table.mobile-vertical-table-block td {
      display:flex;
      flex-direction: column;
      padding:0;
    }

    .mobile-vertical-table-block td::before {
      background-color: var(--color-brand-black); 
      height: 55px;
      line-height: 55px;
      padding: 0 .94rem;
    }
  
    .table--tips td:first-child:before {
      display:none;
    }

    .table--tips td:first-child {
      display:block;
    }

    .table--tips .table-match-container--withlogos {
      gap:.3rem
    }

    .mobile-vertical-table tr {
      margin-top:1.31rem;
      background:var(--color-bg-tertiary)!important;
    }

    .table--tips td.bold {
      font-size:.9375rem;
      font-weight: 600;
    }

    .table--tips .table-meta {
      color:var(--color-text-primary)!important;
      font-size:.9375rem;
      font-weight: 700;
      gap:.3rem;
      align-items: center;
    }
  }

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.akcircus-pagination ul {
  list-style-type: none;
  display:flex;
  gap:1.5rem;
  align-items: center;
}

.akcircus-pagination ul li *:not(i) {
  color:var(--color-text-primary);
  font-size:.83rem;
  font-weight: 700;
}
/* ==========================================================================
   BOOKMAKERS LIST - SIDEBAR
   ========================================================================== */
.sportsbook-favicon {
  width:25px;
  height: 25px;
}

.list-sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 193px;
}

.list-sidebar li a {
  display: flex;
  align-items: center;
  gap: var(--space-md); /* Space between favicon and name */
  margin-bottom: .56rem; /* Exact gap as requested */
  color: var(--color-text-tertiary-black);
  text-decoration: none;
  font-size: .875rem;
  line-height: 1.04rem;
  transition: border .2s, padding .4s;
  flex-shrink: 0;
}

.list-sidebar li:last-child a{
  margin-bottom: 0;
}

.sportsbook-favicon-sidebar {
  width: 25px;
  height: 25px;
  border-radius: var(--radius-xs);
  object-fit: cover;
  flex-shrink: 0; /* Prevent favicon from shrinking */
}

.list-sidebar a * {
  transition: color var(--transition-slow);
}

.list-sidebar a span {
  color:var(--color-text-tertiary-black);
  text-decoration: none;
  font-size:.875rem;
  flex: 1;
}

.list-sidebar i {
  color:var(--color-text-tertiary-black);
  font-size:20px;
  min-width:23px;
}

.list-sidebar a:hover span, .list-sidebar a:hover i {
  color: var(--color-brand-orange);
}

.normal-list-sidebar a:hover {
  color: var(--color-brand-orange);
  padding-left:.69rem;
  border-left: 3px solid var(--color-brand-orange);
}

/* ==========================================================================
   HORIZONTAL FLEX SLIDER - DUAL DESIGNS
   ========================================================================== */

.akcircus-flex-slider--authors, .stories-section {
  margin-bottom:2.25rem;
}

.flex-slider-container {
  position: relative;
  overflow: hidden;
}

.flex-slider-track {
  display: flex;
  gap: var(--space-lg);
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.akcircus-flex-slider-size--medium .flex-slider-track {
  gap:.75rem;
}

.flex-slider-track::-webkit-scrollbar {
  display: none;
}

.flex-slider-item {
  flex: 0 0 397px;
  scroll-snap-align: start;
  transition: all var(--transition-fast);
  overflow: hidden;
}

.flex-slider-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

/* ==========================================================================
   OVERLAY DESIGN
   ========================================================================== */

.akcircus-flex-slider--overlay img {
  width: 100%;
  height: 208px;
  object-fit: cover;
}

/* ==========================================================================
   SIMPLE CARD DESIGN
   ========================================================================== */
  
.akcircus-flex-slider-size--large .flex-slider-container {
  padding:2.56rem 3.12rem;
  background: var(--color-bg-secondary);
 
}

.akcircus-flex-slider--simple .flex-slider-item {
  flex: 0 0 400px;
  justify-content:center;
}

.akcircus-flex-slider-size--medium .flex-slider-item {
  flex: 0 0 193px;
}

.akcircus-flex-slider--simple .flex-slider-image {
  position: relative;
  overflow: hidden;
}

.akcircus-flex-slider--simple .flex-slider-image img {
  width: 100%;
  height: 208px;
  object-fit: cover;
}

.akcircus-flex-slider-size--medium .flex-slider-image img {
  height:193px;
}


.flex-slider-content {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  height: calc(100% - 270px);
  background: var(--color-bg-secondary);
  height:100%;
  padding: 1rem
}

.flex-slider-article-title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.375rem;
  margin: 0;
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
}

.akcircus-flex-slider-size--large .flex-slider-article-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.akcircus-flex-slider-size--medium .flex-slider-article-title{
  line-height: 1.21rem; /* 100% */
  text-align: center;
}

.akcircus-flex-slider--simple .flex-slider-item:hover .flex-slider-article-title {
  color: var(--color-brand-orange);
}

.akcircus-flex-slider--simple .flex-slider-excerpt {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: -.026rem;
  color: var(--color-gray-500);
  margin: 0;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ==========================================================================
   DOTS NAVIGATION (SHARED)
   ========================================================================== */
.flex-slider-dots {
  display: none;
  justify-content: center;
  align-items: center;
  gap: .38rem;
  margin-top: 1.88rem;
  padding-bottom:4px;
}

.flex-slider-dots.dots-active {
  display:flex;
}

.flex-slider-dots.desktop-hidden {
  display:none;
}

.flex-slider-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-border-medium);
  cursor: pointer;
  border: none;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.flex-slider-dot:hover {
  background: var(--color-brand-orange);
}

.flex-slider-dot.active {
  width: 46px;
  height: 8px;
  border-radius: 6px;
  background: var(--color-brand-orange);
  transform: none; /* No scaling for active state */
}

.carousel-dots .flex-slider-dot.active {
  width:8px;
}

.flex-slider-dot.active:hover {
  transform: none; /* Prevent hover scaling on active bar */
}

/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 767px) {
  .flex-slider-track {
    gap: var(--space-md);
  }

  .flex-slider-dots.dots-active.desktop-hidden {
    display:flex;
  }
  .flex-slider-arrow {
    display:none;
  }
}

@media (max-width: 450px) {
  .flex-slider-item {
    flex: 0 0 300px;
  }

   .akcircus-flex-slider--overlay .flex-slider-item {
    flex: 0 0 290px;
  }

  .akcircus-flex-slider--overlay img {
    height:152px;
  }
  
}

/* ==========================================================================
   AUTHORS DESIGN FOR FLEX SLIDER - 235x235 CARDS
   ========================================================================== */

/* Authors specific container styling */
.akcircus-flex-slider--authors .flex-slider-item {
  height: 245px;
  flex: 0 0 245px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all var(--transition-fast);
  border:1px solid var(--color-border-light);
  margin-bottom:0;
}

/* Author Header - Image and Name */
.akcircus-flex-slider--authors .author-header {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.akcircus-flex-slider--authors .author-avatar {
  flex-shrink: 0;
}

.author-avatar img {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  object-fit: cover;
  background: var(--color-bg-secondary);
}

.akcircus-flex-slider--authors .author-avatar img {
  border: 3px solid var(--color-brand-orange);
}

.akcircus-flex-slider--authors .author-info {
  flex: 1;
  min-width: 0;
}

.akcircus-flex-slider--authors .author-name {
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 18px;
  margin: 0;
}

/* Latest Article Section */
.akcircus-flex-slider--authors .latest-article {
  flex: 1;
  display: flex;
  align-items: center;
  margin-bottom: var(--space-lg);
}

.akcircus-flex-slider--authors .article-title {
  font-size: 1.025rem;
  font-weight: 700;
  line-height: 1.38rem;
  letter-spacing: .03rem;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.akcircus-flex-slider--authors .flex-slider-item:hover .article-title {
  color: var(--color-brand-orange);
}

/* Bottom Meta Row */
.akcircus-flex-slider--authors .article-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin-top: auto;
}

.akcircus-flex-slider--authors .article-date {
  color: var(--color-text-muted);
}

.akcircus-flex-slider--authors .sponsored-text {
  font-style: italic;
  color: var(--color-text-muted);
}

/* ==========================================================================
   FULL-WIDTH FEATURED SECTION - CUSTOMIZABLE DESIGN
   ========================================================================== */

.akcircus-featured-section {
  padding:5.7rem 7.2rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.featured-section-container {
  max-width: 810px;
  margin: 0 auto;
  width: 100%;
}

.featured-section-title {
  font-size: 2.91rem;
  font-weight: 800;
  line-height: normal;
  letter-spacing: .09rem;
}

.featured-section-content {
  display: flex;
  gap: var(--space-xl);
  align-items: stretch;
}

.akcircus-featured-section .featured-image-container:hover .featured-title,
.akcircus-featured-section .grid-article .grid-title,
.akcircus-featured-section .featured-title {
    color: var(--accent-color) !important;
}
.akcircus-featured-section .featured-content {
    border-color: var(--accent-color) !important;
}

/* ==========================================================================
   LEFT COLUMN - FEATURED ARTICLE WITH OVERLAY
   ========================================================================== */

.featured-column {
  flex: 1;
  min-height: 308px;
}

.featured-section-content article {
  margin:0;
  padding:0;
  border-bottom:0
}

.featured-section-content__main-article {
  height: 100%;
}

.featured-image-container {
  height: 100%;
  min-height: 308px;
}

.featured-image-container a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
}

.featured-image-container img {
  width: 100%;
  height: 290px;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-normal);
}

.featured-custom-overlay {
  padding: .74rem .74rem 0;
  color: var(--color-brand-white);
}

.featured-content {
  display: flex;
  flex-direction: column;
  gap: .65rem;
  margin-bottom: .7rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid transparent;
}

.featured-custom-overlay .featured-title {
  font-size: 1.03rem;
  font-weight: 700;
  line-height: 1.29rem;
  letter-spacing: -0.02rem;
  margin: 0;
  color: var(--color-brand-white);
  transition: color var(--transition-fast);
}

.featured-image-container:hover .featured-title {
  color: inherit; /* Uses accent color from data attribute via JS */
}

.featured-custom-overlay .featured-meta {
  font-size: .59rem;
  line-height: .78rem;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  color: #fff;
  text-align:right;
}

.featured-custom-overlay .author-avatar img {
  width:20px;
  height: 20px;;
}

p.featured-excerpt {
  font-size: .60rem;
  line-height: .86rem;
  color: #fff;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.featured-custom-overlay .cta-button {
  padding:.75rem .84rem;
  font-size: .65rem;
  font-weight: 700;
  line-height: .71rem;
}

/* ==========================================================================
   RIGHT COLUMN - 2x2 GRID
   ========================================================================== */

.grid-column {
  flex: 1;
}

.articles-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  height: 100%;
}

.grid-article {
  flex: 0 0 calc(50% - var(--space-md) / 2);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all var(--transition-fast);
}

.grid-article-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.grid-article-link img {
  object-fit: none;
  width:100%;
  max-height:130px;
}
.grid-content {
  padding-top: .87rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  flex: 1;
}

.grid-title {
  font-size: 0.63rem;
  font-weight: 700;
  line-height: 1.03rem;
  margin: 0;
  color: inherit;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color var(--transition-fast);

}

.grid-article:hover .grid-title {
  color: inherit; /* Will be set by JS based on accent color */
}

.grid-date {
  font-size: .5rem;
  line-height: .6rem;
  letter-spacing: -.015rem;
}

p.grid-excerpt {
  font-size: .63rem;
  line-height: .79rem;
  letter-spacing: -.019rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display:none;
}


/* ==========================================================================
   SUMMARY SPORTSBOOK SECTION
   ========================================================================== */
.sportsbook-summary__item {
  margin-bottom:1.5rem;
}

.sportsbook-trans-w-gradient {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.51) 100%);
}

.sportsbook-summary__top {
  display:flex;
  flex-wrap: wrap-reverse;
  padding:2.5rem 2.5rem 2.1rem;
  color:#fff;
}

.sportsbook-summary__title {
  color:inherit;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: normal;
  letter-spacing: .045rem;
}

.sportsbook-summary__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding-top: 3rem;
}

.rypoi {
  text-transform: none;
  font-size: .625rem;
  font-weight: 400;
  line-height: .87rem;
  color:inherit;
}

.last-updated-text {
  position:absolute;
  right:0;
  top:30px;
}

.white-box.rypoi {
  color:var(--color-gray-500)
}

.button-with-terms .rypoi {
  position: absolute;
  right: 0;
  bottom: -1rem;
   color:var(--color-gray-500)
}

.sportsbook-summary__top ul {
  color:inherit;
  padding-left:1.5rem;
  font-size: .875rem;
  line-height: 1.5rem;
  margin-bottom:1.25rem;
}

.sportsbook-summary__content {
  background:var(--color-bg-secondary);
  padding:2rem;
}

.sportsbook-summary__text p{
  font-size: .875rem;
  color:var(--color-text-secondary);
}

.sportsbook-summary__ctas {
  display:flex;
  flex-wrap: wrap;
  gap:1.25rem;
  margin-bottom:.6rem;
}

.sportsbook-summary__ctas .cta-orange {
  line-height: .5rem;
  padding:1rem 1.69rem;
}

/* ==========================================================================
   TOC
   ========================================================================== */
.toc {
  padding:1.25rem;
}
.toc p {
  font-size:1.5rem;
  font-weight: 800;
  line-height: 1.25rem;
  text-transform: uppercase;
}

.toc ol {
/*columns: 2;            
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 4rem;*/
  padding-left:2.5rem;
  margin-bottom:0;
}

.toc ol li {
  font-size:.937rem;
  letter-spacing: .028rem;
  text-transform: uppercase;
  padding-left:1rem;
}

.toc ol li::marker {
  color:var(--color-brand-orange);
  font-weight: 600;
}

.toc ol li a {
  color:var(--color-text-primary);
  border-bottom:1px solid var(--color-border-light) 
}

/* ==========================================================================
   SHARE BUTTONS TEMPLATE
   ========================================================================== */

.share-buttons, .section-related-articles {
  margin:1.88rem 0;
}

.share-buttons > div {
  padding:.875rem 1.875rem;
  font-size:1.5rem;
  margin:0
}

.vertical-separator {
  width: 1px;
  height: 46px;
  background-color: var(--color-gray-200);
}

.fb-color {
    color: #3b5998
}

.fb-messenger-color {
    color: #00B2FF
}

.tw-color,.threads-color {
    color: #000
}

.viber-color {
    color: #8176d6
}

.whatsapp-color {
    color: #25D366
}

/* ==========================================================================
   BEST ON BOTTOM
   ========================================================================== */

.filtered-trans {
  filter: invert(17%) sepia(11%) saturate(161%)
      hue-rotate(17deg) brightness(151%)
      contrast(91%);
}

.top-3-sportsbooks-section {
  margin:2.8rem 0;
}

.top-3-sportsbooks-container {
  display: flex;
  align-items: baseline;
  gap: 1.17rem;
  margin-top:2.8rem;
}

.top-3-sportsbook-item {
  flex:1;
  min-width:250px;
  position:relative;
  top:.85rem;
}

.top-3-sportsbooks-container > :nth-child(2) {
  top:0;
  padding-bottom:1.7rem;
}

.top-3-sportsbook__empty-space {
  height:95px;
}

.top-3-sportsbook__logo-container {
  width: 103px;
  height: 103px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  top: -60px;
  margin-bottom:-60px;
}

.top-3-sportsbook__content {
  padding:1.6rem;
  display:flex;
  flex-direction: column;
  align-items:center;
  gap:3.1rem;
}

.top-3-sportsbook__content .top-3-sportsbook__title {
  font-size: 0.98256rem;
  line-height: 1.87031rem;
  margin-bottom:1.64rem;
}

.top-3-sportsbook__content ul{
  padding:0 2rem;
}

.top-3-sportsbook__content li, .top-3-sportsbook__content .kksr-legend, .top-3-sportsbook__content .cta-button {
  font-size: .83125rem;
  font-weight: 700;
  line-height: 1.143rem;
}

.top-3-sportsbook__content .cta-button {
  padding:.62rem 1.4rem;
}

/* ==========================================================================
   SPORTSBOOK REVIEW TEMPLATE
   ========================================================================== */

.sportsbook-header-content {
  background-color: var(--color-bg-secondary);
  padding:1.9rem 2.25rem;
}

.sportsbook-header-content {
  margin-bottom:.5rem;
}

.sportsbook-topinfo {
  padding:1.5rem;
}

.sportsbook-topinfo__title {
  text-align:center;
  margin-bottom:1.25rem;
  padding-bottom:1.25rem;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: .033rem;
  min-height:3.85rem;
}

.sportsbook-topinfo ul li {
  font-size:.93rem;
  margin-bottom:1.56rem;
}

.sportsbook-topinfo small {
  margin-top:1rem;
  color:var(--color-gray-500);
}

.sportsbook-pros-cons h4 {
  margin-bottom:1.9rem;
  letter-spacing: .033rem;
}

.sportsbook-pros-cons ul li, .extra-services ul li {
  font-size: .875rem;
  line-height: 1.25rem;
  border-bottom:1px solid var(--color-border-light);
}

.sportsbook-pros-cons ul li {
  margin-bottom:1.25rem;
  padding-bottom:1.25rem;
}

.supported-sports {
  font-size:.937rem;
  line-height: 1.8rem;
}

.deposit-methods .flex.gap-sm {
  margin-top:2.2rem
}

.halflist {
  margin:2.2rem 0;
  max-width:375px;
}

div[data-section] h4 {
  margin-bottom: .75rem;
}

.table-wrapper-bordered {
  border: 1px solid var(--color-border-light);
  padding:1rem;
  display:inline-block;
}

.outer-bordered td {
  font-size: .9375rem;
  line-height: 1.25rem;
  font-weight: 300;
  padding:.94rem 1rem;
}

.outer-bordered tr:not(:last-child) td {
  border-bottom:1px solid var(--color-border-light);
}

.outer-bordered td:first-child{
  border-right:1px solid var(--color-border-light);
  font-weight: 500;
  padding-left:0;
}

.one-row-table td {
  padding:.94rem .5rem;
  border-right:0!important;
  vertical-align: top;
}

/* ==========================================================================
   KK STARS
   ========================================================================== */
.kk-star-ratings {
  display: flex;
  align-items: center;
  flex-direction:column;
  gap:.75rem;
}

.kk-star-ratings.kksr-valign-top {
  margin-bottom: 2rem;
}
.kk-star-ratings.kksr-valign-bottom {
  margin-top: 2rem;
}
.kk-star-ratings.kksr-align-left {
  justify-content: flex-start;
}
.kk-star-ratings.kksr-align-center {
  justify-content: center;
}
.kk-star-ratings.kksr-align-right {
  justify-content: flex-end;
}
.kk-star-ratings .kksr-muted {
  opacity: 0.5;
}
.kk-star-ratings .kksr-stars {
  position: relative;
}
.kk-star-ratings .kksr-stars .kksr-stars-active,
.kk-star-ratings .kksr-stars .kksr-stars-inactive {
  display: flex;
}
.kk-star-ratings .kksr-stars .kksr-stars-active {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.kk-star-ratings .kksr-stars .kksr-star {
  cursor: pointer;
  padding-right: 5px;
}

.kk-star-ratings .kksr-stars .kksr-star:last-child {
  padding-right:0;
}

.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star {
  cursor: default;
}

.kk-star-ratings .kksr-stars .kksr-star .kksr-icon {
  transition: 0.3s all;
}
.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active {
  width: 0 !important;
}

.kk-star-ratings .kksr-legend {
  font-size: .937rem!important;
  font-weight: 300;
  line-height: 1.5rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon {
  background-image:url("//static.betmarket.gr/uploads/stars/active.svg?3")
}

.kk-star-ratings .kksr-stars .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover ~ .kksr-star .kksr-icon {
  background-image:url("//static.betmarket.gr/uploads/stars/inactive.svg?3")
}

.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon, .kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon {
  background-image:url("//static.betmarket.gr/uploads/stars/selected.svg?3")
}

/* ==========================================================================
   CUSTOM MEDIA
   ========================================================================== */
.custom-media {
  display:block;
  padding:1.5rem;
  margin-bottom:1.56rem;
}

.custom-media-content {
  display:flex;
  flex-direction: column;
  gap:1.65rem;
  position: relative;
}

.custom-media-content:before {
  content: '';
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  opacity: .1;
}

.media-text {
  color: #FFF;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 2.125rem;
  text-transform: uppercase;
  flex:2;
  max-width: 400px;
  text-align:left;
}

.media-content-flex {
  display: flex;
  justify-content: space-between;
  z-index: 1;
  gap:1rem;
}

.media-meta {
  display:flex;
  flex:1;
  gap:.9rem;
  align-items: end;
  justify-content: end;
}

.media-button {
  border-color:transparent;
  padding:.9rem 1.86rem;
  font-size: .96313rem;
  font-weight: 700;
  line-height: 1.04469rem;
}

.media-meta--age-restriction {
  color: #FFF;
  font-size: 1.37594rem;
  font-weight: 500;
  line-height: 2.33906rem;
}

.custom-media .rypoi {
  position: absolute;
  bottom: .3rem;
  right: 1.5rem;
  color:#fff
}

/* ==========================================================================
   OFFERS TABLE
   ========================================================================== */
.offers-table-container {
  margin-bottom:2.81rem;
}

.offers-table__item {
  padding:.81rem .94rem;
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border-light);
  display:flex;
  justify-content: space-between;
  max-block-size: calc(3lh + 1.62rem);
}

.offer-table__featured {
  border:2px solid var(--color-brand-orange);
  max-block-size: initial;
  flex-basis: 118px;
}

.offers-table__info, .offers-table__promodetails {
  display:flex;
  align-items: center;
  gap:.88rem;
}

.offers-table__image {
  flex-basis: 100px;
  flex-shrink:0;
  height:70px;
}

.offers-table__promotext {
  flex-basis:250px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.625rem;
  color: var(--color-text-primary);
  margin:0;
}

.offer-table__featured .offers-table__promotext {
  font-size:1.25rem;
  font-weight: 800;
  flex-basis:295px;
}

.offers-table__promocode{
  color: #999;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem; /* 128.571% */
  text-transform: uppercase;
}

.offers-table__ctas {
  flex-basis: 160px;
  text-align:right;
  align-self:center;
  display: flex;
  flex-direction: column;
  gap:.44rem;
}

.offers-table__ctas .cta-button {
  width: 100%;
  font-size:1rem;
  padding:.75rem 1.56rem;
}

.offers-table__ctas .rypoi {
  font-size:.5625rem;
  line-height: .8125rem;
  color:#999;
}

/* ==========================================================================
   CHECKBOXES AND FILTERS
   ========================================================================== */
  .filter-mob-btn, .filter-mob-title {
    display:none;
  }
  .filter-options-results {
    gap:4.31rem;
  }
  .filter-container {
    flex:1;
    max-width:220px;
  }
  .filter-sportsbooks .offers-table__item {
    max-block-size: none;
  }
  .sportsbook-filter__head {
    padding-bottom:1rem;
    margin-bottom:1.88rem;
    border-bottom: 1px solid var(--color-border-light);
  }
  .filter-section {
    margin-bottom:2.38rem;
  }

  .custom-checkbox,
  .custom-radio {
    position: relative;
    font-size: .875rem;
    line-height: 1.125rem;
    user-select: none;
    cursor: pointer;
    color: #999;
  }
  .custom-checkbox .checkmark,
  .custom-radio .radiomark {
    left: 0;
    height: 12px;
    width: 12px;
    background-color: transparent;
    position: absolute;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .grid-2-3 {
    grid-template-columns: 1.2fr 2.8fr;
    padding-top: 25px;
  }
  .post .filter-container h2 {
    margin: 5px 0 40px;
  }
  .filter-container h4{
    font-size: 1rem;
    line-height: 2.25rem
  }
  .filter-section ul {
    padding: 0;
  }
  .filter-section ul li {
    margin-bottom: .75rem;
  }
  .filter-section ul li *{
    margin: 0;
  }
  .custom-checkbox {
    padding-left: 22px;
  }
  .custom-checkbox input,
  .custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  .custom-checkbox .checkmark {
    top: 3px;
    border: 2px solid #D0D0D0;
  }
  .custom-checkbox input:checked ~ .checkmark,
  .custom-checkbox:hover .checkmark,
  .custom-radio input:checked ~ .radiomark,
  .custom-radio:hover .radiomark {
    background-color: #F15A24;
    border-color: #F15A24;
  }
  .custom-checkbox .checkmark:after {
    font-family: "FontAwesome";
    font-family: "Font Awesome Kit";
    content: "\e000";
    font-size: 5px;
    color: var(--color-bg-secondary);
    line-height: 1;
  }
  .custom-checkbox input:checked ~ .checkmark:after,
  .custom-radio input:checked ~ .radiomark:after {
    display: block;
  }
  .custom-radio {
    padding-left: 22px;
    margin: 0;
  }
  .custom-radio .radiomark {
    top: 3px;
    border: 2px solid #D0D0D0;
  }

  .custom-radio .radiomark:after {
    content: "";
    position: absolute;
    display: none;
    top: 1px;
    left: 1px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
  }

  .sportsbook-filter__head .filters-inline div {
    border-radius:6px;
    border: 1px solid var(--color-border-light);
    padding: .37rem .62rem;
    cursor: pointer;
    font-size: .62438rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .01875rem;
    color:#c1a39b
  }

  .sportsbook-filter__head .filters-inline div.active,
  .sportsbook-filter__head .filters-inline div:hover {
    background: var(--color-brand-black);
    border-color: var(--color-brand-black);
  }
  .filter-content .filters-inline div {
    border-radius:6px;
    border: 1px solid #C0C0C0;
    padding: .5rem;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    color:#999
  }
  .filters-inline div.active,
  .filters-inline div:hover {
    background: var(--color-brand-orange);
    border-color: var(--color-brand-orange);
    color: #fff;
  }
  .filter-results {
    flex:2;
    min-width:300px;
  }

  .filter-container .filter-buttons-target {
    margin-top:1.56rem;
  }
  .filter-container .filter-buttons-target a {
    margin: 0;
    flex-basis: 100%;
    font-weight: 700;
  }
  .filter-buttons-target a.button-black {
    background: #fff;
    color: #181818;
  }

  /* Smooth filter animations for sportsbooks */
  .filter-sportsbooks a {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
  }


.offers-table__item {
  opacity: 1;
  transform: translateY(0);
  max-height: 200px;
  overflow: hidden;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
}

/* Hidden state: we add this class via JS when the filter hides the item */
.offers-table__item.hidden {
  opacity: 0;
  transform: translateY(10px);
  transition-delay: 0ms;
}

  @media (hover: none) {
    .custom-checkbox:hover .checkmark,
    .custom-radio:hover .radiomark,
    .filters-inline div:not(.active):hover {
        background-color: transparent;
        color: inherit;
    }
  }

  /* Ensure smooth transitions on mobile */
  @media (max-width: 768px) {
    .filter-sportsbooks a {
        transition-duration: 0.2s;
    }
  }

  /* ==========================================================================
   FAQ
   ========================================================================== */

  .faq-item {
    padding:1.56rem 1.38rem;
    margin-bottom:.5rem;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-gray-200);
  }

  .faq-item:last-child, .faq-content p:last-child {
    margin-bottom:0;
  }

  .faq-title {
      color:var(--color-text-primary);
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 700;
      line-height: 1.375rem;
      text-transform: uppercase;
  }

  .faq-summary::-webkit-details-marker {
    display: none;
  }

  .faq-summary, .table--odds-multiply-options_cell {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 1rem;
  }

  .faq-summary {
    cursor: pointer;
  }

  .faq-sign::before {
    font-family: "Font Awesome 7 Pro";
    content: "\f078";
    color:var(--color-brand-orange);
    font-size: 20px;
    line-height: 1;
  }
  .faq-item[open] .faq-sign::before {
    content: "\f077";
  }

  /* Answer */
  .faq-content {
    border-top: 1px solid #bfbfbf;
    margin-top: 1.25rem;
    padding: 1.25rem 0;
    font-size: .84375rem;
  }

  /* ==========================================================================
   SINGLE MATCH TIP
   ========================================================================== */

   .single-match-tip-container {
      background:var(--color-bg-secondary);
      margin-bottom:1.56rem;
   }

   .single-match-tip-match-container {
      background:url('https://static.betmarket.gr/uploads/static/single-match-background-football.webp') no-repeat center / cover;
      color:#fff;
      text-align: center;
      border:2px solid var(--color-brand-orange);
    }

    .single-match-tip__content {
      min-height:350px;
      display: flex;
      justify-content: center;
      padding:3.5rem 2rem;
    }

    .single-match-tip__team {
      display:flex;
      flex-direction: column;
      align-items:center;
      gap:2rem;
      width:160px;
    }

    .single-match-tip__league {
      font-size: 1.37138rem;
      line-height: 179%; /* 2.63375rem */
    }

    .single-match-top__date {
      font-size: 5.05863rem;
      line-height: 96%; /* 7.73631rem */
    }

    .single-match-tip__team-name {
      font-size: 1.32688rem;
      font-weight: 700;
      line-height: 96%; /* 1.65775rem */
      text-transform: uppercase;
      width:100%;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .single-match-tip__tipinfo, .single-match-tip__stats {
      display: flex;
      justify-content: center;
      align-items:center;
      gap: 1.27rem;
      padding: 1rem;
    }

    .single-match-tip__tipinfo span, .single-match-tip__stats span {
      font-size: 0.921rem;
      font-weight: 600;
      line-height: normal;
    }

    .single-match-tip__tipinfo img {
      max-height:18px;
    }

    .single-match-tip__tipinfo:hover {
      color:inherit
    }

    .single-match-tip__stats {
      background: var(--color-brand-orange);
    }

    .votes-container {
      display:flex;
      place-content: center;
      gap:2.7rem;
      padding:1.56rem;
    }

    .votes-button .cta-button{
      padding:.62rem;
      width:225px;
      transition: font-weight .3s ease;
    }
    .votes-button .cta-button i {
      transition: transform .3s ease;
    }

    .votes-button .cta-button:hover {
      font-weight: 800;
    }

    .vote-up .cta-button:hover .fa {
      transform: rotate(-21.698deg);
    }

    .vote-down .cta-button:hover .fa {
      transform: rotate(21.698deg);
    }

  /* ==========================================================================
   TIPSTERS SUGGESTS
   ========================================================================== */

    .tipster-suggests-container, .tipster-suggests__info {
      display:flex;
      flex-direction: column;
      gap:1.38rem;
    }

    .tipster-suggests-container {
      background: url('//static.betmarket.gr/uploads/site-logo/svg/patterns/tipster-suggests-back.svg?test')  no-repeat right center / cover;
      padding:1.38rem;
      margin-bottom:1.56rem;
      position:relative;
    }

    .tipster-suggests__text {
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 1.75rem; /* 156.385% */
    }

    .tipster-suggests__content {
      display:flex;
      justify-content: space-between;
      align-items: flex-end;
      gap:2rem;
      width:82.2%;
      z-index: 2;
    }

    .tipster-suggests__image-container {
      position: absolute;
      bottom: 0px;
      right: 4px;
      clip-path: polygon(0 0, 118% 0, 83% 100%, 0% 100%);
    }

  /* ==========================================================================
   TABLE SPORTSBOOK LISTINGS
   ========================================================================== */
   .table-sportsbook-listings thead tr{
      background: var(--color-brand-black);
   }
   .table-sportsbook-listings td {
      padding: 3.6rem 1.4rem;
   }

   .table-sportsbook-listings tbody tr {
      border-bottom:11px solid var(--color-brand-white);
   }

   td.sportsbook-listings__company {
      padding-left:2.7rem;
   }

   .sportsbook-listings__content {
      padding-right:1.3rem;
   }

   .table-sportsbook-listings li {
      color:var(--color-brand-white);
      font-size: .875rem;
      font-weight: 400;
      line-height: 1.09413rem;
   }

   @media (max-width: 767px) {
      .table-sportsbook-listings td > div {
         padding: 1.25rem 1.06rem
      }

      .sportsbook-listings__content {
        gap:1.69rem;
      }
   }

  /* ==========================================================================
   TV SCHEDULE TABLE & PROGRAMMA AGONON
   ========================================================================== */

   .table-search-cell {
      padding:0;
    }

    .table-search-row-container {
      display: flex;
    }

    .table-search-icon {
      flex-basis: 90px;
      padding:0;
    }

    .table-search-form {
      text-align:left;
      padding:0 0 0 6rem;
      align-content:center;
    }

    .table-search-icon .cta-button {
      padding:1.45rem;
      text-align: left;
      width:100%;
    }

    .table-search-form input[type="search"] {
      font-size: .78325rem;
      color: rgba(255, 255, 255, 0.72);
      line-height: normal;
      min-width: 200px;
    }

    .table-search-form input[type="search"]::placeholder {
      font-size: .78325rem;
      color: inherit
    }

    .table-tv-schedule td:not(:first-child) {
      font-size: .72731rem;
    }

    .table-tv-schedule .table-meta {
      font-size: .78325rem;
      font-weight: 600;
    }

    .tv-schedule__league .flag-w-text {
      max-width: 55px;
      margin-left:-.94rem;
    }

  @media (max-width: 649px) { 

    .tv-schedule__league .table-meta {
      margin-bottom:.78rem;
      font-size: inherit;
    }
    .table-tv-schedule td.tv-schedule__league {
      font-size:.607rem;
      padding-right: 0;
    }
    .tv-schedule__league .flag-w-text {
      flex-direction: row;
      margin:0;
      gap:.5rem;
      max-width: none;
      text-align: left;
    }

    .tv-schedule__teams {
      width:100%;
    }

    .tv-schedule__teams-container {
      display:flex;
      flex-direction: column;
    }
    .tv-match-separator {
      display:none;
    }
    .tv-schedule__channel {
      max-width:110px;
      padding-right: .85rem!important;
    }
    .table-search-form {
      padding-left:0;
      text-align: center;
    }
    .table-search-icon {
      flex-basis: 63px;
    }
}

/* ==========================================================================
   LEAGUES LIST
   ========================================================================== */
.leagues-list-item {
  display:flex;
  align-items: center;
  padding: .5rem 1.25rem;
  border: 1px solid var(--color-border-light);
  font-size: 0.94rem;
  font-weight: 700;
}

/* ==========================================================================
  STORIES MODAL
  ========================================================================== */

.story {
    flex: 0 0 90px;
    height: 90px;
    padding: 4px;
    border: 4px solid #2aa824;
    border-radius: 50%;
}

.story img {
    border-radius: 50%;
    object-fit: none;
    width:100%;
    height: 100%;
}

/* Stories Modal CSS - Full screen with black background */

.modal-open .overlayBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    z-index: 999;
    background: linear-gradient(180deg, rgba(54, 54, 54, 0.00) 0%, #000 38.46%, #000 60.58%, rgba(102, 102, 102, 0.00) 200%);
    opacity: 0.71;
}

/* Desktop: Prevent body scrolling when modal is open */
body.modal-open {
    overflow: hidden;
}

.modal-open .stories-full-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    padding:18px 10px 10px;
    background-color: #FAEDE0;
    border:4px solid #F15A24
}

/* Modal container - full screen overlay */
.modal-outer-container {
    width: 395px;
    height: 700px;  
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #2b2b2b;
}

.modal-inner-wrapper {
  height:95%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 20px;
  box-sizing: border-box;
}

/* Loading bar container */
.loading-bar-container {
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
    z-index: 10001;
}

.loading-bar-back {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.loading-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2%;
    background-color: #F15A24;
    transition: none;
}

/* Navigation arrows container */
.modal-arrows-and-content-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    max-width: 1200px;

}

.scroll-button-left-large, .scroll-button-right-large, .x-button {
    position: absolute;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    user-select: none;
    border:0;
    background-color: #FEFCED;
    color: #F15A24;
    width: 40px;
    height: 40px;
}

/* X button */
.x-button {
    top: -24px;
    right: -200px;
    font-size: 24px;
}

.x-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}


/* Left and right navigation buttons */
.scroll-button-left-large,
.scroll-button-right-large {
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.scroll-button-left-large {
    left: -80px;
}

.scroll-button-right-large {
    right: -80px;
}

.scroll-button-left-large:hover,
.scroll-button-right-large:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Modal content container */
.modal-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    width: 100%;
    z-index: 10000;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.modal-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.modal-content {
    font-size: 1.2rem;
    margin-bottom: 30px;
    line-height: 1.5;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}

/* Button styling */
.modal-content-container .button {
    max-width: 300px;
    display: inline-block;
    padding: .57rem 1.18rem;
    background-color: #F15A24;
    color: white;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.modal-content-container .button:hover {
    background-color: #e55a2b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}

/* Utility classes */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide elements on touch devices (handled by JS) */
@media (pointer: coarse) {
    .scroll-button-left-large,
    .scroll-button-right-large {
        display: none;
    }
}

@media (hover: none) and (pointer: coarse) {
    .hover-orange:hover,
    a:hover {
        /* disable hover visual changes */
        color:inherit !important;
        background: inherit !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

/* ==========================================================================
   TOOLTIP
   ========================================================================== */
/* disable CSS pseudo-tooltips */
.has-tooltip::before,
.has-tooltip::after {
  content: none !important;
}

.global-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(-9999px, -9999px);

  background: var(--color-bg-inverse);
  color: var(--color-bg-primary);
  padding: 6px 10px;
  border-radius: 4px;

  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;

  max-width: min(220px, 90vw);
  min-width: 10ch;
  white-space: normal;
  overflow-wrap: break-word;

  pointer-events: none;
  z-index: 999999;

  opacity: 0;
  transition: opacity 120ms ease;
}

.global-tooltip.is-visible {
  opacity: 1;
}

/* optional arrow */
.global-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: var(--arrow-x, 50%);
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: var(--color-bg-inverse) transparent transparent transparent;
}