/*
Theme Name: Truong Tuoi Dong Nai Academy
Theme URI: https://truongtuoiacademy.vn
Author: Truong Tuoi Dong Nai Academy
Description: Theme WordPress cho học viện bóng đá — landing page đầy đủ tính năng, CPT cho Cầu thủ/HLV/Trận đấu, ACF fields, Customizer, Search overlay, Person modal popup.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ttacademy
*/
:root{
  --ink-900:#0B3D24;--ink-800:#0F4A2C;--green-700:#1F7A3D;--green-600:#268F49;
  --lime-400:#6FC44A;--lime-300:#9BDB6E;--chalk-50:#F7F9F4;--chalk-100:#EEF3E8;
  --paper:#FFFFFF;--gold-500:#FFC72C;--text-900:#0D1B12;--text-600:#44534A;
  --text-500:#5B6B61;--line:#DCE6DA;
  --font-display:'Anton','Impact',sans-serif;
  --font-head:'Archivo','Arial Black',Arial,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-data:'Oswald','Arial Narrow',Arial,sans-serif;
  --container:1240px;--radius-m:14px;--radius-l:24px;
  --shadow-card:0 4px 24px rgba(11,61,36,.08);
  --shadow-pop:0 24px 64px rgba(11,61,36,.35);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--text-900);background:var(--chalk-50);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
/* Phòng hờ toàn cục: tắt chấm bullet (•) mặc định của trình duyệt cho MỌI
   <li>, kể cả khi <li> không nằm trong <ul>/<ol> (ví dụ menu chính dùng
   items_wrap rút gọn nên <li> là con trực tiếp của <nav>, xem .main-nav
   trong theme.css) — vì list-style-type mặc định của trình duyệt vẫn là
   "disc" khi không có <ul> cha để kế thừa "none" từ rule phía trên. */
li{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
h1,h2,h3,h4,p{margin:0}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
@media(max-width:640px){.container{padding:0 16px}}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-data);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--green-700);font-weight:600}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--lime-400);display:inline-block}
.section-head{margin-bottom:44px;max-width:680px}
.section-head h2{font-family:var(--font-head);font-weight:800;font-size:clamp(28px,4vw,42px);letter-spacing:-.01em;line-height:1.08;margin-top:10px;color:var(--ink-900)}
.section-head p{margin-top:14px;font-size:16px;line-height:1.6;color:var(--text-600)}
.section-pad{padding:96px 0}
@media(max-width:780px){.section-pad{padding:64px 0}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:15px;padding:14px 26px;border-radius:100px;transition:transform .25s var(--ease),box-shadow .25s var(--ease);white-space:nowrap}
.btn-primary{background:var(--lime-400);color:var(--ink-900);box-shadow:0 8px 20px rgba(111,196,74,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(111,196,74,.45);background:var(--lime-300)}
.btn-ghost{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.btn-dark{background:var(--ink-900);color:#fff}
.btn-dark:hover{background:var(--ink-800);transform:translateY(-2px)}
.btn-outline{background:transparent;color:var(--ink-900);border:1.5px solid var(--line)}
.btn-outline:hover{border-color:var(--green-700);color:var(--green-700)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:var(--ink-900);color:#fff;padding:14px 22px}
.skip-link:focus{left:0}