:root{
    --blm-bg:#141414;
    --blm-card:#1B1B1B;
    --blm-border:#303030;
    --blm-accent:#FF5100;
    --blm-text:#F5F5F5;
    --blm-muted:#A0A0A0;
}

.blm-standings-tabs{
	display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 15px 0;
}

.blm-tab{
    display:flex;
    align-items:center;
    gap:10px;
    background:#1F1F1F;
    color:#fff;
    border:1px solid #292929;
    border-radius:6px;
    padding:10px 18px;
    cursor:pointer;
    transition:.2s;
}

.blm-tab:hover{
    border-color:var(--blm-accent);
}

.blm-tab.active{
    border-color:var(--blm-accent);
    background:#101010;
}

.blm-tab-logo{
    width: 150px;
    object-fit: contain;
    max-height: 75px;
}

.blm-standings-card{
    background:var(--blm-card);
    border-radius:10px;
    overflow:hidden;
	padding: 30px;
}

.blm-standings-header-in {
	display: flex;
    gap: 15px;
}

.blm-standings-header h2{
    margin:0;
    font-size:28px;
    color:#fff;
    font-weight:500;
}

.blm-standings-table{
    width:100%;
    border-collapse:collapse;
}

.blm-standings-table thead th{
    color:var(--blm-accent);
    font-size:13px;
    font-weight:700;
    padding:14px;
    border-bottom:2px solid #5a5a5a;
    text-align:left;
}

.blm-standings-table td{
    padding:14px;
    color:var(--blm-text);
    border-bottom:1px solid #2A2A2A;
    font-size:14px;
}

.blm-standings-table tbody tr:hover{
    background:#222;
}

.blm-standings-table .blm-team{
    display:flex;
    align-items:center;
    justify-content: start;
    gap:10px;
}

.blm-standings-table .blm-team img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.club{
    width:45%;
}

.blm-standings-table td:first-child{
    width:40px;
    font-weight:700;
}

.blm-playin-start td{
    border-top:2px dashed #FF5100 !important;
}

.blm-eliminated-start td{
    border-top:2px solid #FF5100 !important;
}

.blm-standings-header{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--blm-border);
    justify-content: space-between;
    padding-bottom: 30px;
}

#blm-season {
	background: transparent;
	border: none;
	font-size: 18px;
	color: white;
}

.blm-header-logo{
    max-width: 150px;
    max-height: 90px;
    flex-shrink: 0;
    height: 90px;
    object-fit: contain;
}

.blm-header-text{
    display:flex;
    flex-direction:column;
}

.blm-header-text h2{
    margin:0;
    color:#fff;
    font-size:22px;
    line-height:1.2;
}

.blm-header-text p{
    margin:4px 0 0;
    color:#bbb;
    font-size:14px;
}

.blm-no-standings{
    padding:40px;
    text-align:center;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:10px;
}

.blm-no-standings p{
    margin:0;
    color:#666;
    font-size:15px;
}

.blm-standings-card.is-loading .blm-standings-header{
    opacity:.5;
    transition:opacity .15s ease;
}

.blm-skeleton-row td{
    padding:14px;
    border-bottom:1px solid #2A2A2A;
}

.blm-skeleton-line{
    height:14px;
    border-radius:4px;

    background:linear-gradient(
        90deg,
        #262626 25%,
        #333333 37%,
        #262626 63%
    );

    background-size:400% 100%;

    animation:blm-shimmer 1.4s ease infinite;
}

.blm-skeleton-line.blm-skeleton-avatar{
    width:22px;
    height:22px;
    border-radius:50%;
    flex-shrink:0;
}

.blm-skeleton-line.blm-skeleton-name{
    width:70%;
}

.blm-skeleton-line.blm-skeleton-short{
    width:60%;
}

.blm-season {
	background: transparent;
    border: none;
    color: white;
    font-size: 18px;
}

.blm-header-text {
	display: none;
}

.tabs .tab-btn.active::after {
	content: "";
    display: block;
    width: 250%;
    border-bottom: 2px solid transparent;
	position: absolute;
	margin-top: 10px;
}

.tabs .tab-btn:nth-child(1).active::after {
    border-image: linear-gradient(
        90deg,
        var(--main-color),
       	#ff51004f,
        rgba(0, 0, 0, 0)
    );
    border-image-slice: 1;
	left: 0;
}

.tabs .tab-btn:nth-child(2).active::after {
    border-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0),
       	#ff51004f,
		var(--main-color),
		#ff51004f,
        rgba(0, 0, 0, 0)
    );
    border-image-slice: 1;
	margin: 10px -50%;
	width: 200%;
}

.tabs .tab-btn:nth-child(3).active::after {
    border-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0),        
       	#ff51004f,
		var(--main-color)
    );
    border-image-slice: 1;
	right: 0;
}

@keyframes blm-shimmer{
    0%{
        background-position:100% 50%;
    }
    100%{
        background-position:0 50%;
    }
}

