/* Vĩnh Lộc V2.3: cohesive navy arena surface and compact player directory. */
:root{--vlp-bg:#03172b;--vlp-panel:#072844;--vlp-line:#2674ac;--vlp-blue:#58beff;--vlp-lime:#ebff29;--vlp-white:#f5f9ff}
body{background:#03172b;color:var(--vlp-white)}
.shell{width:min(100% - 52px,1400px)}
.site-header{background:#031b34ed!important;border-bottom:1px solid #2b8dc5!important;color:#fff;box-shadow:0 4px 20px #00101eb8}
.site-header .header-inner{min-height:72px;gap:20px}
.site-header .brand-logo{max-height:69px}
.site-header .nav-list a{font-size:14px;font-weight:650;color:#f2f7fd;padding:22px 0}
.site-header .nav-list a:hover,.site-header .nav-list .current-menu-item>a{color:var(--vlp-lime)}
.site-header .nav-list .sub-menu{background:#082946;border:1px solid var(--vlp-line)}
.site-header .header-tools{display:flex;align-items:center;gap:12px}
.header-player-search{display:flex;align-items:center;height:40px;width:205px;border:1px solid #3c87b9;border-radius:30px;background:#0a2946;overflow:hidden}
.header-player-search input{min-width:0;flex:1;width:100%;border:0;outline:0;background:transparent;color:#fff;padding:7px 0 7px 14px;font-size:13px}
.header-player-search input::placeholder{color:#c5d8ec}
.header-player-search button{background:transparent;border:0;color:#d7f3ff;font-size:24px;line-height:1;padding:0 12px}
.site-header .header-cta,.vlp-find-button{background:var(--vlp-lime)!important;color:#071a2f!important;border:0;box-shadow:0 0 15px #d9ff3860;font-weight:800}
.site-header .header-cta{font-size:13px;white-space:nowrap}
body.home .arena-hero.vl-hero:not(.vl-custom-hero){background-image:linear-gradient(90deg,#04172d54 0%,transparent 50%),url('../img/hero-clean-v23.webp')!important;background-size:cover!important;background-position:center center!important}
body.home .arena-hero.vl-custom-hero{background-image:var(--vl-hero-photo)!important;background-size:cover!important;background-position:center!important}
body.home .arena-hero.vl-hero .arena-hero-copy{position:relative;z-index:2}
body.home .vl-hero .arena-kicker{font-size:14px!important;color:#f7fbff!important;letter-spacing:.12em}
body.home .vl-hero .arena-hero-copy h1 span{color:var(--vlp-lime)!important;text-shadow:0 3px 10px #002b38}
body.home .vl-hero .arena-hero-copy h1 strong{color:#fff!important;text-shadow:0 3px 10px #001c30}
body.home .vl-hero .arena-hero-copy>p{color:#fff!important;font-size:14px!important;line-height:1.45!important}
body.home .vl-hero .vl-hero-facts span{font-size:13px!important;color:#fff!important}
body.home .arena-section{background:linear-gradient(110deg,#04162b,#082a49 52%,#04162b)!important;border-bottom:1px solid #4d9dd2!important;box-shadow:inset 0 1px 0 #d9ff3530!important;padding:22px 0 25px!important}
body.home .arena-section-title{align-items:end!important;gap:15px!important;margin-bottom:13px!important}
body.home .arena-section-title h2{font-size:clamp(20px,1.8vw,27px)!important;color:#fff!important;border-left:4px solid var(--vlp-lime)!important;padding-left:12px!important;line-height:1.15!important}
body.home .arena-section-title p{font-size:14px!important;color:#d3dfed!important;margin:4px 0 0!important}
body.home .arena-section-title a{font-size:14px!important;color:#9cdaff!important}
body.home .tour-grid,body.home .service-grid,body.home .vl-player-grid,body.home .vl-news-grid{gap:12px!important}
body.home .tour-card,body.home .service-tile,body.home .athlete-card,body.home .vl-rank-card,body.home .vl-news-card{background:#092846!important;border:1px solid #3a8dc4!important;border-radius:7px!important;box-shadow:0 6px 17px #0008!important}
body.home .tour-card h3{font-size:16px!important;line-height:1.2!important}
body.home .tour-card .tour-details,body.home .tour-card .tour-cta{font-size:13px!important}
body.home .service-tile strong{font-size:15px!important}
body.home .service-tile small{font-size:13px!important;line-height:1.4!important}
body.home .vl-player-grid .athlete-meta strong{font-size:15px!important}
body.home .vl-player-grid .athlete-meta small,body.home .vl-player-grid .vl19-player-line{font-size:12px!important}
body.home .vl-rank-card .vl-rank-info{min-width:0}
body.home .vl-rank-row,body.home .vl-rank-head{font-size:13px!important}
body.home .vl-news-card strong{font-size:15px!important;line-height:1.3!important}
body.home .vl-news-card small,body.home .vl-news-card .vl-news-meta{font-size:12px!important}
body.home .vl-news-card .vl-news-image img{object-fit:cover!important}
.page-intro{background:linear-gradient(110deg,#03172b,#0b3456);padding:45px 0;border-bottom:1px solid var(--vlp-line)}
.page-intro h1{font-size:clamp(32px,4vw,48px);font-weight:800;color:#fff}
.page-intro p{font-size:15px;color:#c8e0f3}
.vlp-catalog-section,.page-template-default .section-cream{background:linear-gradient(125deg,#04182e,#072843 55%,#04182e);padding:34px 0 75px;color:#fff}
.vlp-player-tools{display:grid;grid-template-columns:minmax(230px,1fr) minmax(135px,180px) minmax(165px,210px) auto;gap:10px;align-items:center;margin-bottom:13px}
.vlp-player-tools input,.vlp-player-tools select{width:100%;height:46px;background:#082b49;border:1px solid #4b95c2;border-radius:6px;color:#fff;padding:0 13px;font-size:14px;outline:none}
.vlp-player-tools input::placeholder{color:#b4cee1}
.vlp-player-tools input:focus,.vlp-player-tools select:focus,.header-player-search:focus-within{border-color:var(--vlp-lime);box-shadow:0 0 0 2px #d9ff333f}
.vlp-find-button{height:46px;padding:0 21px;border-radius:6px;font-size:14px;cursor:pointer}
.vlp-result-count{color:#bad8ed;font-size:14px;margin:0 0 13px}
.vlp-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vlp-player-item{display:grid;grid-template-columns:88px minmax(0,1fr) 100px;gap:14px;align-items:center;position:relative;padding:10px 14px 10px 10px;border:1px solid #367eaf;border-radius:8px;background:#0a2a47;box-shadow:0 4px 15px #0005;min-width:0}
.vlp-player-photo{display:block;width:88px;height:88px;overflow:hidden;border-radius:6px;background:#164a70}
.vlp-player-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.vlp-player-photo .wpk-initial{display:grid;place-items:center;height:100%;font-size:30px}
.vlp-player-info{min-width:0}.vlp-player-category{color:var(--vlp-lime);font-size:12px;letter-spacing:.05em;font-weight:800}
.vlp-player-info h2{font-size:17px;line-height:1.3;margin:3px 0 4px;color:#fff;letter-spacing:0}
.vlp-player-info h2 a:hover{color:var(--vlp-lime)}
.vlp-player-info p{font-size:13px;color:#c3daeb;margin:0;overflow-wrap:anywhere}
.vlp-sample-label{display:inline-block;font-size:11px;color:#071d35;background:#bbd9ec;border-radius:2px;padding:2px 5px;margin-top:5px;font-weight:750}
.vlp-player-score{text-align:right}.vlp-player-score span{display:block;color:#b5d1e5;font-size:11px;font-weight:700}.vlp-player-score strong{display:block;color:var(--vlp-lime);font-size:22px;line-height:1.25}
.vlp-player-open{grid-column:2 / 4;justify-self:end;color:#9bdcff;font-size:13px;font-weight:700}
.vlp-player-open:hover{color:var(--vlp-lime)}
.vlp-catalog-empty{padding:25px;background:#0a2a47;border:1px solid var(--vlp-line);border-radius:6px;color:#dcecff;font-size:15px}
.vlp-catalog-empty a{color:var(--vlp-lime);text-decoration:underline}
.vlp-player-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.vlp-player-pages a{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--vlp-line);background:#0a2a47;color:#fff;border-radius:4px}
.vlp-player-pages a.current{background:var(--vlp-lime);color:#071b30;border-color:var(--vlp-lime)}
@media(max-width:1200px){.site-header .nav-list{gap:11px}.site-header .nav-list a{font-size:12px}.header-player-search{width:160px}}
@media(max-width:1020px){.header-player-search{display:none}.site-header .nav-toggle span{background:#fff}.site-header .primary-nav{background:#05223d;border-color:var(--vlp-line)}.site-header .nav-list a{font-size:14px}}
@media(max-width:760px){.vlp-player-list{grid-template-columns:1fr}.vlp-player-tools{grid-template-columns:1fr 1fr}.vlp-player-search{grid-column:1/-1}.vlp-find-button{grid-column:1/-1}body.home .arena-hero.vl-hero:not(.vl-custom-hero){background-position:58% center!important}body.home .vl-hero .arena-hero-copy{width:70%!important}}
@media(max-width:640px){.shell{width:min(100% - 28px,530px)}body.home .arena-hero.vl-hero:not(.vl-custom-hero){background-image:linear-gradient(90deg,#03172bf2,#03172bc2 72%,#03172b6b),url('../img/hero-clean-v23.webp')!important;background-size:cover,auto 100%!important;background-position:center,57% center!important}body.home .vl-hero .arena-hero-copy{width:100%!important;max-width:100%!important}body.home .tour-grid,body.home .service-grid{grid-template-columns:1fr!important}body.home .vl-news-grid{grid-template-columns:1fr!important}body.home .arena-section-title{align-items:flex-start!important}body.home .arena-section-title h2{font-size:19px!important}body.home .arena-section-title p{font-size:13px!important}.vlp-player-item{grid-template-columns:72px minmax(0,1fr) 76px;gap:9px;padding:8px}.vlp-player-photo{height:72px;width:72px}.vlp-player-info h2{font-size:15px}.vlp-player-score strong{font-size:18px}.vlp-player-score span{font-size:10px}.vlp-player-open{font-size:12px}.site-header .header-cta{font-size:11px;min-width:0;padding:8px 10px}}
@media(max-width:390px){.vlp-player-tools{grid-template-columns:1fr}.vlp-player-search,.vlp-find-button{grid-column:auto}.vlp-player-item{grid-template-columns:68px minmax(0,1fr)}.vlp-player-photo{width:68px;height:68px}.vlp-player-score{grid-column:2;text-align:left}.vlp-player-score span,.vlp-player-score strong{display:inline;font-size:13px;margin-right:5px}.vlp-player-open{grid-column:2;justify-self:start}}
