/* GolfSeed - BXH (trang xep hang chinh, trang chi tiet nguoi choi, bang ket
   qua trong tab "Ket qua" cua 1 giai dau). Dung chung mau/kieu chu voi
   golfseed-account.css (chua duoc nap tren cac trang nay nen lap lai 2 class
   dung chung ".golfseed-card"/".golfseed-card-header" cho doc lap). */

/* Bo padding-top rat lon (120px) cua khung #pxl-main - chi ap dung rieng
   cho 3 trang GolfSeed (co class "golfseed-ranking-page" tu body_class trong
   golfseed_bxh_body_class()), khong dung selector chung #pxl-main de tranh
   anh huong cac trang khac dang dung chung template. */
body.golfseed-ranking-page #pxl-main {
	padding-top: 0;
}

/* An banner tieu de mac dinh cua theme (nen xam, chu "GOLFSEED RANKING" to,
   breadcrumb "Trang chu / golfseed") tren ca 3 trang GolfSeed - moi trang
   da co tieu de/breadcrumb rieng ngay trong noi dung shortcode (h2 "GolfSeed
   Ranking", hoac .golfseed-crumb tu build o 2 trang con lai) nen banner mac
   dinh nay chi la thua/trung lap. Chi an rieng tren 3 trang nay (khong sua
   header.php/class-page.php) de khong anh huong cac trang khac dang dung
   chung banner do. */
body.golfseed-ranking-page #pxl-ptit__default {
	display: none !important;
}

/* Breadcrumb dung chung cho 3 trang GolfSeed (Ranking / Chi tiet Van dong
   vien / Ket qua giai dau). Dung dung so lieu Figma dev-mode: Open Sans
   400, 16px/24px; muc lien ket mau #5E6267, muc hien tai (khong link) mau
   #084743. */
.golfseed-crumb {
	padding-top: 24px;
	margin-bottom: 32px;
}

.golfseed-crumb-inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
}

.golfseed-crumb-inner a {
	color: #5e6267;
	text-decoration: none;
}

.golfseed-crumb-inner a:hover {
	color: #084743;
}

.golfseed-crumb-sep {
	color: #5e6267;
}

.golfseed-crumb-current {
	color: #084743;
}

@media (max-width: 782px) {
	.golfseed-crumb-inner {
		font-size: 13px;
		line-height: 20px;
	}
}

.golfseed-card {
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	padding: 24px 32px 32px;
	margin-bottom: 24px;
}

.golfseed-card-header {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	color: #02151a;
	margin: -24px -32px 24px;
	padding: 24px 32px 16px;
	border-bottom: 1px solid #e9e9e9;
}

/* ---- Trang thai giai dau (dung chung voi tab Giai dau tham gia) ---- */

.golfseed-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}

.golfseed-status-upcoming {
	background: rgba(0, 117, 255, 0.1);
	color: #0075ff;
}

.golfseed-status-ongoing {
	background: rgba(150, 197, 82, 0.1);
	color: #96c552;
}

.golfseed-status-ended {
	background: rgba(219, 68, 68, 0.1);
	color: #db4444;
}

/* =========================================================================
 * 1. TRANG BXH CHINH (tabs hang muc + bang xep hang + giai dau lien quan)
 * ========================================================================= */

/* Container rong bang toan site - cung 1 loi va cung 1 cach sua da dung cho
   trang "Tai khoan" truoc do (xem ghi chu day du trong ham golfseed_bxh_
   body_class() o golfseed-frontend.php).
   CAU TRUC THAT (page.php): <div class="container"><div class="row">
   <div id="pxl-content-area">...noi dung trang...</div></div></div> - tuc la
   ".container" la the CHA BAO NGOAI #pxl-content-area, khong phai cung 1 the.
   VAN DE: footer (template-parts/footer/default.php) cung co 1 the ".container"
   RIENG (nam ngoai #pxl-content-area, o phan get_footer()) - neu chon thang
   ".container" se trung ca 2 the, lam footer bi keo rong/vo bo cuc theo (da
   tung xay ra). Dung ":has(#pxl-content-area)" de CHI nham dung the .container
   nao thuc su la cha cua #pxl-content-area (Chrome/Edge/Safari/Firefox ban
   moi deu da ho tro :has()). */
