.groups {display:none}

.w3-theme-l5 {color:#000 !important; background-color:#fff5f2 !important}
.w3-theme-l4 {color:#000 !important; background-color:#ffddd3 !important}
.w3-theme-l3 {color:#000 !important; background-color:#ffbca7 !important}
.w3-theme-l2 {color:#000 !important; background-color:#ff9a7b !important}
.w3-theme-l1 {color:#fff !important; background-color:#ff7850 !important}
.w3-theme-d1 {color:#fff !important; background-color:#ff4107 !important}
.w3-theme-d2 {color:#fff !important; background-color:#e93600 !important}
.w3-theme-d3 {color:#fff !important; background-color:#cb2f00 !important}
.w3-theme-d4 {color:#fff !important; background-color:#ae2900 !important}
.w3-theme-d5 {color:#fff !important; background-color:#912200 !important}
.w3-theme-light {color:#000 !important; background-color:#fff5f2 !important}
.w3-theme-dark {color:#fff !important; background-color:#912200 !important}
.w3-theme-action {color:#fff !important; background-color:#912200 !important}
.w3-theme {color:#fff !important; background-color:#ff5722 !important}
.w3-text-theme {color:#ff5722 !important}
.w3-border-theme {border-color:#ff5722 !important}
.w3-hover-theme:hover {color:#fff !important; background-color:#ff5722 !important}
.w3-hover-text-theme:hover {color:#ff5722 !important}
.w3-hover-border-theme:hover {border-color:#ff5722 !important}

div.scrollmenu {
	overflow: auto;
	white-space: nowrap;
	// margin: 0 7px 0 7px;
	padding: 0px 0 0px 0;
	scrollbar-color: #333 #333;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
div.scrollmenu::-webkit-scrollbar {
	display: none;
}
div.scrollmenu a {
	display: inline-block;
	// color: white;
	text-align: left;
	text-decoration: none;
}
div.scrollmenu a:hover {
	background-color: #777;
}

.own-blue {
	background-color: #ffe680;
}

.own-blue-1 {
	background-color: #efefef;
}

.own-black-border-bottom {
  border-bottom: 0.1rem solid #000000 !important;
}
.own-grey-border-bottom {
  border-bottom: 0.2rem solid #9e9e9e !important;
}
.own-black-border-top {
  border-top: 0.1rem solid #000000 !important;
}
.own-grey-border-top {
  border-top: 0.2rem solid #9e9e9e !important;
}

.ownCenter {
	width: 50vm;
	min-width: 300px;
	max-width: 700px;
	margin: auto;
}

.fa-chevron-right {
	transition: transform 0.2s ease-in-out;
}
.rotate-90 {
	transform: rotate(90deg);
}

.openGameBox {
	cursor: pointer;
	user-select: none; /* prevents text selection */
	-webkit-user-select: none;  /* Safari */
	-moz-user-select: none;     /* Firefox */
	-ms-user-select: none;      /* Internet Explorer/Edge */
}

.flag-tight {
  font-size: 2.1rem;
  line-height: 1;
}

/* Bright and pulsing for live matches */
.live-box {
	background-color: #e60000; /* vivid red */
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 8px rgba(255,255,255,0.9);
	animation: pulse 1.2s infinite alternate;
}
/* Muted and static for standby mode */
.live-box-off {
	background-color: #660000; /* darker red */
	color: #bbb;
	font-weight: bold;
	text-shadow: none;
	opacity: 0.7;
}
@keyframes pulse {
	from { opacity: 1; }
	to { opacity: 0.6; }
}
/* optional: ensure no other rule sets animation: none; with higher specificity */
h6.live-text {
	-webkit-animation: pulse 1.2s infinite alternate !important;
	animation: pulse 1.2s infinite alternate !important;
}

.live-badge {
   width: 71px;
   display: inline-flex;
   align-items: center;
   background-color: #e60000; /* strong red */
   color: #fff;
   font-weight: bold;
   border-radius: 8px;
   border: 1px solid #fff;
   padding: 2px 8px;
   text-shadow: 0 0 6px rgba(255,255,255,0.8);
   font-size: 0.9rem;
}
/* modifier version */
.live-badge--wide {
	width: 81px;
   padding: 2px 0px 2px 10px;
}
.live-badge--wide-extend {
	width: 91px;
   padding: 2px 0px 2px 10px;
}
.live-blink {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #fff;
   margin-right: 6px;
   animation: blink 1s infinite alternate;
}
.live-noblink {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #e60000;
   margin-right: 6px;
}
.live-nothing {
}
@keyframes blink {
   from { opacity: 1; }
   to { opacity: 0.2; }
}

/* standing styles */
.standing-box {
	margin: 0 0 1rem 0;
	padding: 0.2rem 0.1rem 0.5rem 0.1rem;
	border: 2px solid #ddd;
	border-radius: 10px;
}
.standing-advance {
	background: #d4edda; /* light green */
}
.standing-advance--lighter-green {
	background: #f1faf3; /* very light green */
}
.standing-advance-third {
	background: #fff9c4; /* light yellow */
	/* font-weight: bold; */
	animation: standing-pulseBg 2s infinite;
}
.standing-advance-line {
	height: 3px;
	background: #4caf50;
	margin: 4px 0 5px 0;
	border-radius: 3px;
	animation: standing-fadeIn 1s ease forwards;
}
/* 🟢 subtle glowing animation for 3rd-place advance line */
.standing-advance-line.glow {
	background: linear-gradient(90deg, #4caf50, #81c784, #4caf50);
	background-size: 200% 100%;
	animation: standing-glowMove 3s linear infinite, standing-fadeIn 1s ease forwards;
}
.standing-playoff-team {
	background: #fff9c4;   /* soft yellow */
}
.standing-playoff-team--lighter-yellow {		/* very light yellow */
	background: #fffdf0;
}
.standing-playoff-team--yellow {					/* light yellow */
	background-color: #fffde0;
}
.standing-team-row {
	padding: 0px 0px;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #ccc; /* tiny line */
}
.standing-team-row:last-child {
	border-bottom: none;
}
/* ✨ Animations */
@keyframes standing-fadeIn {
	from { opacity: 0; transform: scaleX(0.6); }
	to   { opacity: 1; transform: scaleX(1); }
}
@keyframes standing-glowMove {
	0% { background-position: 0% 50%; }
	100% { background-position: 200% 50%; }
}
@keyframes standing-pulseBg {
	0%, 100% { background-color: #fff9c4; }
	50% { background-color: #fff176; }
}