/* widget-theme.css
 * AWA Stats dark theme for api-sports.io widgets.
 * Applied when widget config has data-theme="false".
 * Colors match Minimals dark theme palette.
 */

:root {
  --background-color: #141A21;
  --background-color-header: #1C252E;
  --color-text: #FFFFFF;
  --color-text-header: #00A76F;
  --color-green: #22C55E;
  --color-red: #FF5630;
  --color-yellow: #FFAB00;
  --font: "Public Sans", sans-serif;
  --primary-font-size: 13px;
  --secondary-font-size: 11px;
  --header-font-size: 14px;
  --teams-logo-size: 24px;
  --flags-size: 18px;
  --primary-padding: 8px 12px;
  --border-bottom: 1px solid rgba(145, 158, 171, 0.16);
}

api-sports-widget {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 12px 24px -4px rgba(0, 0, 0, 0.12);
}

api-sports-widget ::-webkit-scrollbar {
  width: 6px;
}

api-sports-widget ::-webkit-scrollbar-track {
  background: #1C252E;
}

api-sports-widget ::-webkit-scrollbar-thumb {
  background: #454F5B;
  border-radius: 3px;
}