body.golfseed-ranking-page .container:has(#pxl-content-area) {
	max-width: min(100%, 1430px) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ---- Trang "Ket qua giai dau" rieng cua 1 giai dau (banner dau trang) ----
   Theo dung Figma dev-mode: nen gradient sang #EAEDBB -> #F6F7E5, chu mau
   toi #02151A, anh be goc chua goc xanh #96C552 lo ra, vong tron icon nen
   toi #02151A. */

.golfseed-tr-banner {
	position: relative;
	display: flex;
	gap: 24px;
	align-items: center;
	border-radius: 6px;
	overflow: hidden;
	background: linear-gradient(135deg, #eaedbb 0%, #f6f7e5 100%);
	margin-bottom: 32px;
	padding: 16px;
}

.golfseed-tr-banner-accent {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	bottom: 0;
	width: 190px;
	max-width: 55%;
	background: #96c552;
	clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}

.golfseed-tr-banner-img-wrap {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 479px;
	height: 253px;
	max-width: 100%;
}

.golfseed-tr-banner-img-wrap img.golfseed-tr-banner-img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover;
	border-radius: 10px;
	margin: 0;
}

.golfseed-tr-banner-body {
	flex: 1 1 auto;
	min-width: 0;
	padding: 8px 24px 8px 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.golfseed-tr-banner-eyebrow {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #5e6267;
}

.golfseed-tr-banner-title {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 100%;
	color: #02151a;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(2, 21, 26, 0.15);
}

.golfseed-tr-banner-info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 32px;
	row-gap: 18px;
}

.golfseed-tr-banner-info-item {
	display: flex;
	align-items: center;
	gap: 10px;
}

.golfseed-tr-banner-info-icon-wrap {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	background: #02151a;
	display: flex;
	align-items: center;
	justify-content: center;
}

.golfseed-tr-banner-info-icon {
	width: 18px;
	height: 18px;
	display: block;
}

.golfseed-tr-banner-info-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.golfseed-tr-banner-info-label {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #02151a;
}

.golfseed-tr-banner-info-value {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #02151a;
	overflow-wrap: anywhere;
}

@media (max-width: 700px) {
	.golfseed-tr-banner {
		flex-direction: column;
	}
	.golfseed-tr-banner-info {
		grid-template-columns: repeat(2, 1fr);
	}
	.golfseed-tr-banner-accent {
		top: 0;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		max-width: 100%;
		height: 232px;
		clip-path: none;
	}
	.golfseed-tr-banner-img-wrap {
		width: 100%;
		max-width: 100%;
		height: 200px;
	}
	.golfseed-tr-banner-body {
		padding: 20px;
	}
}

/* ---- Toolbar: tieu de + tim kiem + loc quoc gia + sap xep ---- */

.golfseed-bxh-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 24px;
	width: 100%;
}

/* De phong ky tu qua ngan/wrap khien justify-content: space-between khong
   day sat le phai nhu mong doi (VD toolbar cua bang "Giai dau tham gia"
   tren trang Chi tiet Van dong vien) - ep khoi controls luon sat phai. */
.golfseed-bxh-toolbar .golfseed-bxh-controls {
	margin-left: auto;
}

.golfseed-bxh-title {
	margin: 0;
	font-size: 44px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
	color: #02151a;
}

.golfseed-bxh-controls {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

/* "Fieldset -> Input" (o Tim kiem): flow ngang, justify space-between (chu
   ben trai, icon ben phai), padding 16/17, border 1px #E9E9E9, cao 48px -
   dung dung theo spec Figma thay vi icon dinh vi tuyet doi nhu truoc. */
.golfseed-bxh-search-box {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 371px;
	max-width: 100%;
	height: 48px;
	padding: 16px 17px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
}

#golfseed-bxh-search {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	outline: none;
	background: transparent;
	padding: 0;
	font-family: inherit;
	font-size: 16px;
	line-height: 100%;
	color: #02151a;
}

#golfseed-bxh-search::placeholder {
	color: #02151a;
	opacity: 1;
}

.golfseed-bxh-search-icon {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 8px;
	pointer-events: none;
}

.golfseed-bxh-search-icon svg {
	display: block;
	width: 24px;
	height: 24px;
}

/* "Filter" (Quoc gia / Sap xep theo): CUNG la 1 khung bo vien rieng, cao
   bang o Tim kiem (48px), padding 14/11, border 1px #E9E9E9 - truoc do dang
   de chu thuong khong co khung, khong dung Figma. */
.golfseed-bxh-filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 14px 11px;
	border: 1px solid #e9e9e9;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box;
	gap: 4px;
	font-size: 15px;
	line-height: 100%;
	color: #02151a;
	white-space: nowrap;
}

.golfseed-bxh-filter-label {
	font-weight: 400;
}

.golfseed-bxh-filter-select {
	border: none;
	background: transparent;
	font-weight: 600;
	font-size: 15px;
	color: #02151a;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	padding-right: 18px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%2302151A' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
	background-repeat: no-repeat;
	background-position: right center;
}

/* ---- Tabs hang muc (gach chan mau xanh khi active) ---- */

.golfseed-bxh-tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 20px;
}

/* Moi tab: rong toi thieu 100px, cao "hug" 60px (padding 10px + line-height
   chu 40px = 60px), gach chan 2px - mac dinh trong suot, chi hien mau
   #96C552 khi active. Them !important vi theme co san co the co style rieng
   cho the <a> lam mat gach chan/mau nay (giong loi nut chevron truoc do). */
