/* =========================================================
   GLOBAL CITIZEN – CUSTOM CSS (file DUY NHẤT chứa CSS tuỳ chỉnh)
   Vị trí: wp-content/themes/hello-elementor-child/gc-custom.css
   Chỉ chứa phần widget không tự làm được: header dính, mega menu
   (hover, vị trí), menu mobile, nút VI/EN, footer, hiệu ứng nút.
   Màu thương hiệu lấy từ Global Kit qua biến --e-global-color-*.
   ========================================================= */

/* ---------- 0. Biến dùng chung (màu phụ của header/footer) ---------- */
:root{
  --gc-navy:var(--e-global-color-primary,#082946);
  --gc-gold:var(--e-global-color-secondary,#A99A64);
  --gc-ink:var(--e-global-color-text,#102335);
  --gc-blue:var(--e-global-color-accent,#0F64B9);
  --gc-gold-deep:var(--e-global-color-gcgolddp,#857746);
  --gc-line:var(--e-global-color-gcline,#DBE4EA);
  --gc-nav-text:#30485a;      /* chữ menu chính */
  --gc-chev:#768592;          /* mũi tên ⌄ */
  --gc-mega-border:#d8e1e7;   /* viền khung mega */
  --gc-mega-divider:#edf1f4;  /* đường kẻ dưới tiêu đề mega */
  --gc-mega-hover:#f3f7fa;    /* nền khi rê chuột */
  --gc-mega-muted:#6c7d89;    /* mô tả trong mega */
  --gc-sublink:#526675;       /* chữ link visa */
}
html{scroll-behavior:smooth}
/* Font: Roboto (nạp từ Google Fonts trong functions.php, đủ dấu tiếng Việt).
   Muốn đổi font: sửa biến --gc-font dưới đây và link font trong functions.php. */
:root{--gc-font:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body{font-family:var(--gc-font);-webkit-font-smoothing:antialiased}
body :is(button,input,select,textarea,.elementor-button,.elementor-heading-title,.elementor-widget-text-editor,.e-n-menu-title-text){font-family:var(--gc-font)}

/* Tiếng Việt: tiêu đề lớn cần line-height đủ cao để dấu (ố, ộ, ẩ…) không dính dòng trên/dưới.
   text-wrap: balance chia đều các dòng tiêu đề -> không còn 1 chữ đứng riêng ở dòng cuối;
   text-wrap: pretty tránh chữ mồ côi ở cuối đoạn văn (trình duyệt cũ bỏ qua, không lỗi). */
.elementor-heading-title{text-wrap:balance}
.elementor-widget-text-editor :is(p,li){text-wrap:pretty}

/* Link: giống demo – kế thừa màu chữ, không gạch chân (thay màu hồng mặc định của theme) */
a,a:hover,a:active,a:focus{color:inherit;text-decoration:none}

/* ---------- 1. Nút (áp dụng toàn site, giống .btn của demo) ---------- */
.elementor-button{border:1px solid transparent;transition:.2s ease}
.elementor-button:hover{transform:translateY(-1px)}

/* ---------- 1b. Kiểu chữ dùng lại (lead, đoạn văn) ---------- */
.gc-lead{max-width:760px}
.gc-lead p{margin:1em 0}

/* ---------- 2. Header dính ---------- */
.elementor-location-header{position:sticky;top:0;z-index:100}
.admin-bar .elementor-location-header{top:32px}
@media(max-width:782px){.admin-bar .elementor-location-header{top:46px}}
@media(max-width:600px){.admin-bar .elementor-location-header{top:0}}
.e-con.gc-header{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-top:4px solid var(--gc-navy);border-bottom:1px solid #e5e8ea}
.gc-brand a{display:block;line-height:0}
.gc-brand img{display:block}
.elementor-widget-n-menu.gc-nav{margin-left:auto!important}

/* ---------- 3. Menu chính (desktop) ---------- */
.elementor-widget-n-menu.gc-nav .e-n-menu-heading{column-gap:0;row-gap:0}
.elementor-widget-n-menu.gc-nav .e-n-menu-item{position:relative}
.elementor-widget-n-menu.gc-nav .e-n-menu-title{display:flex;align-items:center;gap:4px;padding:31px 10px 28px;
  border-bottom:2px solid transparent;background:none;white-space:nowrap}
.elementor-widget-n-menu.gc-nav .e-n-menu-title-container,
.elementor-widget-n-menu.gc-nav .e-n-menu-title-text{font-size:.82rem;font-weight:780;line-height:1.65;color:var(--gc-nav-text);padding:0}
.elementor-widget-n-menu.gc-nav .e-n-menu-item:hover>.e-n-menu-title{border-bottom-color:var(--gc-gold)}
.elementor-widget-n-menu.gc-nav .e-n-menu-item:hover>.e-n-menu-title .e-n-menu-title-text{color:var(--gc-navy)}
/* Mục menu đang xem (giống demo): dựa vào class gc-theme-* của trang
   study=Du học Úc, migration=Di trú Úc, career=Phát triển sự nghiệp, experience=Trải nghiệm Úc, about=Về chúng tôi */
body:has(.gc-theme-study) .gc-nav .e-n-menu-item:nth-child(1)>.e-n-menu-title .e-n-menu-title-text,
body:has(.gc-theme-migration) .gc-nav .e-n-menu-item:nth-child(2)>.e-n-menu-title .e-n-menu-title-text,
body:has(.gc-theme-career) .gc-nav .e-n-menu-item:nth-child(3)>.e-n-menu-title .e-n-menu-title-text,
body:has(.gc-theme-experience) .gc-nav .e-n-menu-item:nth-child(4)>.e-n-menu-title .e-n-menu-title-text,
body:has(.gc-theme-about) .gc-nav .e-n-menu-item:nth-child(5)>.e-n-menu-title .e-n-menu-title-text{color:var(--gc-navy)}
@media(min-width:1081px){
  body:has(.gc-theme-study) .gc-nav .e-n-menu-item:nth-child(1)>.e-n-menu-title,
  body:has(.gc-theme-migration) .gc-nav .e-n-menu-item:nth-child(2)>.e-n-menu-title,
  body:has(.gc-theme-career) .gc-nav .e-n-menu-item:nth-child(3)>.e-n-menu-title,
  body:has(.gc-theme-experience) .gc-nav .e-n-menu-item:nth-child(4)>.e-n-menu-title,
  body:has(.gc-theme-about) .gc-nav .e-n-menu-item:nth-child(5)>.e-n-menu-title{border-bottom-color:var(--gc-gold)}
}
/* mũi tên ⌄ giống demo thay cho icon mặc định */
.elementor-widget-n-menu.gc-nav .e-n-menu-dropdown-icon{display:inline-flex;align-items:center;align-self:center;padding:0 1px 0 0;margin:0;background:none;border:0;width:auto;height:auto;line-height:1}
.elementor-widget-n-menu.gc-nav .e-n-menu-dropdown-icon svg{display:none}
.elementor-widget-n-menu.gc-nav .e-n-menu-dropdown-icon-opened{display:none!important}
.elementor-widget-n-menu.gc-nav .e-n-menu-dropdown-icon-closed{display:inline-flex!important;align-items:center}
.elementor-widget-n-menu.gc-nav .e-n-menu-dropdown-icon-closed::before{content:"";display:block;width:5px;height:5px;margin-top:-3px;
  border-right:1.5px solid var(--gc-chev);border-bottom:1.5px solid var(--gc-chev);transform:rotate(45deg)}

/* khung mega: hiện bằng hover/focus như demo */
@media(min-width:1081px){
  .elementor-widget-n-menu.gc-nav .e-n-menu-content{position:absolute!important;top:calc(100% - 1px)!important;left:50%!important;right:auto!important;
    width:auto!important;min-width:0!important;max-width:none!important;transform:translate(-50%,10px);opacity:0;pointer-events:none;
    transition:.18s ease;display:block!important;visibility:visible!important;z-index:20;margin:0;padding:0}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:hover>.e-n-menu-content,
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:focus-within>.e-n-menu-content{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:has(.gc-mega-migration)>.e-n-menu-content{left:44%!important}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:has(.gc-mega-career)>.e-n-menu-content{left:42%!important}
}
/* Sửa lỗi của demo: ở màn 1081–1250px khung Di trú (760px) tràn mép trái -> căn giữa theo cả thanh menu */
@media(min-width:1081px) and (max-width:1250px){
  .elementor-widget-n-menu.gc-nav .e-n-menu-heading{position:relative}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:has(.gc-mega-migration){position:static}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:has(.gc-mega-migration)>.e-n-menu-content{left:50%!important}
}
.elementor-widget-n-menu.gc-nav .e-n-menu-content>.e-con.gc-mega{display:flex!important;left:auto!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important}
/* Ghi chú: JS của widget Mega Menu tự gán "left" khi rê chuột (chế độ Fit to content), dòng trên vô hiệu hoá để khung luôn căn giữa dưới mục menu */
.e-con.gc-mega>.e-con-inner{max-width:none;width:100%;padding:0;gap:0}
.e-con.gc-mega{background:#fff;border:1px solid var(--gc-mega-border);box-shadow:0 18px 48px rgba(8,41,70,.16);border-radius:12px;overflow:hidden}
.e-con.gc-mega-compact{--width:390px;width:390px}
.e-con.gc-mega-about{--width:330px;width:330px}
.e-con.gc-mega-migration{--width:760px;width:760px}
.e-con.gc-mega-career{--width:720px;width:720px}

.e-con.gc-mega-title{flex-wrap:nowrap;padding:16px 20px 13px;border-bottom:1px solid var(--gc-mega-divider);flex-direction:row;align-items:baseline;justify-content:space-between;gap:20px}
.gc-mega-title-link .elementor-heading-title{font-size:.69rem;letter-spacing:.13em;font-weight:900;line-height:1.65;color:var(--gc-navy)}
.gc-mega-title-note .elementor-heading-title{font-size:.72rem;line-height:1.65;font-weight:400;color:#71818e}

.e-con.gc-mega-list{padding:9px}
.e-con.gc-mega-item{display:block;padding:12px 13px;border-radius:8px;color:var(--gc-ink)}
.e-con.gc-mega-item:hover{background:var(--gc-mega-hover)}
.gc-mega-item-title .elementor-heading-title{font-size:.88rem;font-weight:700;line-height:1.65;color:var(--gc-ink)}
.gc-mega-item-desc .elementor-heading-title{font-size:.74rem;font-weight:400;line-height:1.65;color:var(--gc-mega-muted);margin-top:2px}

.gc-mega .elementor-heading-title{display:block}
.e-con.gc-mega-columns{padding:10px;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:0}
.e-con.gc-career-columns{--e-con-grid-template-columns:.9fr 1.1fr;grid-template-columns:.9fr 1.1fr}
.e-con.gc-mega-section{padding:10px 12px 12px;border-radius:9px;min-width:0}
.e-con.gc-mega-section:hover{background:#fafcfd}
.gc-mega-career .e-con.gc-featured{background:#f0f6fb;border:1px solid #d7e6f2}
.gc-mega-section-title .elementor-heading-title{display:block;font-size:.88rem;font-weight:850;line-height:1.65;color:var(--gc-navy);margin:0 0 6px}
.gc-mega-section-title .elementor-heading-title a:hover{color:var(--gc-blue)}
.gc-mega-section-title.gc-mini{margin-top:13px;padding-top:11px;border-top:1px solid #e2e9ee}
.e-con.gc-mega-sublinks{display:grid;gap:2px}
.e-con.gc-mega-sublink{--display:grid;display:grid;grid-template-columns:64px 1fr;gap:7px;align-items:baseline;padding:5px 7px;border-radius:6px;color:var(--gc-sublink)}
.e-con.gc-mega-sublink:hover{background:#fff;color:var(--gc-navy)}
.gc-mega-code .elementor-heading-title{font-size:.76rem;font-weight:700;line-height:1.65;color:var(--gc-navy)}
.gc-mega-sublink-desc .elementor-heading-title{font-size:.72rem;font-weight:400;line-height:1.65;color:inherit}
.gc-mega-desc .elementor-heading-title{font-size:.77rem;font-weight:400;line-height:1.5;color:#667985;margin:5px 0 0}
.gc-mega-career .e-con.gc-mega-sublinks{gap:3px;margin-top:0} /* demo: margin 4px gộp vào margin 6px của tiêu đề */
.gc-mega-career .e-con.gc-mega-sublink{display:block;padding:8px 9px}
.gc-mega-career .e-con.gc-mega-sublink:hover{background:var(--gc-mega-hover)}
.gc-mega-career .gc-mega-code .elementor-heading-title{display:block;font-size:.78rem;line-height:1.35;white-space:nowrap}

/* ---------- 4. Nút VI / EN ---------- */
.gc-lang{margin-left:2px!important;margin-right:8px!important}
.gc-lang-switch{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:850;letter-spacing:.04em;line-height:1.65;color:#7b8993;white-space:nowrap}
.gc-lang-switch a,.gc-lang-switch span{padding:5px 3px}
.gc-lang-switch a{color:#5c6f7e}
.gc-lang-switch a:hover{color:var(--gc-gold-deep)}
.gc-lang-switch .active{color:var(--gc-navy)}
.gc-lang-divider{opacity:.45}

/* ---------- 5. Nút CTA header ---------- */
.gc-header-cta .elementor-button{white-space:nowrap}

/* ---------- 5b. Footer ---------- */
.e-con.gc-footer{color:#fff}
.gc-footer-logo img{display:block}
.gc-footer-desc{max-width:340px!important;color:#aebdc8;font-size:.87rem;line-height:1.65}
.gc-footer-desc p{margin:1em 0 0}
.e-con.gc-footer-badges{gap:7px;margin-top:18px}
.gc-footer-badge .elementor-heading-title{display:inline-block;font-size:.62rem;font-weight:850;letter-spacing:.08em;line-height:1.65;
  padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#d5e1e8}
.gc-footer-heading .elementor-heading-title{font-size:.76rem;font-weight:700;line-height:1.65;text-transform:uppercase;letter-spacing:.1em;color:#e0d29a;margin:0 0 13px}
.gc-footer-list .elementor-icon-list-items{margin:0;padding:0;list-style:none}
.gc-footer-list .elementor-icon-list-item{display:block;padding:0!important;margin:0!important}
.gc-footer-list .elementor-icon-list-item a{display:block;padding:4px 0}
.gc-footer-list .elementor-icon-list-icon{display:none}
.gc-footer-list .elementor-icon-list-text{display:block;padding:0;color:#c3d0d9;font-size:.84rem;line-height:1.65}
.e-con.gc-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:46px;padding-top:20px;gap:20px}
.gc-footer-copy .elementor-heading-title,.gc-footer-note .elementor-heading-title{display:block;font-size:.74rem;font-weight:400;line-height:1.65;color:#8295a2}

/* ---------- 6. Header + menu mobile (≤1080px) ---------- */
@media(max-width:1080px){
  .e-con.gc-header{position:relative}
  .elementor-widget-n-menu.gc-nav,.elementor-widget-n-menu.gc-nav .e-n-menu{position:static}
  .gc-lang{margin-left:auto!important}
  /* nút 3 gạch giống demo */
  .elementor-widget-n-menu.gc-nav .e-n-menu-toggle{width:42px;height:42px;padding:8px;background:
    linear-gradient(var(--gc-navy),var(--gc-navy)) 8px 14px/26px 2px no-repeat,
    linear-gradient(var(--gc-navy),var(--gc-navy)) 8px 22px/26px 2px no-repeat,
    linear-gradient(var(--gc-navy),var(--gc-navy)) 8px 30px/26px 2px no-repeat;border:0;border-radius:0}
  .elementor-widget-n-menu.gc-nav .e-n-menu-toggle .e-n-menu-toggle-icon{display:none!important}
  .elementor-widget-n-menu.gc-nav .e-n-menu-wrapper{position:absolute!important;left:0!important;right:0!important;top:100%!important;width:auto!important;
    background:#fff!important;flex-direction:column;padding:12px 20px 24px;border-bottom:1px solid var(--gc-line);max-height:78vh!important;overflow:auto!important;margin:0}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item{width:auto!important;min-width:0!important;max-width:100%}
  .elementor-widget-n-menu.gc-nav .e-n-menu-heading{flex-direction:column;align-items:stretch}
  .elementor-widget-n-menu.gc-nav .e-n-menu-title{padding:11px 4px;border-bottom:1px solid #edf0f2;justify-content:flex-start}
  .elementor-widget-n-menu.gc-nav .e-n-menu-item:hover>.e-n-menu-title{border-bottom-color:#edf0f2}
  .elementor-widget-n-menu.gc-nav .e-n-menu-content{position:static!important;display:block!important;opacity:1;transform:none;pointer-events:auto;width:auto!important;max-width:none!important}
  .e-con.gc-mega{--width:auto;width:auto!important;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 0 8px;overflow:visible}
  .e-con.gc-mega-title{padding:10px 4px}
  .e-con.gc-mega-columns{--e-con-grid-template-columns:1fr 1fr;grid-template-columns:1fr 1fr;padding:5px 0}
  .e-con.gc-mega-list{padding:4px 0}
}
@media(max-width:980px){.gc-mega-career .gc-mega-code .elementor-heading-title{white-space:normal}}
@media(max-width:720px){
  .gc-lang{margin-right:6px!important}
  .gc-lang-switch{font-size:.68rem}
  .e-con.gc-mega-columns{--e-con-grid-template-columns:1fr;grid-template-columns:1fr}
}

/* =========================================================
   7. TRANG CON – các khối dùng chung (class gc-*)
   Màu nền theo nhóm trang đặt trong widget (Global Colors);
   phần dưới chỉ lo khoảng cách, cỡ chữ, viền, hover.
   ========================================================= */
.gc-eyebrow .elementor-heading-title{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:850;line-height:1.65;color:var(--gc-blue);margin:0}
.gc-eyebrow{margin-bottom:13px!important}

/* Hero trang con */
.e-con.gc-page-hero{border-bottom:1px solid var(--gc-line)}
.gc-breadcrumbs{margin-bottom:29px!important}
.gc-breadcrumbs p{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0;font-size:.76rem;line-height:1.65;color:#74838e}
.e-con.gc-hero-grid{align-items:center}
.gc-page-h1 .elementor-heading-title{max-width:780px;font-size:clamp(3rem,4.9vw,5rem);line-height:1.1;letter-spacing:-.04em;font-weight:700;color:var(--gc-ink);margin:0}
.gc-page-lead{max-width:780px!important}
.gc-page-lead p{margin:20px 0 0;font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.65;color:#4e6170}
.e-con.gc-topic-tags{gap:8px;margin-top:24px}
.gc-topic-tag .elementor-heading-title{display:block;background:#fff;border:1px solid var(--gc-line);padding:7px 10px;border-radius:999px;font-size:.72rem;font-weight:750;line-height:1.65;color:#586a77}
.e-con.gc-side-card{color:#fff;padding:30px 28px;border-radius:12px;box-shadow:0 16px 42px rgba(8,41,70,.11);min-height:245px;justify-content:center}
.gc-card-label .elementor-heading-title{display:block;color:#ebdda5;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850;line-height:1.65}
.gc-card-title .elementor-heading-title{font-size:1.45rem;line-height:1.3;font-weight:700;color:#fff;margin:9px 0 15px}
.gc-card-list ul{margin:1em 0;padding-left:19px;color:#d7e5ee;font-size:.86rem;line-height:1.65}
.gc-card-btn{align-self:flex-start;margin-top:4px}

/* Mục lục + bài viết */
.e-con.gc-content-layout{align-items:start}
.e-con.gc-aside{position:sticky;top:120px;align-self:start}
@media(min-width:1081px){.admin-bar .e-con.gc-aside{top:152px}} /* chỉ desktop: trên mobile mục lục không dính */
.gc-toc .elementor-toc,.gc-toc.elementor-widget-table-of-contents{--box-border-width:0}
.elementor-widget-table-of-contents.gc-toc{border:1px solid var(--gc-line)!important;border-radius:12px;padding:17px!important;background:#fff;box-sizing:border-box}
.gc-toc .elementor-toc__header{padding:0;border:0;background:none}
.gc-toc .elementor-toc__header-title{font-size:.74rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gc-blue)!important;line-height:26.4px}
.gc-toc .elementor-toc__list-item-text-wrapper{display:block}
.gc-toc .elementor-toc__toggle-button{display:none!important}
.gc-toc .elementor-toc__body{padding:0;border:0;max-height:none}
.gc-toc .elementor-toc__no-headings{display:none}
.gc-toc .elementor-toc__body{min-height:0}
.gc-toc .elementor-toc__body:not(:has(a)){display:none} /* bài không có tiêu đề có id: chỉ hiện tiêu đề mục lục như demo */
.gc-toc .elementor-toc__list-wrapper{margin:0;padding:0;list-style:none}
.gc-toc .elementor-toc__list-item{margin:0}
.gc-toc .elementor-toc__list-item-text-wrapper::before{display:none}
.gc-toc .elementor-toc__list-item-text-wrapper i,.gc-toc .elementor-toc__list-item-text-wrapper svg{display:none}
.gc-toc a.elementor-toc__list-item-text{display:block;font-size:.8rem;line-height:1.65;color:#60717d!important;padding:7px 0;width:100%;border-bottom:1px solid #edf0f2;text-decoration:none}
.gc-toc .elementor-toc__list-item:last-child a.elementor-toc__list-item-text{border:0}
.e-con.gc-side-cta{margin-top:13px;padding:18px;border-radius:10px;border-left:4px solid var(--gc-blue)}
.gc-theme-migration .e-con.gc-side-cta{border-left-color:var(--gc-navy)}
.gc-side-cta-title .elementor-heading-title{font-size:1rem;font-weight:700;line-height:1.65;margin:0;color:var(--gc-ink)}
.gc-side-cta-text p{margin:1em 0; /* demo: h4 mb 7px gộp vào margin 1em của p */font-size:.82rem;line-height:1.65;color:var(--e-global-color-gcmuted,#5c6d7a)}
.e-con.gc-rich{max-width:820px}
.gc-rich-text p,.gc-rich-text ul,.gc-rich-text ol{margin:1em 0;color:#405766;line-height:1.65}
.gc-rich-text ul,.gc-rich-text ol{padding-left:22px}
.gc-rich-text li{margin:7px 0}
.gc-rich-text li:first-child{margin-top:0}
.gc-rich-text li:last-child{margin-bottom:0} /* demo: margin li gộp vào margin của ul */
.gc-rich-text a{text-decoration:underline;text-decoration-color:#b8a76a;text-underline-offset:3px}
.gc-rich-text:has(+ .elementor-widget-heading) :is(p,ul,ol):last-child{margin-bottom:0} /* demo: margin p gộp với margin tiêu đề kế tiếp */
.gc-rich>.elementor-widget-heading+.gc-rich-text :is(p,ul,ol):first-child{margin-top:0}
.gc-rich-h2 .elementor-heading-title,.gc-rich-h3 .elementor-heading-title{color:var(--gc-navy);letter-spacing:-.02em;font-weight:700;line-height:1.65;margin:0}
.gc-rich-h2 .elementor-heading-title{font-size:2rem}
.gc-rich-h3 .elementor-heading-title{font-size:1.48rem}
.gc-rich-h4 .elementor-heading-title{font-size:1rem;font-weight:700;line-height:1.65;margin:0}
.gc-rich-h2{margin:50px 0 26.56px!important;scroll-margin-top:120px}
.gc-rich-h3{margin:38px 0 23.68px!important;scroll-margin-top:120px}
.gc-rich-h4{margin:21.28px 0!important}
.gc-rich-h2+.gc-rich-h3{margin-top:11.44px!important} /* demo: mb 26.56px của h2 gộp với mt 38px của h3 -> 38px */

/* Tiêu đề section + lưới thẻ */
.e-con.gc-section-head{margin-bottom:36px}
/* demo: 2 cột co giãn theo nội dung (flex: 0 1 auto) -> tiêu đề xuống dòng sớm, mô tả rộng tối đa 520px */
.e-con.gc-section-head>.e-con.gc-section-head-copy{flex:0 1 auto!important;width:auto!important;--width:auto;min-width:0}
.e-con.gc-section-head>.elementor-widget{flex:0 1 auto!important;width:auto!important;min-width:0}
@media(max-width:720px){.e-con.gc-section-head>.e-con.gc-section-head-copy,.e-con.gc-section-head>.elementor-widget{width:100%!important}}
/* demo: ".section-head p" đè lên eyebrow -> màu xám, không margin */
.gc-section-head .gc-eyebrow{margin-bottom:0!important}
.gc-section-head .gc-eyebrow .elementor-heading-title{color:var(--e-global-color-gcmuted,#5c6d7a);max-width:520px}
.gc-section-h2 .elementor-heading-title{font-size:clamp(2rem,3vw,3.25rem);line-height:1.18;letter-spacing:-.035em;font-weight:700;max-width:820px;margin:0;color:var(--gc-ink)}
.gc-section-head-p{max-width:520px!important}
.gc-section-head-p .elementor-heading-title{font-size:1rem;font-weight:400;line-height:1.65;color:var(--e-global-color-gcmuted,#5c6d7a);margin:0}
.gc-card-p .elementor-heading-title{font-size:.88rem;font-weight:400;line-height:1.65;color:var(--e-global-color-gcmuted,#5c6d7a);margin:1em 0 0}
.e-con.gc-simple-card{padding:26px;border:1px solid var(--gc-line);border-top:4px solid var(--gc-blue);border-radius:10px;background:#fff;color:var(--gc-ink)}
.gc-card-tag .elementor-heading-title{display:inline-block;font-size:.68rem;font-weight:850;letter-spacing:.1em;line-height:1.65;color:var(--gc-blue);margin-bottom:16px}
.gc-simple-h3 .elementor-heading-title{font-size:1.15rem;font-weight:700;line-height:1.65;margin:0;color:var(--gc-ink)}
.gc-simple-card .gc-card-p .elementor-heading-title{margin:1em 0;font-size:.88rem} /* demo: h3 mb 8px gộp vào margin 1em của p */
.e-con.gc-service-item{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:23px;border:1px solid var(--gc-line);border-radius:10px;background:#fff;color:var(--gc-ink);transition:.2s}
.e-con.gc-service-item:hover{box-shadow:0 16px 42px rgba(8,41,70,.11)}
.gc-service-num .elementor-heading-title{width:40px;height:40px;border-radius:8px;background:var(--e-global-color-gcgoldsf,#f2ecdb);display:grid;place-items:center;font-size:.75rem;font-weight:900;color:var(--gc-gold-deep);line-height:1}
.gc-service-h3 .elementor-heading-title{font-size:1.17rem;font-weight:700;line-height:1.65;margin:0 0 5px;color:var(--gc-ink)}
.gc-service-item .gc-card-p .elementor-heading-title{margin:0;font-size:.85rem}
.e-con.gc-article-card{border:1px solid var(--gc-line);border-radius:11px;overflow:hidden;background:#fff;color:var(--gc-ink)}
.e-con.gc-article-thumb{height:176px;min-height:176px}
.e-con.gc-article-body{padding:21px}
.gc-article-tag .elementor-heading-title{display:block;font-size:.7rem;color:var(--gc-blue);font-weight:850;text-transform:uppercase;letter-spacing:.1em;line-height:26.4px} /* demo: nhãn inline nằm trong dòng cao 26.4px */
.gc-article-h3 .elementor-heading-title{font-size:1.13rem;line-height:1.35;font-weight:700;margin:9px 0 0;color:var(--gc-ink)}
.gc-article-body .gc-card-p .elementor-heading-title{margin:1em 0;font-size:.86rem}

/* Thẻ chương trình */
.e-con.gc-program-card{border-radius:16px;overflow:hidden;background:var(--e-global-color-gccream,#f8f5ed);border:1px solid #e4ddc8}
.e-con.gc-program-copy{padding:48px}
.gc-program-h2 .elementor-heading-title{font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.1;letter-spacing:-.045em;font-weight:700;margin:0;color:var(--gc-ink)}
.gc-program-lead p{margin:max(18px,1em) 0 1em} /* demo: mb 18px của h2 gộp với margin 1em của p */
.gc-lead p{font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.65;color:#4e6170;max-width:760px}
.e-con.gc-program-side{padding:42px;align-items:center;flex-direction:row}
.e-con.gc-program-points{display:grid;gap:9px;width:100%}
.e-con.gc-program-point{background:rgba(255,255,255,.72);padding:14px 16px;border-radius:8px}
.gc-program-point-title .elementor-heading-title{font-weight:800;font-size:1rem;line-height:1.65;color:var(--gc-ink)}
.gc-program-point-sub .elementor-heading-title{display:block;font-size:.76rem;color:#5d5846;font-weight:600;margin-top:3px;line-height:1.65}

/* CTA */
.e-con.gc-cta-band{border-radius:14px}
/* demo: ".cta-band p" đè lên eyebrow -> margin 9px 0 0, màu nâu */
.gc-cta-band .gc-eyebrow{margin:9px 0 0!important}
.gc-cta-band .gc-eyebrow .elementor-heading-title{color:#433f31;max-width:660px}
.gc-cta-h2 .elementor-heading-title{font-size:clamp(1.9rem,3.3vw,3.15rem);line-height:1.18;letter-spacing:-.035em;font-weight:700;margin:0;color:var(--gc-ink)}
.gc-cta-text{max-width:660px!important}
.gc-cta-text p{margin:9px 0 0;color:#433f31;line-height:1.65}
.gc-btn-dark{flex:none}
.gc-btn-dark .elementor-button{background:var(--gc-navy)!important;color:#fff!important}

@media(max-width:1080px){
  .e-con.gc-side-card{min-height:0}
  .e-con.gc-hero-grid{--gap:34px 34px;--row-gap:34px;gap:34px}
  .e-con.gc-aside{position:relative;top:auto}
}
@media(max-width:720px){
  .gc-page-h1 .elementor-heading-title{font-size:clamp(2.65rem,13vw,4rem)}
  .e-con.gc-program-copy,.e-con.gc-program-side{padding:30px}
}

/* =========================================================
   8. TRANG CHỦ
   ========================================================= */
/* Hero */
.e-con.gc-home-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff 0%,#fff 54%,#f8f4e8 100%)}
.e-con.gc-home-hero::before{content:'';position:absolute;inset:auto 0 0 0!important;top:auto!important;bottom:0!important;width:auto;height:5px!important;opacity:1;background:linear-gradient(90deg,var(--gc-blue) 0 40%,var(--gc-gold) 40% 62%,var(--gc-navy) 62%);z-index:1}
.e-con.gc-home-hero-grid{align-items:center}
.gc-display .elementor-heading-title{font-size:clamp(3rem,6vw,5.8rem);line-height:1.08;letter-spacing:-.055em;font-weight:700;margin:0;color:var(--gc-ink)}
.gc-display .elementor-heading-title em{font-style:normal;color:var(--gc-navy)}
.gc-home-lead p{margin:24px 0;font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.65;color:#4e6170;max-width:760px}
.e-con.gc-hero-actions{gap:10px}
.gc-btn-outline .elementor-button{background:#fff!important;color:var(--gc-navy)!important;border-color:#b8c7d1!important}
.e-con.gc-hero-note{gap:22px;margin-top:28px}
.gc-hero-note-item .elementor-heading-title{display:flex;align-items:center;gap:8px;color:#5a6e7c;font-size:.86rem;font-weight:650;line-height:1.65}
.gc-hero-note-item .elementor-heading-title::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gc-gold);flex:none}
.e-con.gc-hero-media{position:relative;height:540px}
.e-con.gc-photo{position:absolute!important;border-radius:18px;overflow:hidden;box-shadow:0 16px 42px rgba(8,41,70,.11)}
.e-con.gc-photo-campus{left:0;top:0;width:63%!important;height:74%}
.e-con.gc-photo-city{right:0;bottom:0;width:60%!important;height:58%}
.e-con.gc-photo-caption{position:absolute!important;left:20px;right:20px;bottom:18px;width:auto!important;z-index:2}
.gc-photo-caption .elementor-heading-title{display:block;color:#fff;line-height:1.65}
.gc-photo-cap-title .elementor-heading-title{font-size:.78rem;letter-spacing:.12em;font-weight:700}
.gc-photo-cap-text .elementor-heading-title{font-size:.84rem;margin-top:3px;font-weight:400}
.gc-chip{position:absolute!important;z-index:3;width:auto!important}
.gc-chip .elementor-heading-title{display:block;background:#fff;border:1px solid var(--gc-line);box-shadow:0 8px 24px rgba(8,41,70,.16);border-radius:999px;padding:9px 13px;font-size:.78rem;font-weight:850;line-height:1.65;color:var(--gc-navy);white-space:nowrap}
.gc-chip-1{right:8%;top:10%}
.gc-chip-2{left:47%;top:46%}
.gc-chip-3{left:5%;bottom:5%}

/* Dải truy cập nhanh */
.e-con.gc-quick-strip{background:#fff;border-bottom:1px solid var(--gc-line)}
.e-con.gc-quick-item{display:block;padding:18px 22px;border-right:1px solid var(--gc-line)}
.e-con.gc-quick-item:first-child{border-left:1px solid var(--gc-line)}
.gc-quick-title .elementor-heading-title{display:block;font-size:.88rem;font-weight:700;line-height:1.65;color:var(--gc-navy)}
.gc-quick-sub .elementor-heading-title{display:block;font-size:.75rem;line-height:1.65;color:var(--e-global-color-gcmuted,#5c6d7a)}

/* Thẻ lộ trình */
.e-con.gc-path-card{position:relative;display:block;padding:28px;border:1px solid var(--gc-line);border-top:5px solid var(--gc-blue);border-radius:12px;background:#fff;min-height:225px;color:var(--gc-ink);transition:.2s}
.e-con.gc-path-card:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(8,41,70,.11)}
.e-con.gc-path-migration{border-top-color:var(--gc-navy)}
.e-con.gc-path-career{border-top-color:var(--gc-gold)}
.gc-path-icon .elementor-heading-title{width:42px;height:42px;border-radius:9px;background:var(--e-global-color-gcbluesf,#eaf4ff);display:grid;place-items:center;font-weight:900;color:var(--gc-blue);line-height:1}
.gc-path-migration .gc-path-icon .elementor-heading-title{background:#e7eef3;color:var(--gc-navy)}
.gc-path-career .gc-path-icon .elementor-heading-title{background:var(--e-global-color-gcgoldsf,#f2ecdb);color:var(--gc-gold-deep)}
.gc-path-num{position:absolute!important;right:22px;top:22px;width:auto!important}
.gc-path-num .elementor-heading-title{display:block;color:#81909b;font-size:.73rem;font-weight:850;line-height:1.65}
.gc-path-h3 .elementor-heading-title{font-size:1.35rem;font-weight:700;line-height:1.65;margin:24px 0 0;color:var(--gc-ink)}
.gc-path-p .elementor-heading-title{font-size:.9rem;line-height:1.65;color:var(--e-global-color-gcmuted,#5c6d7a);margin:1em 0;font-weight:400}
.gc-path-link .elementor-heading-title{font-size:.82rem;font-weight:800;line-height:26.4px;color:var(--gc-navy)}

/* Du học */
.e-con.gc-study-sec{background:linear-gradient(180deg,#f4f9ff,#fff)}
.e-con.gc-study-photo{min-height:520px;border-radius:16px;position:relative;overflow:hidden}
.e-con.gc-study-photo~.e-con{justify-content:center} /* demo: cột chữ căn giữa theo chiều dọc so với ảnh */
.gc-image-credit{position:absolute!important;left:18px;bottom:16px;width:auto!important}
.gc-image-credit .elementor-heading-title{color:#fff;font-size:.68rem;opacity:.8;line-height:1.65;font-weight:400}
.gc-h2 .elementor-heading-title{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.18;letter-spacing:-.035em;font-weight:700;margin:0;color:inherit}
.gc-study-lead p{margin:1em 0 0}
.e-con.gc-service-rows{margin-top:32px;border-top:1px solid var(--gc-line)}
.e-con.gc-service-row{display:grid;grid-template-columns:46px 1fr;padding:17px 0;border-bottom:1px solid var(--gc-line);align-items:center;color:var(--gc-ink)}
.gc-row-num{grid-row:1/3}
.gc-row-num .elementor-heading-title{display:block;color:var(--gc-blue);font-size:.76rem;font-weight:850;line-height:1.65}
.gc-row-title .elementor-heading-title{display:block;font-size:1rem;font-weight:700;line-height:1.65}
.gc-row-sub .elementor-heading-title{display:block;font-style:normal;color:var(--e-global-color-gcmuted,#5c6d7a);font-size:.82rem;line-height:1.65;font-weight:400}

/* Di trú */
.e-con.gc-migration-sec{background:linear-gradient(135deg,#082946 0%,#0b3556 100%);color:#fff}
.gc-migration-sec .gc-section-h2 .elementor-heading-title{color:#fff}
.gc-migration-sec .gc-section-head .gc-eyebrow .elementor-heading-title{color:#d9cc99}
.gc-migration-sec .gc-section-head-p .elementor-heading-title{color:#c6d7e6}
.e-con.gc-mig-card{padding:24px 21px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.075);min-height:220px;color:#fff;transition:.2s}
.e-con.gc-mig-card:hover{background:#fff;color:var(--gc-navy);transform:translateY(-3px)}
.gc-mig-icon .elementor-heading-title{width:48px;height:48px;border-radius:9px;background:var(--gc-gold);display:grid;place-items:center;color:#0b2031;font-weight:900;font-size:.74rem;line-height:1}
.gc-mig-h3 .elementor-heading-title{font-size:1.08rem;line-height:1.3;font-weight:700;margin:32px 0 6px;color:inherit}
.gc-mig-p .elementor-heading-title{font-size:.82rem;color:#c3d4e0;margin:0 0 14px;line-height:1.65;font-weight:400}
.gc-mig-card:hover .gc-mig-p .elementor-heading-title{color:var(--e-global-color-gcmuted,#5c6d7a)}
.gc-mig-link{margin-top:auto!important}
.gc-mig-link .elementor-heading-title{display:block;font-size:.78rem;font-weight:700;line-height:1.65;color:inherit}
.gc-source-note{margin-top:20px}
.gc-source-note .elementor-heading-title{color:#b9cddd;font-size:.78rem;line-height:1.65;font-weight:400}

/* Section navy */
.e-con.gc-navy-sec{background:var(--e-global-color-gcnavydk,#071f34);color:#fff}
.e-con.gc-journey{align-items:center}
.gc-navy-sec .gc-eyebrow .elementor-heading-title{color:#e5d9a5}
.gc-muted-dark p{color:#c2d0da;max-width:650px;margin:1em 0;line-height:1.65}
.e-con.gc-journey-line{margin-top:30px}
.gc-muted-dark+.e-con.gc-journey-line{margin-top:14px} /* demo: margin 30px gộp với margin 16px của đoạn văn phía trên */
.e-con.gc-journey-step{padding:17px 12px 17px 0;border-top:2px solid rgba(255,255,255,.2);position:relative}
.e-con.gc-journey-step::before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gc-gold);top:-5px;left:0}
.gc-step-title .elementor-heading-title{display:block;font-weight:700;line-height:1.65;color:#fff}
.gc-step-sub .elementor-heading-title{display:block;font-size:.74rem;color:#b8c9d5;line-height:1.65;font-weight:400}
.e-con.gc-why-card{background:#fff;color:var(--gc-ink);padding:21px;border-radius:9px}
.gc-why-title .elementor-heading-title{display:block;margin-bottom:5px;font-weight:700;line-height:1.65;color:var(--gc-ink)}
.gc-why-text .elementor-heading-title{font-size:.82rem;color:var(--e-global-color-gcmuted,#5c6d7a);line-height:1.65;font-weight:400}

/* Link chữ */
.gc-text-link{flex:0 1 auto!important;min-width:0} /* demo: link co lại và xuống dòng khi thiếu chỗ (vd. 768px) */
.gc-text-link .elementor-heading-title{font-weight:800;color:var(--gc-navy);line-height:1.65;font-size:1rem}
.gc-text-link .elementor-heading-title a::after{content:' →';color:var(--gc-gold-deep)}

@media(max-width:1080px){
  .e-con.gc-hero-media{height:480px}
}
@media(max-width:720px){
  .e-con.gc-hero-media{height:390px}
  .e-con.gc-photo-campus{width:70%!important;height:69%}
  .e-con.gc-photo-city{width:66%!important;height:55%}
  .gc-chip-2{left:33%;top:48%}
  .e-con.gc-quick-item{border-left:1px solid var(--gc-line);border-bottom:1px solid var(--gc-line)}
  .e-con.gc-study-photo{min-height:360px}
  .gc-display .elementor-heading-title{font-size:clamp(2.9rem,14vw,4.6rem)}
}