/* Hero V1 Toàn cảnh — core/hero (2.1.0, ĐV2).
   Chỉ enqueue khi trang có section này (Render::enqueue_section_assets).
   Mọi màu/font/kích thước qua token 2 tầng (var(--apb-*) + fallback bằng
   đúng giá trị lõi); không hard-code màu/font/kích thước cảm tính.
   Nút chính dùng class .apb-btn dùng chung (var(--apb-color-primary));
   nút phụ dạng viền trong suốt chỉ định nghĩa trong phạm vi .apb-hero.
   QUY TẮC THƯƠNG HIỆU: màu cam thương hiệu (vd #FF9E2C khi dự án khoá
   vào color.primary) CHỈ dùng cho dấu hiệu thương hiệu / CTA chính,
   TUYỆT ĐỐI KHÔNG dùng cho khuyến mãi, giảm giá, băng sale. */

/* Full-bleed theo mockup V1: hero tràn toàn chiều ngang bất kể style
   Rộng của section (lớp bọc chuẩn của lõi vẫn giữ nguyên). */
.apb-core-hero .apb-section-inner{max-width:none;padding-inline:0}

.apb-hero{font-family:var(--apb-font-body,'Be Vietnam Pro',system-ui,sans-serif);color:var(--apb-color-text,#1f2937);box-sizing:border-box}
.apb-hero--full{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:580px;display:flex;align-items:center}
.apb-hero--no-image{background-color:var(--apb-color-text,#1f2937)}
.apb-hero-overlay{position:absolute;inset:0}
.apb-hero-inner{position:relative;width:100%;max-width:840px;margin:0 auto;padding:100px 28px;color:#fff}
.apb-hero--align-left .apb-hero-inner{margin-left:0;text-align:left}
.apb-hero--align-center .apb-hero-inner{text-align:center}
.apb-hero-kicker{font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;color:#fff;display:flex;align-items:center;gap:12px}
.apb-hero--align-center .apb-hero-kicker{justify-content:center}
.apb-hero--align-center .apb-hero-kicker::before,.apb-hero--align-center .apb-hero-kicker::after{content:"";width:34px;height:1.5px;background:rgba(255,255,255,.65);flex:none}
.apb-hero--align-left .apb-hero-kicker::before{content:"";width:34px;height:2px;background:rgba(255,255,255,.65);flex:none}
.apb-hero-title{font-family:var(--apb-font-heading,'Be Vietnam Pro',system-ui,sans-serif);font-weight:800;line-height:1.16;margin:0 0 18px;font-size:52px;color:#fff}
.apb-hero-desc{font-size:16.5px;line-height:1.65;color:rgba(255,255,255,.88);margin:0 auto 30px;max-width:640px}
.apb-hero--align-left .apb-hero-desc{margin-left:0;margin-right:0}
.apb-hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.apb-hero--align-center .apb-hero-actions{justify-content:center}
/* Nút phụ V1: viền trong suốt trên nền ảnh (phạm vi hero, không sửa .apb-btn chung). */
.apb-hero .apb-btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.9);color:#fff}
.apb-hero .apb-btn--ghost:hover{background:rgba(255,255,255,.12);filter:none;color:#fff}

/* Mobile — khung 390px trong mockup: tiêu đề 31px, nút xếp dọc full-width,
   đệm thu hẹp. Breakpoint 640px để mọi điện thoại đều hưởng. */
@media (max-width:640px){
	.apb-hero--full{min-height:560px}
	.apb-hero-inner{padding:64px 22px}
	.apb-hero-title{font-size:31px}
	.apb-hero-desc{font-size:15px;margin-bottom:26px}
	.apb-hero-actions{flex-direction:column;align-items:stretch}
	.apb-hero--align-center .apb-hero-actions{justify-content:stretch}
	.apb-hero-actions .apb-btn{text-align:center}
}