.golfseed-bxh-tab {
	min-width: 100px;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px;
	color: #5e6267 !important;
	text-decoration: none !important;
	border-bottom: 2px solid transparent !important;
	margin-bottom: -1px;
}

.golfseed-bxh-tab.is-active {
	font-weight: 700;
	color: #02151a !important;
	border-bottom: 2px solid #96c552 !important;
}

/* ---- Bang BXH (accordion: click mui ten de xem chi tiet) ---- */

.golfseed-bxh-card {
	margin-bottom: 32px;
	position: relative;
	transition: opacity 0.15s ease;
}

/* Hien thi khi dang doi AJAX tai du lieu tab moi (xem golfseed-frontend.php)
   - de nguoi dung biet ngay la da bam duoc, khong bi cam giac dung hinh. */
.golfseed-bxh-card.is-loading {
	opacity: 0.45;
	pointer-events: none;
}

.golfseed-bxh-card.is-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	border: 3px solid #e9e9e9;
	border-top-color: #084743;
	border-radius: 50%;
	animation: golfseed-bxh-spin 0.7s linear infinite;
}

@keyframes golfseed-bxh-spin {
	to { transform: rotate( 360deg ); }
}

.golfseed-bxh-empty {
	color: #5e6267;
}

.golfseed-bxh-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

/* Bang BXH chinh dung <colgroup> co dinh do rong cot (xem golfseed-frontend.php)
   + table-layout: fixed - bat buoc phai co, neu khong trinh duyet se tu tinh
   lai do rong cot dua tren NOI DUNG RONG NHAT trong moi cot, ke ca noi dung
   ben trong dong chi tiet mo rong (1 o colspan=4 chua ca avatar+3 the thong
   ke), lam cac dong binh thuong bi lech/hut cot mot cach kho doan va nhin
   "xau" (dung table-layout mac dinh "auto" gay ra loi nay). Chi ap dung cho
   DUNG 1 bang BXH chinh (id rieng), khong dung chung class ".golfseed-bxh-
   table" vi 2 bang khac (lich su nguoi choi, ket qua giai dau) co so cot khac
   va khong co dong colspan nen khong bi loi nay - de nguyen "auto" cho chung. */
#golfseed-bxh-table,
#golfseed-profile-table,
#golfseed-tr-table {
	table-layout: fixed;
}

.golfseed-bxh-table thead tr {
	background: #f6f7e5;
}

/* Rieng header "Xep hang" (cot 1): Figma dev-mode do duoc padding doi xung
   44px trai/phai tren o 206px nay - dau hieu ro rang cua auto-layout can
   GIUA (khong phai can trai nhu mac dinh cac cot khac). */
#golfseed-bxh-table th:first-child,
#golfseed-profile-table th:first-child,
#golfseed-tr-table th:first-child {
	text-align: center;
}

.golfseed-bxh-table th {
	text-align: left;
	/* Header Row Figma: cao co dinh 42px, chu line-height 21px => padding
	   tren/duoi con lai chia deu ~10.5px moi ben (truoc de 14px lam cao qua). */
	padding: 10.5px 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 21px;
	color: #084743;
}

.golfseed-bxh-table th:first-child {
	border-top-left-radius: 6px;
}

.golfseed-bxh-table th:last-child {
	border-top-right-radius: 6px;
}

#golfseed-profile-table th:first-child {
	border-top-left-radius: 6px;
}

#golfseed-profile-table th:last-child {
	border-top-right-radius: 6px;
}

.golfseed-bxh-table td {
	padding: 16px 20px;
	border-bottom: 1px solid #d9d9d9;
	vertical-align: middle;
	font-size: 15px;
	color: #02151a;
}

/* Kiem tra lai bang chinh Figma dev-mode (padding doi xung 44px trai/phai
   tren o "Xep hang" => auto-layout dang can GIUA, khong phai can trai/phai
   nhu 2 lan sua truoc do - lan do doan sai tu ty le anh chup man hinh).
   TAT CA noi dung (ca header lan du lieu, ke ca logo co) can GIUA het,
   CHI RIENG mui ten chevron trong o "Xep hang" la ngoai le, luon nam sat
   canh trai cua o (xem .golfseed-bxh-rank-cell/.golfseed-bxh-chevron ben
   duoi). Dung id de chi anh huong bang BXH chinh, khong dung chung class
   voi 2 bang khac (lich su nguoi choi, ket qua giai dau). */
#golfseed-bxh-table th,
#golfseed-bxh-table td,
#golfseed-profile-table th,
#golfseed-profile-table td,
#golfseed-tr-table th,
#golfseed-tr-table td {
	text-align: center;
}

