/*
Theme Name: Sahifa Child Theme
Theme URI: https://okcuoc.com
Description: Removing defaut H1 tag from page, post
Author: Tiger
Author URI: https://okcuoc.com
Template: sahifa
Version: 1.0
*/
@import url("../sahifa/style.css");




/**
 * Fonts
 * -----------------------------------------------------------------------------
 */

@font-face {
	font-family: 'BebasNeueRegular';
	font-display: swap;
	src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
	src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
		 url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
		 url('fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Font Awesome */
@font-face {
  font-family: 'FontAwesome';
	font-display: swap;
  src:  url('fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
  src:  url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiefontello';
	font-display: swap;
  src: url('fonts/tiefont/fontello.eot');
  src: url('fonts/tiefont/fontello.eot?14434071#iefix') format('embedded-opentype'),
	   url('fonts/tiefont/fontello.woff') format('woff'),
	   url('fonts/tiefont/fontello.ttf') format('truetype'),
	   url('fonts/tiefont/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: 'tiefontello';
		font-display: swap;
		src: url('fonts/tiefont/fontello.svg') format('svg');
	}
}

/* ==================================================
   BXH DARK MODE – FINAL CLEAN (STABLE)
   ================================================== */


/* ==================================================
   1. BASE TABLE (DESKTOP DEFAULT)
   ================================================== */

.entry .bxh-dark .standings-table{
    width:100%;
    border-collapse:collapse;
    border-radius:10px;
    overflow:hidden;
    background:#14161a;
    color:#cfcfcf;
}

/* Header */
.entry .bxh-dark .standings-table thead th{
    background:#1c1f25;
    color:#e5e7eb;
    font-weight:600;
    text-align:left;
    padding:10px 8px;
	border:none !important;
    box-shadow:none !important;
}

.entry .bxh-dark .standings-table thead th:first-child{
    text-align:center;
}

/* Body row */
.entry .bxh-dark .standings-table tbody tr{
    background:#14161a;
	border-bottom:1px solid rgba(255,255,255,0.04);
	box-shadow:0 1px 0 rgba(255,255,255,0.04);
}

.entry .bxh-dark .standings-table tbody tr:nth-child(even){
    background:#16191f;
}

.entry .bxh-dark .standings-table td{
    padding:10px 8px;
    vertical-align:middle;
    border:none;
}


/* ==================================================
   2. RANK BOX
   ================================================== */

.entry .bxh-dark .rank-cell{
    text-align:center;
}

.entry .bxh-dark .rank-box{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    height:22px;
    font-size:12px;
    font-weight:600;
    border-radius:6px;
    line-height:1;
}

.rank-green{background:#1fbf75;color:#fff; box-shadow:0 0 8px rgba(31,191,117,0.35);}
.rank-yellow{background:#f5c26b;color:#222;}
.rank-red{background:#e57373;color:#fff;}
.rank-normal{background:#2a2e36;color:#cfd3da;}

.league-tabs .no-data p {
  margin: 0;              /* 👈 reset margin mặc định */
  padding: 12px 0;        /* tạo khoảng thở có kiểm soát */
  text-align: center;     /* hoặc left nếu mày thích */
  color: #9ca3af;
  font-size: 16px;
}

.league-tabs .ltd-results .no-data {
  margin-top: 48px;
}


/* ==================================================
   3. TEAM CELL (DESKTOP)
   ================================================== */

.entry .bxh-dark .team-cell{
    text-align:left;
}

.entry .match-row .ht {
  font-size: 11px;
  color: #aaa;
  margin-top: 2px;
}


.entry .bxh-dark .team-inline{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:14.5px;
	font-weight:600;         /* đậm hơn */
    color:#f9fafb;           /* sáng hơn */
}

.entry .bxh-dark .team-inline img{
    width:22px;
    height:22px;
    display:block;
}

/* Mobile-only elements (ẨN MẶC ĐỊNH) */
.entry .bxh-dark .team-top,
.entry .bxh-dark .team-name{
    display:none;
}


/* ==================================================
   4. WDL COLUMNS (DESKTOP DEFAULT)
   ================================================== */

/* Desktop: HIỆN Thắng / Hòa / Bại */
.entry .bxh-dark .wdl-desktop{
    display:table-cell;
}

/* Desktop: ẨN T-H-B */
.entry .bxh-dark .wdl-mobile{
    display:none;
}

/* Màu số */
.entry .bxh-dark .w{color:#1fbf75;}
.entry .bxh-dark .d{color:#9ca3af;}
.entry .bxh-dark .l{color:#ef4444;}

/* ==================================================
   5. LAST MATCHES (DESKTOP)
   ================================================== */

.entry .league-tabs .bxh-title {
  font-size: 18px;      /* mày chỉnh số này */
  line-height: 1.3;
  margin: 12px 0;
	font-weight: 600;
}


/* ===== KQ 4 TRẬN – FIX SIZE & KHOẢNG CÁCH ===== */
.entry .bxh-dark .last-matches{
    display:flex;
    gap:5px;                 /* tạo khoảng cách */
}

.entry .bxh-dark .last-matches span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    font-size:11px;
    font-weight:700;
    border-radius:4px;       /* bo góc đẹp */
    color:#fff;
}

.res-W{background:#1fbf75;}
.res-D{background:#9ca3af;}
.res-L{background:#ef4444;}


/* ==================================================
   6. LEGEND
   ================================================== */

/* Legend giải đấu */
.entry .standings-legend{
    margin-top:12px;
    font-size:13px;
    display:flex;
    align-items:center;
    color:#cfcfcf;
	gap:20px;
}

/* ===== LEGEND T H B BADGE ===== */
.entry .standings-legend .lg-box{
    border-radius:4px;      /* đồng bộ toàn bảng */
    font-size:11px;
    font-weight:700;
}

.entry .standings-legend > span{
    font-weight:600;        /* chữ đậm hơn */
    color:#010101;
    display:flex;
    align-items:center;
    gap:8px;                /* cách badge – chữ */
}

.lg-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
}

.lg-green{background:#1fbf75;}
.lg-yellow{background:#f5c26b;}
.lg-red{background:#e57373;}

/* Legend T H B */
.legend-wdl .lg-box{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:600;
    color:#fff;
}

/* ===== CỘT ĐIỂM – NỔI BẬT ===== */
.entry .bxh-dark .standings-table td.points{
    font-size:16px;          /* to hơn các cột khác (đang ~13–14px) */
    font-weight:700;
    color:#ffffff;           /* trắng rõ */
    text-align:center;
}

/* ===== chinh dropdownlist ===== */
/* WRAPPER */
.bxh-season-form{
    margin-bottom:14px;
    display:flex;
    align-items:center;
    gap:8px;
}

/* LABEL */
.bxh-season-label{
    font-size:15px;
    font-weight:700;
    color:#111827;
}


/* ===== SELECT – SVG CARET (TUNED FOR iOS) ===== */
.bxh-season-form select{
  -webkit-appearance:none;
  appearance:none;

  background:
    #0b1220
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'><path d='M5 7l5 5 5-5'/></svg>")
    no-repeat right 14px center;
  background-size:12px;

  padding:10px 40px 10px 14px; /* chừa chỗ caret */
  min-height:44px;            /* chuẩn iOS */
  font-size:15px;             /* tránh zoom + rõ chữ */
  font-weight:500;
  line-height:1.3;

  color:#ffffff;
  -webkit-text-fill-color:#ffffff; /* FIX chữ mờ iOS */

  border:1px solid #2a2e36;
  border-radius:8px;
}


/* FOCUS */
.bxh-season-form select:focus{
    outline:none;
    border-color:#1fbf75;
    box-shadow:0 0 0 2px rgba(31,191,117,0.25);
}

.entry .football-dark .ltd-toolbar label{
    color: #ffffff !important;
	font-size: 14px;
}

.entry .football-dark .ltd-toolbar form label{
    color:#fff !important;
	font-size: 14px;
}



/* Desktop: cho điểm nổi hơn chút */
@media (min-width: 768px){
    .entry .bxh-dark .standings-table td.points{
        font-size:17px;
    }
	
	.entry .bxh-dark .standings-table tbody tr:hover{
        background:#1b1f26;
    }
}

/* ==================================================
   7. MOBILE OVERRIDE (ONLY OVERRIDE)
   ================================================== */

@media (max-width:767px){

    /* ẨN cột rank & KQ */
    .entry .bxh-dark .rank-cell,
    .entry .bxh-dark .last-5{
        display:none;
    }

    /* ẨN desktop WDL */
    .entry .bxh-dark .wdl-desktop{
        display:none;
    }

    /* HIỆN T-H-B */
    .entry .bxh-dark .wdl-mobile{
        display:table-cell;
    }
	
	/* Header T-H-B mobile */
	.entry .bxh-dark .wdl-head .t{
		color:#1fbf75;
		font-weight:700;
	}
	.entry .bxh-dark .wdl-head .h{
		color:#9ca3af;
		font-weight:700;
	}
	.entry .bxh-dark .wdl-head .b{
		color:#ef4444;
		font-weight:700;
	}

    /* TEAM MOBILE */
    .entry .bxh-dark .team-inline{
        display:none;
    }

    .entry .bxh-dark .team-top{
        display:flex;
        align-items:center;
        gap:8px;
    }

    .entry .bxh-dark .team-name{
        display:block;
        margin-top:7px;
        font-size:14.5px;
		line-height:1.3;
        font-weight:700;
        color:#e5e7eb;
    }

    /* ẨN legend T-H-B */
    .entry .standings-legend.legend-wdl{
        display:none;
    }
	
	/* FIX GLOBAL IMG RULE CHỈ CHO LOGO BXH */
	.entry .bxh-dark img.team-logo{
		max-width:22px !important;
		height:22px !important;
	}
	
	.entry .bxh-dark img.tie-appear{
		transition: none !important;
		transform: none !important;
	}
	
	 /* Header */
    .entry .bxh-dark .standings-table thead th:first-child{
        display:none !important;
    }

    /* Body */
    .entry .bxh-dark .standings-table tbody td.rank-cell{
        display:none !important;
    }
	
	.entry .bxh-dark .standings-table td{
		padding:11px 6px;
		vertical-align:middle;
		border:none;
		line-height:1.45;
	}
	
	.entry .bxh-dark .standings-table td.points{
        font-size:16px;
    }
	
	.entry .bxh-dark .standings-table thead th{
        font-size: 13px;
        padding:7px 3px;
    }
	
	.entry .bxh-dark .rank-badge{
        min-width:20px;
        height:20px;
        font-size:12px;
		text-align: center;
		border-radius: 6px;
		margin-right:4px;
    }

}

/* ==================================================
   RESPONSIVE HEADER TEXT – TRẬN -> TR
   ================================================== */

/* ==================================================
   RESPONSIVE HEADER TEXT – TRẬN -> TR (FIX DOUBLE TEXT)
   ================================================== */

/* ==================================================
   FIX TR COLUMN – MOBILE <= 360px (FINAL)
   ================================================== */
@media (max-width:768px){

  /* Ẩn chữ gốc bằng clip – KHÔNG ảnh hưởng layout */
  .entry .bxh-dark th.col-matches{
      position:relative;
      color:transparent !important;
  }
	
	.entry .bxh-dark .standings-table thead th{
		font-size: 13px;
	}

  /* Hiện TR đè lên */
  .entry .bxh-dark th.col-matches::after{
      content: attr(data-short);
      position:absolute;
      left:0;
      right:0;
      top:50%;
      transform:translateY(-50%);
      text-align:left;
      font-size:13px;
      font-weight:700;
      color:#e5e7eb;
      pointer-events:none;
  }
	
}


/* ==================================================
   FOOTBALL DARK THEME – GLOBAL
   ================================================== */
.football-dark{
    --bg-main: #14161a;
    --bg-sub:  #16191f;
    --bg-head: #1c1f25;

    --text-main: #cfcfcf;
    --text-strong: #ffffff;
    --text-muted: #9ca3af;

    --border-soft: rgba(255,255,255,0.04);

    --green: #1fbf75;
    --yellow: #f5c26b;
    --red: #ef4444;
}

/* ==================================================
   LTD – HEADER (GẠCH XANH – KHÔNG NỀN)
   ================================================== */

.entry .football-dark .ltd-header{
    background:none !important;
    padding:0 !important;
    margin-bottom:12px;
}

.entry .football-dark .ltd-header .page-title{
    position:relative;
    padding-left:0px;
	margin-bottom: 8px;
	margin-top: 0px;
    font-size:18px;
    font-weight:600;
    line-height:1.3;

}

/* ==================================================
   LTD – DATE ROW
   ================================================== */

.entry .football-dark .match-date{
    background:var(--bg-head);
    color:var(--text-strong);
    border-left:5px solid var(--red);
    border-radius:8px 8px 0 0;

    padding:8px 12px;
    margin-top:10px;     /* cách ngày phía trên */
    margin-bottom:1px;   /* sát nhóm trận */
    font-weight:600;
}

.entry .football-dark .match-date:first-of-type{
    margin-top:8px;
}

/* ==================================================
   LTD – MATCH ROW
   ================================================== */

.football-dark .match-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;

    padding:10px 12px;
    border-bottom:1px solid var(--border-soft);
	background: linear-gradient(
        to right,
        #14161a,
        #16191f
    );
}

.football-dark .match-row:nth-of-type(even){
    background:var(--bg-sub);
}

.entry .football-dark .match-row:hover{
    background:#1b1f26;
}

/* ==================================================
   TEAM BLOCK
   ================================================== */

.football-dark .team{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--text-main);
	flex: 1;
}

.football-dark .team-name{
    color:#e5e7eb;
    font-weight:650;
    font-size:14.5px;
}

/* Logo */
.football-dark .logo,
.football-dark .match-row img,
.football-dark .team img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    object-fit:contain;
}

/* ==================================================
   CENTER (TIME / SCORE)
   ================================================== */

.football-dark .center{
    min-width:60px;
    text-align:center;
    color:var(--text-strong);
    font-weight:700;
    font-size: 15px;
	flex: 0 0 65px;  /* CỐ ĐỊNH */
}

.football-dark .center .time{
    font-size:14px;
}

.football-dark .center .ft{
    font-size:15px;
}

/* ==================================================
   LTD TOOLBAR (SEASON + ROUND)
   ================================================== */

.entry .football-dark .ltd-toolbar{
    background:#0b1220;
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);

    border:1px solid rgba(255,255,255,0.08);
    border-radius:8px;

    display:flex;
    align-items:center;
    gap:20px;

    padding:6px 8px;
    margin-bottom:10px;
}

.entry .football-dark .ltd-toolbar form{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    white-space:nowrap;
    flex:0 0 auto;
}

/* Label */
.football-dark .season-label,
.football-dark .round-label{
    font-size:13px;
    color:var(--text-strong);
    margin-right:4px;
	text-align: center;
}

/* Tạo khoảng cách trước label "Chọn vòng" */
.football-dark .round-label{
    margin-left: 10px;
	font-weight: normal;
}

/* Select */
.entry .football-dark .ltd-toolbar select{
    background:#1f2937;
    color:var(--text-strong);
    border:1px solid #2a2e36;
    border-radius:8px;
    padding:6px 12px;
    font-size:14px;
    width:auto;
	min-height: 40px;
	margin-bottom:0;
}

.entry .football-dark .ltd-toolbar select:focus{
    outline:none;
    border-color:var(--green);
    box-shadow:0 0 0 2px rgba(31,191,117,0.25);
}

.football-dark .match-row .team{
    min-width:0;
    overflow:hidden;
}

.football-dark .team-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width:480px){

    .football-dark .ltd-toolbar{
		flex-wrap: nowrap;
    }

    .football-dark .team-name{
        font-size:14px;
		white-space: normal !important;
    }

    .football-dark .center{
        font-size:14px;
    }

    .football-dark .logo{
        width:20px;
        height:20px;
    }
	
	.entry .bxh-title{
		font-size:20px;
		font-weight:700;
	}
}

/* ==================================================
   RESULTS – DARK MODE OVERRIDE
   ================================================== */

.football-dark.results-wrapper .center .ft{
    font-size:16px;
    font-weight:800;
    letter-spacing:0.3px;
}

/* Ngày kết quả nhìn khác lịch */
.football-dark.results-wrapper .match-date{
    border-left-color: var(--red);
}

/* Kết quả không cần hover đậm như lịch */
.football-dark.results-wrapper .match-row:hover{
    background: var(--bg-sub);
}

/* ===== FIX LTD TOOLBAR OVERFLOW – MOBILE ===== */
@media (max-width: 600px){

    .entry .football-dark .ltd-toolbar{
		display:flex;
		align-items:center;
		gap:20px;
		padding-left: 10px;
		flex-wrap:nowrap !important;
    }

    .entry .football-dark .ltd-toolbar form{
        flex:0 0 auto !important;
        white-space:normal !important;
    }

    .entry .football-dark .ltd-toolbar select{
        max-width: 100%;
		margin-bottom: 0;
		min-height: 40px;
    }
	
	/* ===== MATCH ROW – FLEX (FINAL) ===== */
	.football-dark .match-row{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:8px;
		padding: 12px 8px; /* hiện tại chắc ~8px */
	}

	/* TEAM */
	.football-dark .team{
		display:flex;
		align-items:center;
		gap:6px;
		min-width:0;
		flex:0;
	}
	
	.football-dark .match-row .team{
		flex:1;
	}
	
	.football-dark .match-row .team span {
        white-space: normal;
        word-break: break-word;
        line-height: 1.2;
    }
	
	/* CENTER */
	.football-dark .center{
		flex:0 0 44px;
		text-align:center;
		font-weight:700;
	}

	/* TEXT */
	.football-dark .team-name{
		overflow:hidden;
		white-space: normal;
		text-overflow:ellipsis;
	}

}

/*TOP GHI BAN - BEGIN*/
/* ==================================================
   TOP GHI BÀN – DARK MODE – EXPAND ROW
   ================================================== */

.bxh-dark{
    background:#14161a;
    padding:10px;
    border-radius:10px;
}

/* ===== TABLE ===== */
.entry .bxh-dark .scorer-table{
    width:100%;
	table-layout:fixed;
    border-collapse:collapse;
    color:#cfcfcf;
}

.bxh-dark th{
    background:#1c1f25;
    color:#e5e7eb;
    padding:10px 8px;
    font-size:14px;
    text-align:center;
}

.bxh-dark th.col-player{
    text-align:left;
}

.bxh-dark td{
    padding:10px 8px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    vertical-align:middle;
}

/* ===== PLAYER SUMMARY ===== */
.player-summary{
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
}

.player-avatar{
    width:32px;
    height:32px;
    border-radius:50%;
    object-fit:cover;
    flex-shrink:0;
}

.player-main{
    display:flex;
    flex-direction:column;
}

.player-name{
    font-weight:700;
    color:#f9fafb;
    font-size:14px;
}

.sc-team-name{
    font-size:12px;
    color:#9ca3af;
}

/* ===== ARROW ===== */
.toggle-arrow{
    margin-left:auto;
    font-size:12px;
    color:#9ca3af;
    transition:transform .2s ease;
}

.player-row.open .toggle-arrow{
    transform:rotate(180deg);
    color:#1fbf75;
}

/* ===== EXPAND ===== */
.player-expand{
    display:none;
    background:#0f1115; /* đen hơn row chính */
}

.player-row.open + .player-expand{
    display:table-row;
}

.player-extra{
    padding:10px 12px;
	color:#e5e7eb;
    font-size:12.5px;
}

.player-extra .extra-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 12px;
    margin-bottom:6px;
}

/* ===== NUMBERS ===== */
.col-matches,
.col-goals,
.col-pen{
    text-align:center;
    font-weight:700;
}

/* pen nhỏ hơn */
.col-pen{
    font-size:14px;
    color:#cfcfcf;
}

.col-goals{
    font-size:16px;
    font-weight:800;
    color:#ffffff;
}

/* ===== RANK INLINE (MOBILE) ===== */
.rank-inline{
    font-weight:800;
    margin-right:4px;
    color:#e5e7eb;
}

/* ===== PLAYER RANK ===== */
.player-rank{
    font-weight:700;
    font-size:14px;
    color:#e5e7eb;
    min-width:18px;      /* ❗ giữ thẳng hàng */
    text-align:right;
    flex-shrink:0;
}

/* ===== FORCE DARK ROW – OVERRIDE THEME ===== */
.entry .bxh-dark table tr.player-row,
.entry .bxh-dark table tr.player-expand{
    background:#14161a !important;
}

/* row mở rộng đậm hơn chút */
.entry .bxh-dark table tr.player-expand{
    background:#0f1115 !important;
}

/* ===== FIX HEADER TABLE ===== */
.entry .bxh-dark .scorer-table thead th{
    background:#1c1f25 !important;
    color:#e5e7eb !important;
    font-weight:700;
    font-size:13px;
}

/* ===== FIX EXTRA INFO WRAP ===== */
.entry .bxh-dark .player-extra .extra-row span{
    white-space:nowrap;
}

/* ===== REMOVE DIVIDER BETWEEN MAIN & EXPAND ===== */
.entry .bxh-dark tr.player-row td{
    border-bottom:none !important;
	background:#14161a;
}

/* bỏ border cứng */
.entry .bxh-dark tr.player-expand td{
    border-top:none !important;
	background:#171a20;   /* NHẠT hơn row chính */
}

/* phân tầng bằng nền + padding */
.entry .bxh-dark tr.player-expand{
    background:#0f1115;
}

/* ==================================================
   CENTER ALIGN TR / PEN / BÀN
   ================================================== */

/* Header */
.entry .bxh-dark .scorer-table th.col-matches,
.entry .bxh-dark .scorer-table th.col-pen,
.entry .bxh-dark .scorer-table th.col-goals{
    text-align:center;
}

/* Body */
.entry .bxh-dark .scorer-table td.col-matches,
.entry .bxh-dark .scorer-table td.col-pen,
.entry .bxh-dark .scorer-table td.col-goals{
    text-align:center;
}

  .entry .bxh-dark .scorer-table th,
  .entry .bxh-dark .scorer-table td{
      border-right:none;
  }

/* ICON GIỮ SÁNG HƠN 1 CHÚT */
.entry .bxh-dark .player-extra span{
	color:#b6bcc8;   /* nhạt hơn chút */
}

/* ==================================================
   TOP GHI BÀN – MOBILE OVERRIDE (FIX THEME OVERRIDE)
   ================================================== */

@media (max-width:767px){

  /* ===== FONT & LINE HEIGHT ===== */
  .entry .bxh-dark{
      font-size:13px;
      line-height:1.3;
      padding:4px; /* bóp wrapper */
  }

  /* ===== TABLE CELL ===== */
  .entry .bxh-dark .scorer-table th,
  .entry .bxh-dark .scorer-table td{
      padding:6px 5px;
      border-right:none;
  }

  /* ===== COLUMN WIDTH ===== */
  .entry .bxh-dark .scorer-table td.col-player{
      width:58%;
      max-width:58%;
  }

  .entry .bxh-dark .scorer-table td.col-matches,
  .entry .bxh-dark .scorer-table td.col-pen,
  .entry .bxh-dark .scorer-table td.col-goals{
      width:14%;
      max-width:14%;
      text-align:center;
      font-weight:700;
  }
	
  /* CỘT PLAYER */
  .entry .bxh-dark .scorer-table th.col-player,
  .entry .bxh-dark .scorer-table td.col-player{
      width:58%;
  }

  /* CÁC CỘT SỐ */
  .entry .bxh-dark .scorer-table th.col-matches,
  .entry .bxh-dark .scorer-table td.col-matches,
  .entry .bxh-dark .scorer-table th.col-pen,
  .entry .bxh-dark .scorer-table td.col-pen,
  .entry .bxh-dark .scorer-table th.col-goals,
  .entry .bxh-dark .scorer-table td.col-goals{
      width:14%;
      text-align:center;
  }

  /* ===== PLAYER SUMMARY ===== */
  .entry .bxh-dark .player-summary{
      gap:6px;
      min-width:0;
	  overflow:hidden;
  }

  .entry .bxh-dark .player-main{
      min-width:0;
	  overflow:hidden;
  }

  .entry .bxh-dark .player-name,
  .entry .bxh-dark .sc-team-name{
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
  }
	
	/* spacing cho info phụ */
	.entry .bxh-dark .player-extra .extra-row{
		gap:12px 16px;   /* tăng mạnh để thấy rõ */
		margin-bottom:10px;
	}

  /* ===== AVATAR ===== */
  .entry .bxh-dark .player-avatar{
      width:30px;
      height:30px;
  }

  /* ===== TEXT SIZE ===== */
  .entry .bxh-dark .player-name{
      font-size:13px;
      line-height:1.2;
  }

  .entry .bxh-dark .sc-team-name{
      font-size:12.5px;
      line-height:1.2;
  }

  .entry .bxh-dark .player-extra{
      font-size:12px;
	  padding: 8px 11px;
	  color:#9ca3af;        /* xám nhạt */
  }

  .entry .bxh-dark .rank-inline{
      font-size:13px;
      min-width:16px;
  }
	
	.entry .bxh-dark .scorer-table td.col-goals{
		font-size:14px;
		font-weight:800;
		color:#ffffff;
	}
	
}

@media (max-width:380px){
  .entry .bxh-dark .player-extra .extra-row{
      gap:10px 14px;
  }
}

/*TOP GHI BÀN END*/

/* ==================================================
   CLEAN SHEET – FINAL FULL CSS (ANTI THEME)
   Tables:
   - .cs-table-gk
   - .cs-table-team
   Namespace: .entry .cs-wrap
   ================================================== */

/* ================= WRAPPER ================= */
.entry .cs-wrap{
    background:#14161a;
    padding:10px;
    border-radius:10px;
    color:#e5e7eb;
}

/* ================= BASE TABLE ================= */
.entry .cs-wrap table.cs-table{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
}

.entry .cs-wrap table.cs-table thead th{
    background:#1c1f25;
    color:#e5e7eb;
    padding:8px 6px;
    font-weight:700;
    white-space:nowrap;
}

.entry .cs-wrap table.cs-table td{
    padding:8px 6px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    vertical-align:middle;
    white-space:nowrap;
}

/* ================= FORCE DARK ROW (KILL THEME STRIPE) ================= */

/* GK TABLE */
.entry .cs-wrap table.cs-table-gk tbody tr,
.entry .cs-wrap table.cs-table-gk tbody tr:nth-child(even),
.entry .cs-wrap table.cs-table-gk tbody tr:nth-child(odd){
    background:#14161a !important;
}

/* TEAM TABLE */
.entry .cs-wrap table.cs-table-team tbody tr,
.entry .cs-wrap table.cs-table-team tbody tr:nth-child(even),
.entry .cs-wrap table.cs-table-team tbody tr:nth-child(odd){
    background:#14161a !important;
}

/* ================= COMMON ELEMENTS ================= */

/* TEAM INLINE */
.entry .cs-wrap .team-inline{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}

.entry .cs-wrap .team-inline span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* LOGO */
.entry .cs-wrap .team-inline img{
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    object-fit:contain;
    flex-shrink:0;
}

/* NUMBER CELLS */
.entry .cs-wrap .col-mp,
.entry .cs-wrap .col-cs,
.entry .cs-wrap .col-home,
.entry .cs-wrap .col-away,
.entry .cs-wrap .col-percent{
    text-align:center;
    font-weight:700;
}

/* ================= GK TABLE (DESKTOP) ================= */
@media (min-width:768px){

  .entry .cs-wrap table.cs-table-gk th.col-gk-team,
  .entry .cs-wrap table.cs-table-gk td.col-gk-team{
      width:28%;
      text-align:left;
  }

  .entry .cs-wrap table.cs-table-gk th.col-mp,
  .entry .cs-wrap table.cs-table-gk td.col-mp,
  .entry .cs-wrap table.cs-table-gk th.col-cs,
  .entry .cs-wrap table.cs-table-gk td.col-cs{
      width:14%;
  }

  .entry .cs-wrap table.cs-table-gk th.col-home,
  .entry .cs-wrap table.cs-table-gk td.col-home,
  .entry .cs-wrap table.cs-table-gk th.col-away,
  .entry .cs-wrap table.cs-table-gk td.col-away,
  .entry .cs-wrap table.cs-table-gk th.col-percent,
  .entry .cs-wrap table.cs-table-gk td.col-percent{
      width:15%;
  }
}

/* GK NAME BLOCK */
.entry .cs-wrap .gk-main{
    display:flex;
    align-items:center;
    gap:6px;
    font-weight:700;
    margin-bottom:4px;
}

.entry .cs-wrap .gk-rank{
    color:#9ca3af;
    min-width:14px;
    text-align:right;
}

.entry .cs-wrap .gk-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* ================= TEAM TABLE (DESKTOP) ================= */
@media (min-width:768px){

  .entry .cs-wrap table.cs-table-team th.col-rank,
  .entry .cs-wrap table.cs-table-team td.col-rank{
      width:4%;
      text-align:center;
  }

  .entry .cs-wrap table.cs-table-team th.col-team,
  .entry .cs-wrap table.cs-table-team td.team-cell{
      width:24%;
      text-align:left;
  }

  .entry .cs-wrap table.cs-table-team th.col-mp,
  .entry .cs-wrap table.cs-table-team td.col-mp,
  .entry .cs-wrap table.cs-table-team th.col-cs,
  .entry .cs-wrap table.cs-table-team td.col-cs{
      width:14%;
  }

  .entry .cs-wrap table.cs-table-team th.col-home,
  .entry .cs-wrap table.cs-table-team td.col-home,
  .entry .cs-wrap table.cs-table-team th.col-away,
  .entry .cs-wrap table.cs-table-team td.col-away,
  .entry .cs-wrap table.cs-table-team th.col-percent,
  .entry .cs-wrap table.cs-table-team td.col-percent{
      width:15%;
  }
}

/* ================= MOBILE (BOTH TABLES) ================= */
@media (max-width:767px){

  /* HIDE EXTRA COLUMNS */
  .entry .cs-wrap .col-home,
  .entry .cs-wrap .col-away,
  .entry .cs-wrap .col-percent{
      display:none !important;
  }
	
/* ================= GK TABLE ================= */
  /* ẨN RANK CHỈ Ở GK */
  .entry .cs-wrap table.cs-table-gk .col-rank{
      display:none !important;
  }

  /* ================= TEAM TABLE ================= */
  /* GIỮ RANK Ở TEAM */
  .entry .cs-wrap table.cs-table-team .col-rank{
      display:table-cell !important;
      text-align:center;
      font-weight:700;
  }

  /* GK MERGED COLUMN */
  .entry .cs-wrap .col-gk-team{
      width:60%;
  }

  /* MP / CS */
  .entry .cs-wrap .col-mp,
  .entry .cs-wrap .col-cs{
      width:20%;
  }

  /* BORDER CLEAN */
  .entry .cs-wrap table.cs-table th,
  .entry .cs-wrap table.cs-table td{
      border-right:none;
  }
	
/* GIỮ rank, chỉ bóp nhỏ */
  .entry .cs-wrap table.cs-table-team th.col-rank,
  .entry .cs-wrap table.cs-table-team td.col-rank{
      width:6% !important;
      min-width:22px;
      max-width:24px;
      text-align:center;
      font-weight:700;
      padding-left:4px;
      padding-right:4px;
  }

}

/* ==================================================
   CLEAN SHEET – DESKTOP ONLY WIDTH FIX
   ================================================== */
@media (min-width: 768px){

  /* ================= GK TABLE ================= */

  /* GK / TEAM: tăng rộng */
  .entry .cs-wrap table.cs-table-gk th.col-gk-team,
  .entry .cs-wrap table.cs-table-gk td.col-gk-team{
      width:33% !important;   /* +5% */
  }

  .entry .cs-wrap table.cs-table-gk th.col-mp,
  .entry .cs-wrap table.cs-table-gk td.col-mp{
      width:12%;
  }

  .entry .cs-wrap table.cs-table-gk th.col-cs,
  .entry .cs-wrap table.cs-table-gk td.col-cs{
      width:12%;
  }

  .entry .cs-wrap table.cs-table-gk th.col-home,
  .entry .cs-wrap table.cs-table-gk td.col-home{
      width:13%;
      text-align:center;
  }

  .entry .cs-wrap table.cs-table-gk th.col-away,
  .entry .cs-wrap table.cs-table-gk td.col-away{
      width:13%;
      text-align:center;
  }

  .entry .cs-wrap table.cs-table-gk th.col-percent,
  .entry .cs-wrap table.cs-table-gk td.col-percent{
      width:17%;
      text-align:center;
  }


  /* ================= TEAM TABLE ================= */

  /* TEAM: bóp lại */
  .entry .cs-wrap table.cs-table-team th.col-team,
  .entry .cs-wrap table.cs-table-team td.team-cell{
      width:29% !important;   /* −5% */
  }

  .entry .cs-wrap table.cs-table-team th.col-mp,
  .entry .cs-wrap table.cs-table-team td.col-mp{
      width:13%;
  }

  .entry .cs-wrap table.cs-table-team th.col-cs,
  .entry .cs-wrap table.cs-table-team td.col-cs{
      width:13%;
  }

  .entry .cs-wrap table.cs-table-team th.col-home,
  .entry .cs-wrap table.cs-table-team td.col-home{
      width:15%;
      text-align:center;
  }

  .entry .cs-wrap table.cs-table-team th.col-away,
  .entry .cs-wrap table.cs-table-team td.col-away{
      width:15%;
      text-align:center;
  }

  .entry .cs-wrap table.cs-table-team th.col-percent,
  .entry .cs-wrap table.cs-table-team td.col-percent{
      width:15%;
      text-align:center;
  }
	
  /* GK TABLE – GK / TEAM */
  .entry .cs-wrap table.cs-table-gk th.col-gk-team,
  .entry .cs-wrap table.cs-table-gk td.col-gk-team{
      width:32% !important;   /* từ 31% -> 32% */
  }

  /* Trả lại 1% cho cột % */
  .entry .cs-wrap table.cs-table-gk th.col-percent,
  .entry .cs-wrap table.cs-table-gk td.col-percent{
      width:18%;
      text-align:center;
  }
	
	  /* ================= GK TABLE ================= */
  .entry .cs-wrap table.cs-table-gk th.col-mp,
  .entry .cs-wrap table.cs-table-gk td.col-mp,
  .entry .cs-wrap table.cs-table-gk th.col-cs,
  .entry .cs-wrap table.cs-table-gk td.col-cs,
  .entry .cs-wrap table.cs-table-gk th.col-home,
  .entry .cs-wrap table.cs-table-gk td.col-home,
  .entry .cs-wrap table.cs-table-gk th.col-away,
  .entry .cs-wrap table.cs-table-gk td.col-away,
  .entry .cs-wrap table.cs-table-gk th.col-percent,
  .entry .cs-wrap table.cs-table-gk td.col-percent{
      width:13.6% !important;   /* 5 cột = 68% */
      text-align:center;
      font-weight:700;
  }

  /* ================= TEAM TABLE ================= */
  .entry .cs-wrap table.cs-table-team th.col-mp,
  .entry .cs-wrap table.cs-table-team td.col-mp,
  .entry .cs-wrap table.cs-table-team th.col-cs,
  .entry .cs-wrap table.cs-table-team td.col-cs,
  .entry .cs-wrap table.cs-table-team th.col-home,
  .entry .cs-wrap table.cs-table-team td.col-home,
  .entry .cs-wrap table.cs-table-team th.col-away,
  .entry .cs-wrap table.cs-table-team td.col-away,
  .entry .cs-wrap table.cs-table-team th.col-percent,
  .entry .cs-wrap table.cs-table-team td.col-percent{
      width:13.6% !important;
      text-align:center;
      font-weight:700;
  }
	
  .ltd-round-context p {
    font-size: 14.px;
  }

}

/* ==================================================
   LTD – MATCH MORE + FULL LINEUPS (FINAL)
   ================================================== */

/* ===== EXPAND WRAPPER ===== */
.entry .football-dark .match-more{
    display: none;
    padding: 2px 14px;
    background: #0f1115;
    border-top: 1px dashed rgba(255,255,255,0.08);
    font-size: 14px;
}

.entry .football-dark .match-block.is-open .match-more{
    display: block;
}

.match-more.is-loading{
  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center !important;
  min-height: 40px;
  color: #9ca3af;
  font-size: 14px;
}


/* ===== SUMMARY (SÂN – TRỌNG TÀI – TRẠNG THÁI) ===== */
.entry .football-dark .fixture-summary{
    border-top: 1px dashed #333;
    border-bottom: 1px dashed #333;
    padding: 10px 0;
    margin-top: 6px;
    font-size: 14px;
    color: #e5e7eb;
}

.entry .football-dark .fixture-summary .fx-row{
    margin-bottom: 6px;
    line-height: 1.45;
}

.entry .football-dark .fixture-summary strong{
    font-weight: 700;
    color: #ffffff;
}

/* ===== FULL LINEUPS LAYOUT ===== */
.entry .football-dark .fixture-lineups{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
    margin-top: 10px;
}

}

.entry .football-dark .fixture-summary .fx-line{
    margin:4px 0;
}

.entry .football-dark .fixture-summary .fx-sub{
    padding-left:18px;
    color:#cbd5e1;
    font-size:13.5px;
}

.entry .fixture-summary i,
.entry .fixture-summary {
    opacity: 1 !important;
    visibility: visible !important;
}

.entry .fixture-summary i {
    transition: none !important;
    transform: none !important;
}

/* ===== BUTTON TOGGLE ===== */
.entry .btn-more{
    background: none;
    border: 0;
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== TRIANGLE ARROW ===== */
.entry .btn-more .arrow{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #9ca3af; /* xám */
	transform: scale(1.3); /* 👈 TO LÊN */
    transition: transform .2s ease, border-color .2s ease;
}

/* ===== OPEN STATE ===== */
.entry .match-block.is-open .btn-more .arrow{ 
    border-bottom-color: #1fbf75;  /* ▼ */
	transform: rotate(180deg) scale(1.3); /* 👈 GIỮ SCALE */
}

/* ==================================================
   LTD – MATCH MORE (TOGGLE)
   ================================================== */

.entry .football-dark .match-more{
    display:none;
    padding:2px 14px;
    background:#0f1115;
    font-size:14px;
	
	border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.entry .football-dark .match-block.is-open .match-more{
    display:block;
}

/* ==================================================
   FIXTURE SUMMARY – TABLE LAYOUT (FINAL)
   ================================================== */

.entry .football-dark .fixture-summary{
    margin-top:6px;
    padding:8px 0;
	
	border: none !important;
    box-shadow: none !important;
    background: transparent
}

/* ===== TABLE BASE (FIXTURE SUMMARY) ===== */
.entry .football-dark .fixture-table{
    width:100%;
    border-collapse:collapse;
    background: transparent;   /* ăn nền fixture-summary */
    color:#e5e7eb;
    font-size:13.5px;
    border:none;
    box-shadow:none;
}


.entry .football-dark .fixture-table td{
    padding:7px 8px;
    border-bottom:1px solid rgba(255,255,255,0.06);
    vertical-align:middle;
}

/* ===== META ROWS (SÂN, TRỌNG TÀI) ===== */
.entry .football-dark .fixture-table .row-meta td{
    text-align:center;
    font-size:13px;
    font-weight:600;
    color:#9ca3af;
}

/* ===== ALIGNMENT – HÚT VÀO GIỮA ===== */
/* CỘT TRÁI */
.entry .football-dark .fixture-table .home{
    text-align:right;
    padding-right:12px;
    font-weight:700;
    color:#ffffff;
}

/* CỘT GIỮA */
.entry .football-dark .fixture-table .label{
    width:40px;
    text-align:center;
    color: #9ca3af;
    font-weight: 500;
	font-size: 12px;
    letter-spacing: .2px;
}

/* CỘT PHẢI */
.entry .football-dark .fixture-table .away{
    text-align:left;
    padding-left:12px;
    font-weight:700;
    color:#ffffff;
}

/* ===== COLORS ===== */
.entry .football-dark .fixture-table .yellow{ color:#facc15; }
.entry .football-dark .fixture-table .red{ color:#ef4444; }

.entry .football-dark .fixture-table tr:not(.row-formation) td.home,
.entry .football-dark .fixture-table tr:not(.row-formation) td.away{
    font-weight: 500;
    color: #cbd5e1;   /* xám sáng, thấp hơn white */
}

.entry .football-dark .fixture-table tr.row-formation td.home,
.entry .football-dark .fixture-table tr.row-formation td.away{
    font-weight: 500;
    color: #9ca3af;
}

/* ===== FORMATION ROW ===== */
.entry .football-dark .fixture-table .row-formation td{
    font-size: 12.5px;
    font-weight: 500;
    color: #9ca3af;   /* bằng sân / trọng tài */
}

/* ==================================================
   REMOVE WHITE BORDER FROM FIXTURE TABLE (FINAL FIX)
   ================================================== */

/* chắc ăn: reset td / tr */
.entry .football-dark .fixture-table tr,
.entry .football-dark .fixture-table td{
    background: transparent !important;
	border: none;
}

/* FIXTURE TABLE – NO ZEBRA, EAT PARENT BG */
.entry .football-dark .fixture-table tr{
    background: transparent !important;
}


/* ==================================================
   FIXTURE TABLE – BALANCED 4-COLUMN LAYOUT (FINAL)
   ================================================== */

.entry .football-dark .fixture-table{
    table-layout: fixed;
}

/* ===== CỘT GIỮA (GK / ICON / 📐) ===== */
.entry .football-dark .fixture-table .col-label{
    width: 90px;
}

/* ===== CỘT GIẢ (CANH VỚI NÚT MORE) ===== */
.entry .football-dark .fixture-table .col-action{
    width: 30px;
}

/* ===== 2 CỘT BIÊN ===== */
/* Tổng trừ: 90px (label) + 30px (action) */
.entry .football-dark .fixture-table .col-home,
.entry .football-dark .fixture-table .col-away{
    width: calc((100% - 120px) / 2);
}

/* ===== CANH CHỮ CHO ĐẸP ===== */
.entry .football-dark .fixture-table td.home{
    text-align: right;
    padding-right: 20px;
}

.entry .football-dark .fixture-table td.away{
    text-align: left;
    padding-left: 20px;
	border-right: none;
}

.entry .football-dark .fixture-table td.home,
.entry .football-dark .fixture-table td.away{
    font-weight: 600;          /* giảm từ 700 */
    color: #e5e7eb;            /* xám sáng, không trắng tinh */
}

/* Cột action không cần padding */
.entry .football-dark .fixture-table td.action{
    padding: 0;
}

.btn-more .arrow{
    pointer-events: none;
}

.football-dark .match-row {
    padding: 12px 8px !important; /* giống trang cũ */
    min-height: unset !important;
}

div.round-dropdown{
	margin-bottom: 0px;
}

.ltd-round-context {
  margin-top: 14px;
  padding-left: 10px;
  border-left: 3px solid #e53935; /* đỏ nhạt giống accent */
}

.ltd-round-context p {
  font-size: 15px;
  line-height: 1.6;
  color: #222;
}

.entry h1 {
	margin-top: 0px;
}


/* ==================================================
   MOBILE
   ================================================== */
@media (max-width:600px){
    .entry .football-dark .fixture-table{
        font-size:13px;
    }

    .entry .football-dark .fixture-table td{
        padding:6px;
    }

    .entry .football-dark .fixture-table td.home{
        padding-right:8px;
    }

    .entry .football-dark .fixture-table td.away{
        padding-left:8px;
    }
	
	.entry h1 {
    	font-size: 26px;
		font-weight: 700;
		line-height: 1.1;
		margin-top: 0px;
	}
}

@media (max-width: 360px) {
  .football-dark .match-row {
    justify-content: flex-start;
  }

  .football-dark .match-row .center {
    min-width: 50px;
    text-align: center;
    flex-shrink: 0;
  }

  .football-dark .match-row .team {
    flex: 1;
    min-width: 0;
  }

	
	.entry .btn-more {
		padding: 2px;
	}
}

/* =========================
   TAB NAV – DARK STYLE - LTD UNIVERSAL - BEGIN
========================= */
.entry .league-tabs .tab-nav {
  display: flex;
  gap: 12px;
  margin-bottom: 6px;
  background: #111827; /* xám đen */
  padding: 8px 6px;
  border-radius: 10px;
}

.entry .league-tabs .tab-nav .tab-link{
  background: #0b1220;
  color: #64748b;
}


/* =========================
   TAB LINK
========================= */
.entry .league-tabs .tab-link {
  padding: 6px 10px;
  font-size: 12.5px;
  font-weight: 600;
  color: #d1d5db; /* xám sáng */
  text-decoration: none;

  background: rgba(31, 41, 55, 0.85); /* 👈 xám hơn nền thanh */
  border-radius: 8px;

  white-space: normal;
  text-align: center;
}

/* =========================
   ACTIVE TAB
========================= */
.entry .league-tabs .tab-link.active {
  color: #60a5fa !important; /* xanh sáng dịu */
  font-weight: 700;

  background: #1f2937; /* giữ nền cũ */
  box-shadow: inset 0 -3px 0 #dc2626;
}
	
.entry .league-tabs .tab-link:hover{
  color: #60a5fa !important; /* xanh sáng dịu */
}	

/* =========================
   MOBILE SCROLL
========================= */
@media (max-width: 768px) {
.entry .league-tabs .tab-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;

    position: relative;
    padding-right: 6px; /* chừa chỗ mũi tên */
  }

.entry .league-tabs .tab-nav::-webkit-scrollbar {
    display: none;
  }

.entry .league-tabs .tab-link {
    min-width: 65px;
    line-height: 1.25;
	padding: 7px 10px;
    min-height: 45px;
    font-size: 13.5px;
  }

.entry .league-tabs .tab-nav::after {
    content: "›";
    position: sticky;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);

    width: 24px;
    height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 18px;

    background: rgba(0, 0, 0, 0.35); /* 👈 tách khỏi tab */
    border-radius: 50%;

    pointer-events: none;
    z-index: 3;
  }
}


/* =========================
   TAB CONTENT
========================= */
/* TAB CONTENT */
.entry .league-tabs .tab-content {
  display: none;
}

.entry .league-tabs .tab-content.active {
  display: block;
}

/* LOADING STATE */
.entry .league-tabs.is-loading {
  visibility: hidden;
}

.entry .league-tabs.is-ready {
  visibility: visible;
}
/* LTD UNIVERSAL - END */


/* DROPDOWNLIST CHON GIAI DAU - BEGIN*/
.league-switcher .league-select{
  -webkit-appearance: none;
  appearance: none;

  width: 100%;
  padding: 9px 12px;
  padding-top: 14px;
  padding-right: 40px;

  border-radius: 8px;
  background-color: #0f172a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;

  color: #fff;
  border-color: rgba(255,255,255,.08);
  font-size: 15px;
  min-height: 46px;        /* ⬅ tăng chiều cao */
	line-height: 1.2;
}

.league-switcher .league-select:focus{
  outline: none;
  border-color: #2563eb;
}
.league-switcher{
  margin: 10px 0 8px;
  position: relative;
	margin-bottom: 4px;
}

.league-switcher .ls-label{
  display: block;
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 4px;
}

.league-switcher::before{
  content: "Giải đấu";
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 11px;
  color: #9ca3af;
  background: #0b1220;
  padding: 0 6px;
  border-radius: 6px;
  z-index: 1;
}



/* PC: gọn hơn, có thể đặt ngang H1 */
@media (min-width: 1024px){
  .league-switcher{
    max-width: 260px;
  }
}
/* DROPDOWNLIST CHON GIAI DAU - END*/

/*Footbal HUB - begin*/
/* =========================
   FOOTBALL HUB – DARK MODE
========================= */

.football-hub.dark {
  background: #0f172a;
  color: #e5e7eb;
  padding: 24px;
  border-radius: 16px;
}

.football-hub h1 {
  font-size: 26px;
  margin-bottom: 8px;
}

.hub-desc {
  color: #94a3b8;
  margin-bottom: 24px;
}

.hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.hub-card {
  background: #020617;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 0 0 1px #1e293b;
}

.hub-card h3 {
  font-size: 18px;
  margin-bottom: 8px;
}

.hub-match {
  font-size: 15px;
  margin-bottom: 6px;
}

.hub-time {
  font-size: 14px;
  color: #38bdf8;
  margin-bottom: 12px;
}

.hub-empty {
  font-size: 14px;
  color: #94a3b8;
  margin-bottom: 12px;
}

.hub-link {
  display: inline-block;
  font-size: 14px;
  color: #22c55e;
  text-decoration: none;
}

.hub-link:hover {
  text-decoration: underline;
}

.hub-list {
  columns: 2;
  margin-top: 12px;
}

.hub-list li {
  margin-bottom: 6px;
}

.hub-list a {
  color: #e5e7eb;
  text-decoration: none;
}

.hub-list a:hover {
  color: #38bdf8;
}

/*Footbal HUB - end*/