@media(max-width:768px){

    .blm-tab{
        width: 48%;
        justify-content: center;
        height: 90px;
    }

	.blm-tab-logo {
	    width: 120px;
	    object-fit: contain;
	    max-height: 60px;
	}

    /* .blm-standings-card{
        overflow-x:auto;
    }
 */
    .blm-standings-table{
        min-width:720px;
    }

	.blm-standings-table-out {
		overflow-x: auto;
	}

	.blm-season-selector {
		display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	#blm-season {
		font-size: 16px;
	}

	.blm-header-logo {
	    max-width: 120px;
	    max-height: 60px;
	    height: 60px;
	}

}
/* Group headings live inside tbody so theme rules hiding thead cannot hide them. */
.blm-standings-instance .blm-group-heading th { background:#303030; color:#fff; padding:16px 14px; font-size:17px; text-align:left; border-left:3px solid #ff5100; }
.blm-standings-instance .blm-group-columns th { color:#ff7c3f; padding:12px 14px; font-size:12px; text-align:left; white-space:nowrap; border-bottom:1px solid #555; }
.blm-standings-instance .blm-standings-table td { font-size:14px; line-height:1.5; }
.blm-standings-instance .blm-standings-table td:not(.club) { white-space:nowrap; }
.blm-standings-instance .blm-standings-table .blm-team { margin-bottom:0; }
.blm-standings-instance .blm-standings-table-out { overflow-x:auto; }
.blm-standings-instance .blm-standings-table { min-width:760px; }
.blm-standings-instance select option { background:#1b1b1b; color:#fff; }
@media(max-width:768px) { .blm-standings-instance .blm-standings-card { padding:16px; } }

/* Per-instance group dropdown; hidden rows stay hidden despite theme table rules. */
.blm-standings-instance .blm-group-selector { margin:0 0 20px; }
.blm-standings-instance .blm-group-selector[hidden],
.blm-standings-instance .blm-standings-table tr[hidden] { display:none !important; }
.blm-standings-instance .blm-group-selector label { display:flex; flex-direction:column; gap:8px; color:#bbb; font-size:12px; }
.blm-standings-instance .blm-group-select { display:block; width:100%; max-width:440px; min-height:44px; padding:10px 36px 10px 14px; border:1px solid #555; border-radius:6px; background-color:#252525; color:#fff; font:inherit; font-size:15px; cursor:pointer; appearance:auto; }
.blm-standings-instance .blm-group-select:focus-visible { outline:2px solid #ff5100; outline-offset:2px; }
.blm-standings-instance .blm-group-select:disabled { opacity:.5; cursor:wait; }

/* Shared custom select styling: group left, season right, one row at all widths. */
.blm-standings-instance .blm-standings-controls { display:flex; align-items:flex-end; flex-wrap:nowrap; gap:16px; margin-bottom:22px; }
.blm-standings-instance .blm-standings-controls .blm-group-selector { flex:1 1 0; min-width:0; margin:0; }
.blm-standings-instance .blm-standings-controls .blm-season-selector { flex:0 0 180px; min-width:0; margin-left:auto; display:flex; flex-direction:column; align-items:stretch; gap:8px; }
.blm-standings-instance .blm-standings-controls label { margin:0; color:#b8b8b8; font-size:12px; font-weight:500; line-height:1.4; }
.blm-standings-instance .blm-standings-controls :is(select, #blm-season) { -webkit-appearance:none; appearance:none; box-sizing:border-box; display:block; width:100%; max-width:none; min-width:0; height:46px; min-height:46px; margin:0; padding:10px 40px 10px 14px; border:1px solid #4a4a4a; border-radius:7px; background-color:#252525; color:#f5f5f5; font-family:inherit; font-size:14px; font-weight:500; line-height:1.4; text-overflow:ellipsis; cursor:pointer; box-shadow:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23ff6a20' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; background-size:16px; transition:border-color .15s,background-color .15s; color-scheme:dark; }
.blm-standings-instance .blm-standings-controls :is(select, #blm-season):hover { border-color:#ff6a20; background-color:#2c2c2c; }
.blm-standings-instance .blm-standings-controls :is(select, #blm-season):focus-visible { outline:2px solid #ff5100; outline-offset:2px; border-color:#ff5100; }
.blm-standings-instance .blm-standings-controls :is(select, #blm-season):disabled { cursor:wait; opacity:.5; }
.blm-standings-instance .blm-standings-controls :is(select, #blm-season) option { color:#f5f5f5; background:#252525; }
@media(max-width:600px) {
 .blm-standings-instance .blm-standings-controls { gap:10px; }
 .blm-standings-instance .blm-standings-controls .blm-season-selector { flex-basis:132px; }
 .blm-standings-instance .blm-standings-controls :is(select, #blm-season) { font-size:13px; padding-left:10px; padding-right:30px; background-position:right 9px center; }
}