/* Nguoi dung xac nhan lai (2 lan): "Tong diem" cung phai CAN GIUA nhu tat
   ca cac cot khac, khong con can PHAI nua (rule can phai truoc day dua tren
   suy doan tu ty le anh chup, khong con dung nua) - nen KHONG con override
   rieng cho th:last-child/.golfseed-bxh-points o day, de no ke thua dung
   text-align:center tu rule chung #golfseed-bxh-table th/td o tren. */

/* So le nen cac dong BINH THUONG (chua active): #F8F8F8 / #FFFFFF / #F8F8F8...
   theo dung Figma. Ap dung tren tung <tbody> (moi nguoi choi = 1 tbody rieng -
   xem golfseed-frontend.php) de ca dong chinh + dong chi tiet an cua cung 1
   nguoi luon dong bo mau, khong bi lech mau khi mo/dong chi tiet. */
#golfseed-bxh-table > tbody.golfseed-bxh-group:nth-of-type(odd) .golfseed-bxh-row-main td,
#golfseed-tr-table > tbody.golfseed-bxh-group:nth-of-type(odd) .golfseed-bxh-row-main td {
	background: #f8f8f8;
}

#golfseed-bxh-table > tbody.golfseed-bxh-group:nth-of-type(even) .golfseed-bxh-row-main td,
#golfseed-tr-table > tbody.golfseed-bxh-group:nth-of-type(even) .golfseed-bxh-row-main td {
	background: #ffffff;
}

/* #golfseed-profile-table ("Giai dau tham gia") KHONG dung cau truc 1
   <tbody> rieng/1 nguoi nhu 2 bang tren (khong co accordion chi tiet) - chi
   la cac <tr> thuong nam chung trong 1 <tbody> duy nhat - nen phai so le
   theo :nth-child(tr) thay vi :nth-of-type(tbody), cung mau #F8F8F8/#FFFFFF
   de dong bo voi 2 bang kia. */
#golfseed-profile-table tbody tr:nth-child(odd) td {
	background: #f8f8f8;
}

#golfseed-profile-table tbody tr:nth-child(even) td {
	background: #ffffff;
}

/* Doi ten tu ".golfseed-bxh-row--top1" -> ".golfseed-bxh-row--active": mau
   xanh gradient nay TRUOC DAY gan cung cho hang #1 (server render), nhung
   theo dung yeu cau: day phai la trang thai "dang mo/active" hoan toan do
   JS gan/go khi bam vao chevron - hang nao dang duoc bam mo thi hang do
   moi co mau nay, KHONG phai luon co san cho hang 1. Mac dinh khi tai trang,
   JS se tu dong kich hoat hang dau tien (xem <script> ben duoi).
   Dong hang (thu gon) va khoi chi tiet mo rong ben duoi no THUC RA la CUNG
   1 khoi lien tuc trong Figma ("Background Shape" cao 164px = gop ca 2 phan),
   dung gradient xanh #084743 -> #086C66, chu mau trang. Can !important de
   thang duoc 2 rule so le nen o tren (co do dac ta cao hon vi co #id +
   :nth-of-type). */
