/**
 * Flat interaction profile — enabled via theme JSON: "interaction": { "flat": true }
 * Used by virginbet-style themes (including livescorebet via extends).
 */

html[data-theme-interactions="flat"] * {
  transition: none !important;
}

html[data-theme-interactions="flat"] *:hover {
  transform: none !important;
}

html[data-theme-interactions="flat"] .lottery-container.has-swiper .swiper-nav.is-visible,
html[data-theme-interactions="flat"] .lottery-container.has-swiper:hover .swiper-nav.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
}

html[data-theme-interactions="flat"] .cart-icon:hover,
html[data-theme-interactions="flat"] .market-card:hover,
html[data-theme-interactions="flat"] .rule-card:hover,
html[data-theme-interactions="flat"] .draw-card.vertical:hover,
html[data-theme-interactions="flat"] .draw-card.horizontal:hover,
html[data-theme-interactions="flat"] .favorite-btn-inline:hover {
  transform: none !important;
  box-shadow: none !important;
  background: inherit !important;
}

html[data-theme-interactions="flat"] .desktop-betting-action-btn-hero:hover,
html[data-theme-interactions="flat"] .mobile-betting-action-btn-hero:hover {
  filter: none !important;
}

html[data-theme-interactions="flat"] .desktop-betting-action-btn-hero,
html[data-theme-interactions="flat"] .mobile-betting-action-btn-hero {
  box-shadow: none !important;
}

html[data-theme-interactions="flat"] .desktop-betting-action-btn-hero:hover:not(:disabled),
html[data-theme-interactions="flat"] .mobile-betting-action-btn-hero:hover:not(:disabled) {
  background: var(--colour-orange-button) !important;
  color: var(--colour-icons) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme-interactions="flat"] .add-to-betslip:hover:not(:disabled) {
  background: var(--colour-green-button) !important;
  color: var(--colour-icons) !important;
}

html[data-theme-interactions="flat"] .desktop-add-to-betslip-btn:hover:not(:disabled) {
  background: var(--colour-orange-button) !important;
  color: var(--colour-icons) !important;
  border-color: var(--colour-orange-button) !important;
}

html[data-theme-interactions="flat"] .mobile-add-to-betslip-btn:hover:not(:disabled) {
  background: var(--colour-orange-button) !important;
  color: var(--colour-icons) !important;
  border-color: var(--colour-orange-button) !important;
}

html[data-theme-interactions="flat"] .login-link:hover,
html[data-theme-interactions="flat"] .close-button:hover,
html[data-theme-interactions="flat"] .close-button-bottom:hover,
html[data-theme-interactions="flat"] .footer-rebet-button:hover,
html[data-theme-interactions="flat"] .details-icon-button:hover,
html[data-theme-interactions="flat"] .remove-line:hover,
html[data-theme-interactions="flat"] .scroll-btn:hover {
  opacity: 1 !important;
}

html[data-theme-interactions="flat"] .remove-draw-btn {
  color: var(--colour-secondary-text-colour) !important;
  background: transparent !important;
}

html[data-theme-interactions="flat"] .draw-item.expired .remove-draw-btn {
  color: var(--colour-icons) !important;
}

html[data-theme-interactions="flat"] .remove-draw-btn:hover,
html[data-theme-interactions="flat"] .draw-item.expired .remove-draw-btn:hover {
  color: inherit !important;
  background: transparent !important;
  opacity: 1 !important;
}

html.theme-dark[data-theme-interactions="flat"],
html.theme-dark[data-theme-interactions="flat"] body,
body.theme-dark[data-theme-interactions="flat"] {
  --bg-primary: #111111;
  --bg-dark: #111111;
  --background: #111111;
  background-color: #111111;
  background: #111111;
}

html.theme-dark[data-theme-interactions="flat"] #app,
body.theme-dark[data-theme-interactions="flat"] #app,
html.theme-dark[data-theme-interactions="flat"] .app,
html.theme-dark[data-theme-interactions="flat"] .detail-view,
html.theme-dark[data-theme-interactions="flat"] .app-content {
  background-color: #111111;
  background: #111111;
}