.golfseed-bxh-row--active td {
	background: linear-gradient(180deg, #084743 0%, #086c66 100%) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	border-bottom: none !important;
}

.golfseed-bxh-row--active td:first-child {
	border-top-left-radius: 6px;
}

.golfseed-bxh-row--active td:last-child {
	border-top-right-radius: 6px;
}

/* QUAN TRONG: khong duoc dat "width" co dinh (vd 90px) o day - o <td> nay da
   bi ep "display:flex" nen no khong con duoc trinh duyet coi la 1 o bang binh
   thuong de ap dung do rong cot tu <colgroup> (120px) nua, ma tu lay do rong
   theo "width" tu khai bao rieng. Truoc day dat 90px trong khi cot thuc te la
   120px lam thua ra 1 khoang trang ~30px KHONG duoc to nen giua cot "Xep
   hang" va "Golfer" (nhin nhu 1 khoi trang lac giua dong) - moi hang gap loi
   nay, ro nhat o hang Hang 1 vi nen la mau xanh dam. Dung box-sizing:border-
   box + width:100% de flex-box nay LUON lap day dung do rong 120px cua o
   <td> (tru di 2x padding 20px cua ".golfseed-bxh-table td" da co san). */
/* O "Xep hang": theo dung Figma dev-mode (padding doi xung 44px 2 ben) so
   TOAN BO cot deu can GIUA - CHI RIENG mui ten chevron la ngoai le, luon
   ghim co dinh sat le trai cua o (khong di chuyen theo huong can giua cung
   so hang).
   QUAN TRONG (fix loi mui ten nam lech xuong duoi so voi so hang): TRUOC DAY
   chevron dung position:absolute + top:50% (can giua theo toa do hinh hoc),
   con so hang (<span>) lai dua vao "vertical-align:middle" mac dinh cua o
   <td> (can giua theo dong chu/line-height) - 2 co che nay dua tren 2 phep
   tinh KHAC NHAU nen co the lech nhau vai px, gay ra dung hien tuong nguoi
   dung thay: mui ten nam thap hon han so voi so. Fix DUT DIEM: cho CA 2 (mui
   ten va so hang) DUNG CHUNG 1 kieu dinh vi tuyet doi + top:50%/transform y
   het nhau, dam bao luon nam CHINH XAC tren cung 1 duong ngang, khong con
   phu thuoc vertical-align nua. */
.golfseed-bxh-rank-cell {
	position: relative;
	font-weight: 700;
}

/* Reset toan bo (kieu button mac dinh cua theme dang de nut xanh to de len
   day - dung "all: unset" de chac chan thang duoc, roi tu dat lai dung nhung
   gi can). Chi la 1 mui ten nho, khong phai 1 nut bam co khoi mau.
   Kich thuoc dung DUNG theo Figma dev-mode: 14x8 (rong 14, cao 8) - truoc day
   dung ky tu unicode "⌄" trong o 16x16/font-size 12px nen hinh dang bi vuong/
   to hon nhieu so voi mui ten det, thanh, dung trong thiet ke. Doi sang SVG
   ve tay (2 net thang tao hinh chevron) de kiem soat dung ty le 14:8, khong
   con phu thuoc font chu/ky tu unicode render khac nhau tren tung may nua -
   xem <svg> thay the ky tu "⌄" trong golfseed-frontend.php (2 cho dung chung
   class nay: bang BXH chinh va bang Ket qua giai dau). */
.golfseed-bxh-chevron {
	all: unset !important;
	box-sizing: border-box !important;
	position: absolute !important;
	left: 20px !important;
	top: 50% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 14px !important;
	height: 8px !important;
	cursor: pointer !important;
	color: #a0a0a0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	transform: translateY(-50%) !important;
	transition: transform 0.2s ease;
}

.golfseed-bxh-chevron svg {
	width: 14px !important;
	height: 8px !important;
	display: block !important;
}

.golfseed-bxh-chevron.is-open {
	transform: translateY(-50%) rotate(180deg) !important;
	color: #ffffff !important;
}

/* So hang: dung CHINH XAC cung co che top:50%/translateY(-50%) nhu chevron
   o tren (khong con dua vao vertical-align:middle nua) - dam bao luon nam
   ngang hang voi mui ten, khong bi lech len/xuong. Can giua ngang bang
   left:0/right:0 + text-align:center de khop voi vi tri can giua chung
   cua ca cot (giong header "Xep hang"). */
/* BUG da tim ra: span nay dung left:0/right:0 nen VUNG BAM (hitbox) cua no
   trai dai het chieu rong o (0 den 206px), DE LEN TREN nut chevron (chevron
   nam o x:20-36px, nam TRONG vung 0-206 do) vi span nay dung SAU chevron
   trong DOM nen duoc ve CHONG LEN TREN theo mac dinh (position khac static +
   khong z-index = xep theo thu tu DOM). Vi vay khi bam vao chevron, click
   thuc ra roi vao span nay (khong khop .golfseed-bxh-chevron), lam JS
   khong active duoc - dung loi nguoi dung bao "bam khong an duoc". Fix:
   pointer-events:none de click luon "xuyen qua" span nay toi dung chevron
   ben duoi. */
.golfseed-bxh-rank-number {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	pointer-events: none;
}

.golfseed-bxh-name-cell {
	font-size: 18px;
	font-weight: 600;
	color: #002f2c;
}

.golfseed-bxh-flag-cell {
	font-size: 18px;
}

/* Anh co (thay flag emoji - xem ghi chu trong golfseed_country_flag_html()):
   24x24, bo tron hoan toan theo dung Figma ("Flag", radius 100), giong het
   kieu avatar tron. Anh goc tu flagcdn.com la hinh CHU NHAT (khong vuong),
   object-fit:cover se tu cat cho day khung vuong 24x24 truoc khi bo tron.
   Them !important vi theme co style <img> mac dinh (border-radius:0) de
   len tren, khien co truoc do bi vuong thay vi tron. */
.golfseed-flag-img {
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	display: inline-block !important;
	vertical-align: middle !important;
	flex: 0 0 auto;
}

.golfseed-bxh-points {
	font-weight: 600;
	color: #02151a;
}

.golfseed-bxh-row-detail td {
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
}

/* Cung 1 gradient voi dong dang active phia tren (xem .golfseed-bxh-row--active
   td) de 2 phan nhin lien thanh 1 khoi duy nhat nhu Figma.
   SUA LAI THEO DUNG SO DO THAT TU FIGMA DEV-MODE (nguoi dung tu chup tung o
   header bang Properties panel): bang KHONG PHAI 4 cot ma la DUNG 6 cot voi
   do rong rieng: 206 / 300 / 170 / 200 / 268 / 266 (cong lai = 1410px, khop
   voi do rong 1410px cua chinh khoi "Hang 1" mo rong ma nguoi dung do duoc).
   2 cot 200 va 268 KHONG co nhan trong hang thu gon (xem 2 <td class=
   "golfseed-bxh-empty-cell"> trong golfseed-frontend.php) - chi la cho danh
   san cho 2 the thong ke ("Thang", "So giai dau tham gia") khi mo rong. Badge
   va avatar la con truc tiep cua grid (cot 1, cot 2). Rieng 3 khoi thong ke
   KHONG con la 3 con doc lap nua - moi khoi 180px co dinh nhung neu dat vao
   3 cot RONG KHAC NHAU (170/200/268) va can giua tung cot mot thi khoang
   cach GIUA cac khoi se khong deu nhau (khoi gan, khoi xa - dung loi nguoi
   dung bao). Gio gop chung vao nhom flex ".golfseed-bxh-detail-stats" SPAN
   CA 3 cot lien tiep (170+200+268=638px, xem grid-column ben duoi), co gap
   DEU giua 3 khoi, ca nhom can giua trong vung 638px do. Chi-tiet van la 1
   con grid doc lap, se tu dong roi vao cot cuoi con lai (266px, dung bang
   "Tong diem"). Da bo padding ngang cua panel (xem giai thich duoi) de x=0
   cua grid khop dung voi bien cac cot that cua bang. */
.golfseed-bxh-detail-panel {
	background: linear-gradient(180deg, #084743 0%, #086c66 100%);
	border-radius: 0 0 6px 6px;
	margin: 0 0 16px;
	padding: 20px 0;
	display: grid;
	/* Dung % (ty le tren tong 1410px do duoc: 206/300/170/200/268/266) thay vi
	   px co dinh - vi bang chinh dung table-layout:fixed voi width:100%, cac
	   cot THAT SU cua no se duoc trinh duyet CO GIAN theo ty le neu do rong
	   container thuc te khac 1410px (vd 1430px cua khu vuc noi dung site).
	   Neu grid nay giu nguyen px co dinh (luon dung 1410px), no se KHONG co
	   gian theo, gay lech dan ve phia cuoi (nhu "Chi tiet" bi lech trai so
	   voi "Tong diem" ma nguoi dung bao) - dung % giup ca 2 ben LUON ty le
	   giong het nhau du container rong bao nhieu. */
	grid-template-columns: 14.6099% 21.2766% 12.0567% 14.1844% 19.0071% 18.8652%;
	align-items: center;
	justify-items: center;
}

.golfseed-bxh-detail-stats {
	grid-column: 3 / 6;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}

.golfseed-bxh-badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-width: 90px;
}

.golfseed-bxh-badge strong {
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
	color: #c3e92d;
}

.golfseed-bxh-badge span {
	font-size: 14px;
	color: #fff;
}

/* Anh dai dien lay tu get_avatar() cua WordPress - the <img> nay co san class
   rieng ("avatar") ma theme dat style mac dinh (thuong la border-radius:0 hoac
   khac) de len tren, khien no bi vuong thay vi tron nhu Figma. Them !important
   giong nhu da lam voi .golfseed-flag-img de dam bao luon bo tron. */
.golfseed-bxh-detail-avatar {
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
	border: 2px solid #96c552 !important;
	object-fit: cover !important;
	display: block;
}

.golfseed-bxh-stat {
	flex: 0 0 180px;
	width: 180px;
	height: 80px;
	border-radius: 10px;
	border: 1px solid rgba(150, 197, 82, 0.2);
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	text-align: center;
}

.golfseed-bxh-stat strong {
	font-size: 22px;
	font-weight: 700;
	color: #c3e92d;
}

.golfseed-bxh-stat span {
	font-size: 12px;
	color: #fff;
	padding: 0 8px;
}

.golfseed-bxh-detail-link {
	color: #c3e92d;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	/* Gio la 1 con truc tiep cua grid 6 cot, nam dung o cot cuoi (266px,
	   khop dung voi cot "Tong diem" o hang thu gon) - tu can giua trong do
	   nho "justify-items:center" cua .golfseed-bxh-detail-panel, khong con
	   can margin-left:auto nua. */
}

/* ---- Phan trang bang BXH (theo dung Figma dev-mode: o so trang 44x44,
   trang dang active nen #084743 chu #96C552, khong active nen trang vien
   1px #E9E9E9 chu #02151A; nut "trang truoc/sau" la mui ten 20x20). Logic
   an/hien nut truoc/sau (dau trang an "truoc", cuoi trang an "sau") nam ben
   JS (golfseed_render_ranking_shortcode() - renderPage()). */
.golfseed-bxh-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 24px;
	width: 100%;
}

.golfseed-bxh-page-numbers {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Them !important khap noi (giong dung pattern da dung cho .golfseed-bxh-
   chevron) - theme co san style rieng cho <button> (nen tron mau xanh
   #96c552 dang thay tren trang) de len tren "all:unset" khong-!important,
   khien nut so trang bi hien sai mau/hinh dang thay vi dung nhu Figma (o
   vuong bo goc, active nen #084743 chu #96C552, khong active nen trang
   vien #E9E9E9). */
.golfseed-bxh-page-item {
	all: unset !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 8px !important;
	border: 1px solid #e9e9e9 !important;
	background: #ffffff !important;
	color: #02151a !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	text-align: center !important;
}

.golfseed-bxh-page-item.is-active {
	background: #084743 !important;
	border-color: #084743 !important;
	color: #96c552 !important;
}

/* Theo dung Figma dev-mode: nut "trang truoc/sau" KHONG PHAI 1 icon nho
   20x20 nhu truoc - no la 1 "KHOI" 44x44 giong HET kieu khoi so trang KHONG
   active (nen trang #FFFFFF, vien 1px #E9E9E9), chi khac la chua 1 mui ten
   nho thay vi so. Mau mui ten #02151A (khop mau chu cua so trang khong
   active). */
.golfseed-bxh-page-nav {
	all: unset !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 8px !important;
	border: 1px solid #e9e9e9 !important;
	background: #ffffff !important;
	color: #02151a !important;
	font-size: 16px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

/* Class rieng de an nut truoc/sau (thay vi style.display inline) - vi
   .golfseed-bxh-page-nav dung !important cho display nen 1 style="display:
   none" thuong (khong !important) tren cung phan tu se KHONG thang duoc,
   khien nut van hien du da an. Selector 2 class ben duoi co do dac ta cao
   hon nen luon thang. */
.golfseed-bxh-page-nav.is-hidden {
	display: none !important;
}

/* ---- "Ket qua giai dau khac" (carousel giai dau lien quan) ---- */

.golfseed-bxh-related {
	margin-top: 120px;
}

.golfseed-bxh-related-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.golfseed-bxh-section-title {
	margin: 0;
	font-size: 44px;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
	color: #02151a;
}

.golfseed-bxh-carousel-nav {
	display: flex;
	gap: 10px;
}

.golfseed-carousel-btn {
	all: unset !important;
	box-sizing: border-box !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 100px !important;
	border: 2px solid #96c552 !important;
	background: #084743 !important;
	color: #96c552 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Icon mui ten (thay cho ky tu chu "‹"/"›" truoc day - font-glyph khong
   bao gio can giua chinh xac trong khoi tron vi metric rieng cua tung font,
   luon bi lech). Dung SVG kich thuoc CO DINH 6x12 (dung theo Figma) de
   chac chan can giua tuyet doi bang flex cua nut cha. */
.golfseed-carousel-btn svg {
	display: block;
	width: 6px;
	height: 12px;
}

.golfseed-bxh-related-list {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding-bottom: 4px;
	/* An thanh scrollbar - carousel dieu huong bang 2 nut mui ten, khong
	   can thanh cuon hien ra duoi cung. */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.golfseed-bxh-related-list::-webkit-scrollbar {
	display: none;
	height: 0;
}

.golfseed-bxh-related-item {
	/* Luon hien DUNG 4 the/1 man hinh (gap 16px, 3 khoang gap giua 4 the) -
	   thay vi chieu rong co dinh 360px truoc day (gay du/thieu the tuy do
	   rong container, phai cuon lech). */
	flex: 0 0 calc((100% - 3 * 16px) / 4);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-decoration: none;
	color: #02151a;
	border: 1px solid #e9e9e9;
	border-radius: 8px;
	padding: 12px;
}

/* Man hinh nho: 4 the/hang qua chat, giam con ~2 the/hang (tablet) va
   ~1.2 the/hang (mobile, "ho" 1 chut de goi y con the tiep theo co the
   cuon). */
@media (max-width: 992px) {
	.golfseed-bxh-related-item {
		flex: 0 0 calc((100% - 16px) / 2);
	}
}

@media (max-width: 600px) {
	.golfseed-bxh-related-item {
		flex: 0 0 82%;
	}
}

.golfseed-bxh-related-item img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	border-radius: 6px;
}

.golfseed-bxh-related-name {
	display: block;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	color: #02151a;
}

.golfseed-bxh-related-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #96c552;
	color: #02151a;
	border-radius: 4px;
	padding: 5px 12px;
	width: fit-content;
	text-decoration: none;
}

.golfseed-bxh-related-btn-text {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1.12px;
	text-transform: uppercase;
	color: #02151a;
}

.golfseed-bxh-related-btn-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	line-height: 1;
	color: #02151a;
}

/* =========================================================================
 * 2. TRANG CHI TIET VAN DONG VIEN (khoi hero xanh + so lieu thong ke +
 *    thong tin van dong vien + bang "Giai dau tham gia"), dung theo dung
 *    so do Figma dev-mode: hero 1410x360 radius6, avatar 216x216 vien 4px
 *    #96C552, hexagon hang, 4 khoi stat 200x80.
 * ========================================================================= */

.golfseed-profile-page {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.golfseed-profile-hero {
	display: flex;
	align-items: center;
	gap: 40px;
	min-height: 360px;
	border-radius: 6px;
	background: linear-gradient(180deg, #084743 0%, #086c66 100%);
	padding: 32px 40px;
	box-sizing: border-box;
}

.golfseed-profile-avatar {
	width: 216px !important;
	height: 216px !important;
	min-width: 216px;
	border-radius: 50% !important;
	border: 4px solid #96c552 !important;
	object-fit: cover !important;
	display: block;
}

.golfseed-profile-body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.golfseed-profile-toprow {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.golfseed-profile-rank-hex {
	position: relative;
	flex: 0 0 auto;
	width: 54px;
	height: 47px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #c3e92d;
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}

.golfseed-profile-rank-hex span {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	color: #084743;
}

.golfseed-profile-name {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #f6f7e5;
}

.golfseed-profile-flag img {
	width: 34px !important;
	height: 34px !important;
	border-radius: 100px !important;
	object-fit: cover !important;
	display: block;
	position: relative;
	top: 8px;
}

.golfseed-profile-score {
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
}

.golfseed-profile-score-label {
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: #ffffff;
}

.golfseed-profile-score-value {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 1;
	color: #c3e92d;
}

.golfseed-profile-section-label {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #ffffff;
}

.golfseed-profile-stats-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.golfseed-profile-stat {
	width: 200px;
	height: 80px;
	box-sizing: border-box;
	flex: 0 0 200px;
	border-radius: 10px;
	border: 1px solid rgba(150, 197, 82, 0.2);
	background: rgba(255, 255, 255, 0.1);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5px;
	text-align: center;
}

.golfseed-profile-stat strong {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #c3e92d;
}

.golfseed-profile-stat span {
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color: #ffffff;
}

.golfseed-profile-divider {
	height: 1px;
	background: rgba(255, 255, 255, 0.15);
}

.golfseed-profile-info-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.golfseed-profile-info-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: "Inter", "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
	white-space: nowrap;
}

.golfseed-profile-info-item:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.25);
}

.golfseed-profile-info-item strong {
	font-family: "Inter", "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: #ffffff;
}

.golfseed-profile-info-icon {
	width: 16px !important;
	height: 16px !important;
	display: inline-block !important;
	flex: 0 0 auto;
	object-fit: contain !important;
}

.golfseed-profile-info-contact {
	gap: 8px;
}

.golfseed-profile-social-btn {
	all: unset !important;
	box-sizing: border-box !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	font-size: 13px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer;
	text-decoration: none;
}

.golfseed-profile-social-btn img {
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
}

.golfseed-profile-social-btn--generic {
	background: rgba(255, 255, 255, 0.15) !important;
}

/* ---- Bang "Giai dau tham gia" (cung bo loc + phan trang nhu bang BXH) ---- */

.golfseed-profile-results {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Bang "Giai dau tham gia" dung chung CSS voi bang BXH chinh (.golfseed-bxh-
   table, #golfseed-bxh-table da duoc noi rong selector o tren de ap dung ca
   cho #golfseed-profile-table) - chi con lai style rieng cho phan link ten
   giai dau trong o "Su kien / Giai dau". */
#golfseed-profile-table td a {
	color: #02151a;
	text-decoration: none;
	font-weight: 600;
}

#golfseed-profile-table .golfseed-flag-img {
	margin: 0 auto;
}

.golfseed-profile-results-title {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #02151a;
}

/* =========================================================================
 * 3. BANG KET QUA TRONG TAB "KET QUA" CUA 1 GIAI DAU
 * ========================================================================= */

.golfseed-results-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.golfseed-results-tab {
	padding: 8px 18px;
	border-radius: 6px;
	border: 1px solid #e9e9e9;
	background: #fff;
	color: #02151a;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}

.golfseed-results-tab.is-active {
	background: #16382c;
	color: #fff;
	border-color: #16382c;
}

@media (max-width: 600px) {
	.golfseed-profile-hero {
		flex-direction: column;
		text-align: center;
		padding: 24px 20px;
	}
	.golfseed-profile-toprow {
		justify-content: center;
	}
	.golfseed-profile-score {
		margin-left: 0;
		align-items: center;
	}
	.golfseed-profile-info-row {
		justify-content: center;
	}
	.golfseed-bxh-table {
		display: block;
		overflow-x: auto;
	}
}