/* =========================================================================
   VTCN clone — site.css  (clone giao diện vattucongnghiep.net)
   Header/footer navy đậm · nút xanh dương · tiêu đề section canh giữa có gạch
   ========================================================================= */
:root{
  --navy:#15181d; --navy-2:#1d2128; --navy-3:#23272c;
  --blue:#0f63c9; --blue-d:#0a4da3; --blue-l:#eaf2fd;
  --title:#155bb5; --accent:#f5a623;
  --ink:#1f2733; --muted:#667085; --line:#e6e9ef; --bg:#ffffff; --bg-soft:#f5f7fa;
  --wrap:1200px; --radius:12px; --shadow:0 6px 22px rgba(16,32,64,.08);
  --font:"Be Vietnam Pro",system-ui,Segoe UI,Roboto,Arial,sans-serif;
}
body{font-family:var(--font);color:var(--ink);background:var(--bg);}
.vtcn-container{max-width:var(--wrap);margin:0 auto;padding:0 20px;}
img{max-width:100%;height:auto;}
a{color:var(--blue);text-decoration:none;}
.vtcn-center{text-align:center;margin-top:26px;}

/* ---- buttons ---- */
.vtcn-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:8px;
  font-weight:600;font-size:15px;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:.15s;}
.vtcn-btn--primary{background:var(--blue);color:#fff;}
.vtcn-btn--primary:hover{background:var(--blue-d);}
.vtcn-btn--ghost{background:#fff;color:var(--blue);border-color:var(--blue);}
.vtcn-btn--ghost:hover{background:var(--blue-l);}
.vtcn-btn--phone{background:var(--accent);color:#1a1200;}

/* =============================== TOPBAR / HEADER =============================== */
.vtcn-topbar{background:var(--navy);color:#c7ced9;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06);}
.vtcn-topbar__in{display:flex;justify-content:space-between;align-items:center;min-height:38px;flex-wrap:wrap;gap:6px;}
.vtcn-topbar a{color:#c7ced9;margin-left:18px;}
.vtcn-topbar a:hover{color:#fff;}

.vtcn-header{background:var(--navy-2);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.25);}
.vtcn-header__in{display:flex;align-items:center;gap:22px;min-height:72px;}
.vtcn-brand{display:flex;align-items:center;}
.vtcn-brand img{max-height:48px;width:auto;}
.vtcn-brand__txt{display:flex;flex-direction:column;font-weight:800;color:#fff;letter-spacing:.5px;line-height:1.1;}
.vtcn-brand__txt small{font-weight:500;font-size:11px;color:#9fb2cc;letter-spacing:1px;}
.vtcn-mainnav{flex:1;}
.vtcn-nav{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.vtcn-nav li a{display:block;padding:10px 12px;color:#e7ecf3;font-weight:600;font-size:14.5px;border-radius:6px;}
.vtcn-nav li a:hover,.vtcn-nav .current-menu-item>a{color:#fff;background:rgba(255,255,255,.08);}
.vtcn-header__cta{display:flex;align-items:center;gap:12px;}
.vtcn-header__cta .vtcn-btn--phone{padding:9px 14px;font-size:14px;}
.vtcn-cart{position:relative;color:#fff;font-size:22px;line-height:1;}
.vtcn-cart__n{position:absolute;top:-8px;right:-10px;background:var(--accent);color:#1a1200;font-size:11px;font-weight:700;
  min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;}
.vtcn-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.vtcn-burger span{width:24px;height:2px;background:#fff;display:block;}

/* =============================== HERO =============================== */
.vtcn-hero{background:linear-gradient(120deg,#12151b 0%,#1c2530 60%,#123a63 100%);color:#fff;padding:56px 0 46px;}
.vtcn-hero__in{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;}
.vtcn-hero__eyebrow{color:#8ec2ff;font-weight:700;letter-spacing:1.5px;font-size:13px;margin:0 0 10px;}
.vtcn-hero h1{font-size:44px;line-height:1.12;margin:0 0 16px;font-weight:800;color:#fff;}
.vtcn-hero__sub{color:#cdd6e2;font-size:16.5px;line-height:1.7;margin:0 0 24px;max-width:560px;}
.vtcn-hero__btns{display:flex;gap:14px;flex-wrap:wrap;}
.vtcn-hero__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.vtcn-hero__stats div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px 14px;text-align:center;}
.vtcn-hero__stats b{display:block;font-size:30px;color:#ffd66b;font-weight:800;}
.vtcn-hero__stats span{color:#c7d0dc;font-size:13px;}

/* =============================== SECTION SCAFFOLD =============================== */
.vtcn-sec{padding:56px 0;}
.vtcn-sec:nth-of-type(even){background:var(--bg-soft);}
.vtcn-sec__title{text-align:center;color:var(--title);font-size:27px;font-weight:800;text-transform:uppercase;
  letter-spacing:.5px;margin:0 0 6px;position:relative;padding-bottom:16px;}
.vtcn-sec__title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:70px;height:3px;background:var(--blue);border-radius:3px;}
.vtcn-sec__sub{text-align:center;color:var(--muted);margin:0 auto 34px;max-width:640px;}

.vtcn-grid{display:grid;gap:22px;}
.vtcn-grid--4{grid-template-columns:repeat(4,1fr);}
.vtcn-grid--3{grid-template-columns:repeat(3,1fr);}

/* ---- category cards ---- */
.vtcn-cats__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.vtcn-catcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;text-align:center;
  display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow);transition:.18s;}
.vtcn-catcard:hover{transform:translateY(-4px);border-color:var(--blue);}
.vtcn-catcard__img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:var(--bg-soft);display:flex;}
.vtcn-catcard__img img{width:100%;height:100%;object-fit:cover;}
.vtcn-catcard__name{font-weight:700;color:var(--ink);font-size:14.5px;line-height:1.35;}
.vtcn-catcard__count{color:var(--muted);font-size:12.5px;}

/* ---- product cards ---- */
.vtcn-pcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;
  display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow);transition:.18s;height:100%;}
.vtcn-pcard:hover{transform:translateY(-4px);border-color:var(--blue);}
.vtcn-pcard__img{aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:var(--bg-soft);display:flex;}
.vtcn-pcard__img img{width:100%;height:100%;object-fit:cover;}
.vtcn-pcard__name{font-weight:600;color:var(--ink);font-size:14.5px;line-height:1.4;flex:1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.vtcn-pcard__price{color:var(--blue);font-weight:800;font-size:16px;}

/* ---- USP band ---- */
.vtcn-usp{background:var(--navy);color:#fff;padding:34px 0;}
.vtcn-usp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.vtcn-usp__grid div{display:flex;flex-direction:column;gap:4px;padding-left:8px;border-left:3px solid var(--accent);}
.vtcn-usp__grid b{font-size:16px;}
.vtcn-usp__grid span{color:#c3ccd8;font-size:13.5px;}

/* ---- bestseller carousel ---- */
.vtcn-swiper-products{position:relative;padding:6px 4px 4px;}
.vtcn-swiper-products .swiper-slide{height:auto;}
.swiper-button-prev,.swiper-button-next{color:var(--blue);}

/* ---- news cards ---- */
.vtcn-newscard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.18s;}
.vtcn-newscard:hover{transform:translateY(-4px);}
.vtcn-newscard__img{aspect-ratio:16/9;overflow:hidden;background:var(--bg-soft);}
.vtcn-newscard__img img{width:100%;height:100%;object-fit:cover;}
.vtcn-newscard__title{font-weight:700;color:var(--ink);padding:14px 16px 6px;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.vtcn-newscard__more{padding:0 16px 16px;color:var(--blue);font-weight:600;font-size:14px;}

/* ---- CTA ---- */
.vtcn-cta{background:linear-gradient(120deg,#123a63,#0a4da3);color:#fff;padding:44px 0;}
.vtcn-cta__in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
.vtcn-cta h2{margin:0 0 6px;font-size:26px;color:#fff;}
.vtcn-cta p{margin:0;color:#d5e2f3;}
.vtcn-cta__btns{display:flex;gap:12px;flex-wrap:wrap;}
.vtcn-cta__btns .vtcn-btn--ghost{background:transparent;color:#fff;border-color:#fff;}

/* =============================== FOOTER =============================== */
.vtcn-footer{background:var(--navy);color:#c3ccd8;padding:48px 0 0;font-size:14.5px;}
.vtcn-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;}
.vtcn-footer h4{color:#fff;font-size:15px;margin:0 0 14px;text-transform:uppercase;letter-spacing:.4px;}
.vtcn-footer p{margin:0 0 8px;line-height:1.6;}
.vtcn-footer ul{list-style:none;margin:0;padding:0;}
.vtcn-footer li{margin-bottom:8px;}
.vtcn-footer a{color:#c3ccd8;}
.vtcn-footer a:hover{color:#fff;}
.vtcn-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;color:#8b97a6;font-size:13px;text-align:center;}

/* =============================== FLOAT BUTTONS =============================== */
.vtcn-float{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px;}
.vtcn-float__btn{display:flex;align-items:center;gap:6px;background:var(--blue);color:#fff;border-radius:30px;
  padding:10px 16px;box-shadow:0 6px 18px rgba(0,0,0,.25);font-weight:700;font-size:14px;}
.vtcn-float__zalo{background:#0068ff;}
.vtcn-float__call{background:#1a9d54;}
.vtcn-float__btn em{font-style:normal;}

/* =============================== PAGES / WOOCOMMERCE =============================== */
.vtcn-page{padding:40px 20px 60px;}
.vtcn-page__title{color:var(--title);font-size:30px;font-weight:800;margin:0 0 24px;}
.vtcn-page__body{line-height:1.75;}
.vtcn-page__body img{border-radius:8px;margin:10px 0;}

.vtcn-contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;}
.vtcn-contact__info h3,.vtcn-contact__form h3{color:var(--title);font-size:19px;margin:0 0 14px;}
.vtcn-contact__info p{margin:0 0 10px;line-height:1.6;}
.vtcn-contact__btns{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;}
.vtcn-contact__form{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.vtcn-contact__form label{display:block;margin-bottom:12px;font-weight:600;font-size:14px;color:var(--ink);}
.vtcn-contact__form input,.vtcn-contact__form textarea{width:100%;margin-top:6px;padding:10px 12px;
  border:1px solid var(--line);border-radius:8px;font:inherit;font-weight:400;}
.vtcn-contact__note{color:var(--muted);font-size:12.5px;font-weight:400;margin-top:12px;}

/* Woo: gọn khoảng cách, ẩn cột sidebar khi full */
.vtcn-full #primary,.vtcn-full .content-area{width:100%;float:none;}
.vtcn-full #secondary{display:none;}
.woocommerce ul.products li.product .price{color:var(--blue);font-weight:800;}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:20px;}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span.current{background:#fff;border:1px solid var(--line);}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--blue);color:#fff;border-color:var(--blue);}

/* =============================== RESPONSIVE =============================== */
@media(max-width:1024px){
  .vtcn-grid--4{grid-template-columns:repeat(3,1fr);}
  .vtcn-cats__grid{grid-template-columns:repeat(3,1fr);}
  .vtcn-hero__in{grid-template-columns:1fr;}
  .vtcn-usp__grid{grid-template-columns:repeat(2,1fr);}
  .vtcn-footer__grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .vtcn-burger{display:flex;}
  .vtcn-mainnav{position:absolute;top:100%;left:0;right:0;background:var(--navy-2);padding:10px 20px;display:none;}
  .vtcn-mainnav.open{display:block;}
  .vtcn-nav{flex-direction:column;}
  .vtcn-nav li a{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.06);}
  .vtcn-hero h1{font-size:32px;}
  .vtcn-grid--4,.vtcn-grid--3,.vtcn-cats__grid{grid-template-columns:repeat(2,1fr);}
  .vtcn-contact{grid-template-columns:1fr;}
  .vtcn-header__cta .vtcn-btn--phone{display:none;}
}
@media(max-width:480px){
  .vtcn-grid--4,.vtcn-grid--3,.vtcn-cats__grid{grid-template-columns:1fr 1fr;}
  .vtcn-hero__stats{grid-template-columns:1fr 1fr 1fr;}
}

/* ============================================================
   Nội dung trang/bài viết crawl từ bản gốc (Flatsome UX Builder).
   Bản gốc dựa vào CSS Flatsome (không có ở đây) + background-image
   nhúng trong <style> (đã bị importer xóa để tránh lộ code).
   Khối dưới đây tái tạo layout tối giản: cột co giãn, bỏ khoảng trống rỗng.
   ============================================================ */
.entry-content .content-area,
.entry-content .section{max-width:1120px;margin-left:auto;margin-right:auto;}
.entry-content .section{position:relative;padding:26px 0;}
/* .section-bg vốn là lớp phủ background-image (đã gỡ) -> ẩn để không tạo ô rỗng */
.entry-content .section-bg{display:none!important;}
.entry-content .section-content{position:relative;padding:0 16px;}
/* Hàng = flex, cột co giãn theo tỉ lệ Flatsome */
.entry-content .row{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:0;}
.entry-content .row .col{flex:1 1 280px;min-width:0;padding:0;}
.entry-content .row .col.medium-3{flex:1 1 210px;}
.entry-content .row .col.medium-4{flex:1 1 300px;}
.entry-content .row .col.medium-6{flex:1 1 420px;}
.entry-content .row .col.medium-12,
.entry-content .row .col.large-12{flex:1 1 100%;}
.entry-content .col-inner{padding:0;}
/* Ảnh */
.entry-content .img,.entry-content .img-inner{margin:0;}
.entry-content img{height:auto;max-width:100%;border-radius:10px;display:block;}
/* Chữ & tiêu đề */
.entry-content h1{font-size:30px;line-height:1.2;margin:.2em 0 .4em;color:var(--navy);}
.entry-content h2{font-size:24px;margin:.6em 0 .4em;color:var(--navy);}
.entry-content h3{font-size:20px;margin:.6em 0 .3em;color:var(--navy);}
.entry-content p{line-height:1.7;margin:0 0 .9em;}
.entry-content ul,.entry-content ol{line-height:1.7;margin:0 0 1em;padding-left:1.3em;}
/* Số liệu thống kê (năm thành lập, v.v.) */
.entry-content .year-of-establishment{font-size:34px;font-weight:800;color:var(--blue);margin:0;line-height:1.1;}
/* Nút trong nội dung -> style như nút site */
.entry-content .button{display:inline-block;padding:11px 22px;border-radius:8px;font-weight:700;
  text-decoration:none;background:var(--blue);color:#fff;border:2px solid var(--blue);margin:4px 8px 4px 0;}
.entry-content .button.is-outline{background:transparent;color:var(--blue);}
.entry-content .button.is-outline:hover{background:var(--blue);color:#fff;}
.entry-content .button br{display:none;}
/* Dọn khoảng trắng thừa của các ô rỗng */
.entry-content .col-inner:empty,.entry-content .col:empty,
.entry-content p:empty,.entry-content .text:empty{display:none;}
@media(max-width:768px){
  .entry-content .row{gap:16px;}
  .entry-content .row .col{flex:1 1 100%;}
  .entry-content h1{font-size:24px;}
}

/* Chặn ảnh (kể cả SVG không có kích thước nội tại) tràn/phóng to trên trang bài viết & lưu trữ */
.hentry img,.post-thumbnail img,article.post img,.entry-content img,.page img{max-width:100%!important;height:auto!important;}
.post-thumbnail,.entry-thumbnail{max-width:820px;margin:0 auto 18px;}
.single-post .entry-content{max-width:820px;margin:0 auto;}

/* ============================================================
   OVERRIDES THEO YÊU CẦU (menu/footer sáng, bỏ breadcrumb, ẩn giỏ+giá, rộng+full height)
   ============================================================ */
:root{ --wrap:1400px; }

/* (1) Menu (topbar+header) & footer nền #f4f4f4 -------------------------------- */
.vtcn-topbar{background:#f4f4f4;color:#333;border-bottom:1px solid #e2e2e2;}
.vtcn-topbar a{color:#333;}
.vtcn-topbar a:hover{color:#038CF2;}
.vtcn-header{background:#f4f4f4;box-shadow:0 1px 8px rgba(0,0,0,.08);}
.vtcn-brand__txt{color:#111;}
.vtcn-brand__txt small{color:#555;}
/* text menu màu #038CF2 */
.vtcn-nav li a{color:#038CF2;}
.vtcn-nav li a:hover,.vtcn-nav .current-menu-item>a{color:#0268b4;background:rgba(3,140,242,.10);}
.vtcn-burger span{background:#038CF2;}
/* footer nền sáng, chữ đen */
.vtcn-footer{background:#f4f4f4;color:#000;}
.vtcn-footer h4{color:#000;}
.vtcn-footer p{color:#000;}
.vtcn-footer a{color:#000;}
.vtcn-footer a:hover{color:#038CF2;}
.vtcn-footer__bottom{border-top:1px solid #ddd;color:#333;}
@media(max-width:768px){
  .vtcn-mainnav{background:#f4f4f4;}
  .vtcn-nav li a{border-bottom:1px solid #e2e2e2;}
}

/* (2) Bỏ điều hướng breadcrumb "Home > ..." ----------------------------------- */
.woocommerce-breadcrumb,nav.woocommerce-breadcrumb,.storefront-breadcrumb{display:none!important;}

/* (3) Ẩn giỏ hàng + giá sản phẩm --------------------------------------------- */
.vtcn-cart{display:none!important;}
.vtcn-pcard__price,.price,.woocommerce-Price-amount,
.woocommerce ul.products li.product .price,.summary .price{display:none!important;}

/* (4) Content rộng hơn + trang dãn full height ------------------------------- */
#page.site{display:flex;flex-direction:column;min-height:100vh;}
#content.site-content,.site-content{flex:1 0 auto;padding-top:22px!important;padding-bottom:22px!important;}
.site-content .col-full{max-width:1400px;}
.entry-content .content-area,.entry-content .section{max-width:1360px;}
.page .entry-content{max-width:none;} /* trang: phủ đủ #primary (đã căn giữa 1360) như Trang chủ/Liên hệ */
.single-post .entry-content{max-width:1180px;margin-left:auto;margin-right:auto;} /* bài viết: hẹp hơn cho dễ đọc, căn giữa */
.vtcn-page{max-width:1400px;margin:0 auto;padding:22px 20px 30px;}

/* "Bài viết liên quan" (crawl từ bản gốc: .related-posts-grid > a.related-post-item)
   Bản gốc dựa CSS trong <style> (đã strip) -> tự style dạng thẻ danh sách gọn đẹp. */
.related-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:12px;}
.related-post-item{display:block;padding:14px 16px 14px 44px;position:relative;background:#fff;
  border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;
  color:var(--ink);font-weight:600;line-height:1.5;text-decoration:none;
  box-shadow:0 2px 8px rgba(16,32,64,.05);transition:.15s;}
.related-post-item::before{content:"›";position:absolute;left:16px;top:12px;color:var(--blue);
  font-size:20px;font-weight:800;line-height:1.4;}
.related-post-item:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(16,32,64,.10);}
@media(max-width:768px){ .related-posts-grid{grid-template-columns:1fr;} }

/* ============================================================
   Trang TUYỂN DỤNG (.recruitment-list-post — Flatsome layout)
   Sidebar danh mục canh TOP + danh sách tin 3 cột có border.
   ============================================================ */
/* Hàng chính: sidebar trái + nội dung phải, canh TRÊN (không center dọc) */
.recruitment-list-post .section-content > .row{align-items:flex-start!important;flex-wrap:nowrap;gap:30px;}
/* !important + specificity cao hơn để thắng rule chung .entry-content .row .col.medium-3 (0,4,0) */
.recruitment-list-post .section-content .col.medium-3{flex:0 0 400px!important;max-width:400px!important;}
.recruitment-list-post .section-content .col.medium-9{flex:1 1 auto!important;max-width:none!important;min-width:0;}

/* Sidebar "DANH MỤC TUYỂN DỤNG" */
.recruitment-list-post .widget-title{display:block;text-align:left;font-size:15px;font-weight:800;
  color:var(--title);text-transform:uppercase;letter-spacing:.3px;margin:0 0 10px;padding-bottom:10px;
  border-bottom:2px solid var(--blue);}
.recruitment-list-post .sidebar-wrapper,.recruitment-list-post .menu{list-style:none;margin:0;padding:0;}
.recruitment-list-post .is-divider{display:none;}
.recruitment-list-post .menu li{margin:0;border-bottom:1px solid var(--line);}
.recruitment-list-post .menu li a{display:block;padding:10px 6px;color:var(--ink);font-size:13.8px;line-height:1.4;}
.recruitment-list-post .menu li a:hover{color:var(--blue);background:rgba(3,140,242,.06);}

/* Tiêu đề "Tuyển dụng" bên phải */
.recruitment-list-post .col.medium-9 .text h3{text-align:left;font-size:22px;margin:0 0 16px;
  padding-bottom:10px;border-bottom:2px solid var(--line);}

/* Danh sách tin: LƯỚI 3 CỘT, mỗi tin là 1 thẻ có border */
.recruitment-list-post .row.large-columns-3{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;}
/* Thẻ = .post-item (flex cột): DẢI NGÀY trên đầu + nội dung dưới, border bao ngoài */
.recruitment-list-post .post-item{position:relative;padding:0;flex:none;max-width:none;
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;box-shadow:0 2px 10px rgba(16,32,64,.05);transition:.15s;}
.recruitment-list-post .post-item:hover{border-color:var(--blue);box-shadow:0 8px 20px rgba(16,32,64,.1);transform:translateY(-3px);}
.recruitment-list-post .post-item .col-inner{order:1;height:auto;}
.recruitment-list-post .post-item .box{display:flex;flex-direction:column;height:100%;
  background:transparent;border:0;border-radius:0;box-shadow:none;}
.recruitment-list-post .post-item .box-image{display:none;} /* tin tuyển dụng không có ảnh */
.recruitment-list-post .post-item .box-text{padding:14px 16px 16px;text-align:left;}
.recruitment-list-post .post-item .post-title,
.recruitment-list-post .post-item .post-title.is-large{font-size:16px!important;line-height:1.4;
  margin:0 0 8px;font-weight:700;}
.recruitment-list-post .post-item .post-title a{color:var(--title);}
.recruitment-list-post .post-item .post-title a:hover{color:var(--blue);}
.recruitment-list-post .post-item .from_the_blog_excerpt{font-size:13.3px;color:var(--muted);line-height:1.6;
  margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* DẢI NGÀY đăng: nằm trên cùng thẻ (order:-1), KHÔNG đè tiêu đề */
.recruitment-list-post .post-item .badge{order:-1;position:static;display:flex;align-items:baseline;gap:6px;
  background:var(--blue);color:#fff;padding:8px 14px;border-radius:0;box-shadow:none;text-align:left;}
.recruitment-list-post .post-item .badge .badge-inner{display:flex;align-items:baseline;gap:6px;background:none;}
.recruitment-list-post .post-item .badge .post-date-day{font-size:16px;font-weight:800;line-height:1;}
.recruitment-list-post .post-item .badge .post-date-month{font-size:11px;text-transform:uppercase;line-height:1;}

@media(max-width:1024px){ .recruitment-list-post .row.large-columns-3{grid-template-columns:repeat(2,1fr);} }
@media(max-width:768px){
  .recruitment-list-post .section-content > .row{flex-wrap:wrap;}
  .recruitment-list-post .col.medium-3{flex:1 1 100%;max-width:none;}
  .recruitment-list-post .row.large-columns-3{grid-template-columns:1fr;}
}

/* Sản phẩm ở trang Cửa hàng/danh mục: BORDER + HOVER giống thẻ trang Tuyển dụng (chỉ border & hover) */
.woocommerce ul.products li.product{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  padding:14px 14px 18px;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.woocommerce ul.products li.product:hover{
  border-color:var(--blue);
  box-shadow:0 8px 20px rgba(16,32,64,.1);
  transform:translateY(-3px);
}

/* Bỏ dropdown sắp xếp sản phẩm (Storefront bọc trong .storefront-sorting) */
.woocommerce .woocommerce-ordering{display:none!important;}

/* Đồng bộ chiều rộng nội dung = thanh menu (1400px):
   gỡ giới hạn wrapper .col-full của Storefront (footer bị bó còn ~1064px, lệch phải).
   Bên trong vẫn có .vtcn-container (max 1400 + padding 20) canh giữa như header. */
#colophon.site-footer > .col-full,
.site-content > .col-full{
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:auto;margin-right:auto;
}

/* ============================================================
   Cụm liên lạc nổi: nút tròn (Zalo/WhatsApp/Gọi/Messenger) + vòng nhấp nháy
   + nút CUỘN LÊN đầu trang (hiện khi cuộn > 300px).
   ============================================================ */
.vtcn-float{position:fixed;right:18px;bottom:20px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:16px;}
.vtcn-fbtn{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;border:0;padding:0;cursor:pointer;text-decoration:none;box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .15s;}
.vtcn-fbtn:hover{transform:scale(1.08);}
.vtcn-fbtn__ico{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;line-height:1;}
.vtcn-fbtn__ico svg{width:26px;height:26px;display:block;}
.vtcn-fbtn__ring{position:absolute;inset:0;border-radius:50%;background:inherit;z-index:0;
  animation:vtcn-pulse 1.9s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes vtcn-pulse{0%{transform:scale(1);opacity:.5;}70%,100%{transform:scale(1.75);opacity:0;}}
.vtcn-fbtn--zalo{background:#0068ff;}
.vtcn-fbtn--wa{background:#25d366;}
.vtcn-fbtn--call{background:#2196f3;}
.vtcn-fbtn--mess{background:#0084ff;}
/* tooltip khi hover */
.vtcn-fbtn[data-tip]::after{content:attr(data-tip);position:absolute;right:62px;top:50%;transform:translateY(-50%);
  background:#111;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:6px;
  opacity:0;pointer-events:none;transition:opacity .15s;}
.vtcn-fbtn[data-tip]:hover::after{opacity:.95;}
/* nút cuộn lên: trắng, viền, ẩn tới khi cuộn */
.vtcn-fbtn--top{width:46px;height:46px;background:#fff;color:#555;border:1px solid #dcdfe4;box-shadow:0 4px 12px rgba(0,0,0,.15);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,color .15s,border-color .15s;margin-top:2px;}
.vtcn-fbtn--top.is-show{opacity:1;visibility:visible;transform:none;}
.vtcn-fbtn--top:hover{color:var(--blue);border-color:var(--blue);transform:scale(1.08);}
@media(max-width:600px){
  .vtcn-float{right:12px;bottom:14px;gap:13px;}
  .vtcn-fbtn{width:46px;height:46px;}
  .vtcn-fbtn__ico svg{width:23px;height:23px;}
}

/* Trang con (gioi-thieu, cua-hang, khop-noi, gia-cong, tuyen-dung, bài viết, danh mục…):
   Trang chủ dùng front-page KHÔNG có #primary nên KHÔNG bị ảnh hưởng.
   Căn giữa vùng nội dung theo chuẩn Trang chủ/Liên hệ (max 1400 + padding 20) —
   trước đó bị .col-full full-width kéo dãn/dính mép trái. */
.site-content > .col-full > #primary{
  float:none!important;        /* Storefront float:left -> margin auto không căn giữa được */
  width:100%;
  max-width:var(--wrap);       /* 1400 giống thanh menu & Liên hệ */
  margin-left:auto;margin-right:auto;
  padding-left:20px;padding-right:20px;
  box-sizing:border-box;
}

/* Ảnh trong cột Flatsome (mục "Sản phẩm & dịch vụ…" v.v.): giới hạn chiều cao để
   một ảnh khi bị dồn xuống hàng riêng không phình full-width. Ảnh nội dung trong bài (<p>) không bị ảnh hưởng. */
.entry-content .col .img img{max-height:300px;width:auto;margin-left:auto;margin-right:auto;}

/* ============================================================
   FAQ "Câu hỏi thường gặp" — accordion thẻ (viền + +/− + mở/đóng)
   ============================================================ */
.faq-section .faq{display:block;}
.faq-section .faq-item{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;
  overflow:hidden;transition:border-color .15s,box-shadow .15s;}
.faq-section .faq-item.is-open{border-color:var(--blue);box-shadow:0 4px 16px rgba(16,32,64,.08);}
.faq-section .faq-item:hover{border-color:var(--blue);}
.faq-section .faq-question{display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;
  font-weight:700;font-size:16.5px;color:var(--ink);line-height:1.45;user-select:none;}
.faq-section .faq-question br{display:none;}
.faq-section .faq-question span{flex:1;}
.faq-section .faq-item.is-open .faq-question{color:var(--blue);}
.faq-section .faq-question i{font-style:normal;font-weight:400;font-size:26px;line-height:1;color:var(--blue);
  flex:0 0 auto;transition:transform .15s;}
.faq-section .faq-answer{height:0;opacity:0;overflow:hidden;transition:height .28s ease,opacity .28s ease;}
.faq-section .faq-content{padding:0 22px 18px;color:var(--muted);line-height:1.7;font-size:14.5px;}
@media(max-width:600px){
  .faq-section .faq-question{padding:15px 16px;font-size:15px;gap:10px;}
  .faq-section .faq-content{padding:0 16px 15px;}
}

/* Menu viết hoa toàn bộ */
.vtcn-nav li a{text-transform:uppercase;}

/* ===== Bỏ bớt phần (theo yêu cầu) ===== */
.vtcn-hero__in{grid-template-columns:1fr;}                 /* hero 1 cột sau khi bỏ dải số liệu */
.container-establish-company{display:none!important;}      /* bỏ dải "2019/7+/24h/2-5" ở trang Giới thiệu */

/* ===== Trang DỰ ÁN: lưới thẻ có ảnh (theo mẫu) ===== */
.vtcn-projgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:6px 0;}
.vtcn-projcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;box-shadow:0 4px 16px rgba(16,32,64,.06);transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none;}
.vtcn-projcard:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 12px 26px rgba(16,32,64,.12);}
.vtcn-projcard__img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.vtcn-projcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.vtcn-projcard:hover .vtcn-projcard__img img{transform:scale(1.05);}
.vtcn-projcard__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;}
.vtcn-projcard__title{font-weight:700;font-size:16.5px;color:var(--title);line-height:1.4;}
.vtcn-projcard__loc{color:var(--muted);font-size:13.5px;}
@media(max-width:1024px){.vtcn-projgrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.vtcn-projgrid{grid-template-columns:1fr;}}

/* ===== Trang TIN TỨC (blog): danh sách bài viết dạng thẻ ===== */
.blog #main,.blog .site-main{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;}
.blog #main > *:not(article){grid-column:1/-1;}
.blog #main > article.post{margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:#fff;box-shadow:0 4px 16px rgba(16,32,64,.06);display:flex;flex-direction:column;
  transition:transform .15s,box-shadow .15s,border-color .15s;}
.blog #main > article.post:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 12px 26px rgba(16,32,64,.12);}
.blog #main > article.post .post-thumbnail{display:block;margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.blog #main > article.post .post-thumbnail img{width:100%;height:100%;object-fit:cover;}
.blog #main > article.post .entry-header,
.blog #main > article.post .entry-content,
.blog #main > article.post .entry-meta,
.blog #main > article.post .entry-footer{padding-left:18px;padding-right:18px;}
.blog #main > article.post .entry-header{padding-top:16px;}
.blog #main > article.post .entry-title{font-size:17px;line-height:1.4;margin:0 0 6px;}
.blog #main > article.post .entry-title a{color:var(--title);}
.blog #main > article.post .entry-title a:hover{color:var(--blue);}
.blog #main > article.post .entry-content{font-size:14px;color:var(--muted);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog #main > article.post .entry-footer{padding-bottom:16px;}
@media(max-width:1024px){.blog #main,.blog .site-main{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.blog #main,.blog .site-main{grid-template-columns:1fr;}}
/* Trích blog: heading lọt vào excerpt không bị phóng to */
.blog #main > article.post .entry-content :is(h1,h2,h3,h4,h5,h6){font-size:14px;font-weight:600;margin:0;display:inline;line-height:1.6;}
.blog #main > article.post .entry-content img{display:none;}

/* ===== Trang TIN TỨC (template riêng): Nổi bật + Mới nhất, thẻ chỉ ảnh + tiêu đề ===== */
.vtcn-newsblock{margin:6px 0 34px;}
.vtcn-newsblock__h{font-size:22px;color:var(--title);font-weight:800;margin:0 0 18px;padding-bottom:10px;border-bottom:2px solid var(--line);}
.vtcn-newsgrid{display:grid;gap:24px;}
.vtcn-newsgrid--3{grid-template-columns:repeat(3,1fr);}
.vtcn-newsgrid--4{grid-template-columns:repeat(4,1fr);}
.vtcn-newscard2{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;box-shadow:0 4px 16px rgba(16,32,64,.06);transition:transform .15s,box-shadow .15s,border-color .15s;text-decoration:none;}
.vtcn-newscard2:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 12px 26px rgba(16,32,64,.12);}
.vtcn-newscard2__img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft);}
.vtcn-newscard2__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.vtcn-newscard2:hover .vtcn-newscard2__img img{transform:scale(1.05);}
.vtcn-newscard2__title{padding:14px 16px 16px;font-weight:700;font-size:15.5px;color:var(--title);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:1024px){.vtcn-newsgrid--3,.vtcn-newsgrid--4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.vtcn-newsgrid--3,.vtcn-newsgrid--4{grid-template-columns:1fr;}}

/* /bai-viet/ (blog page_for_posts): chỉ hiện ẢNH + TIÊU ĐỀ như /tin-tuc/ */
.blog #main > article.post .entry-content,
.blog #main > article.post .entry-meta,
.blog #main > article.post .entry-footer,
.blog #main > article.post .post-meta,
.blog #main > article.post .cat-links,
.blog #main > article.post .comments-link,
.blog #main > article.post .posted-on,
.blog #main > article.post .byline,
.blog #main > article.post .read-more,
.blog #main > article.post .post-comments{display:none!important;}
.blog #main > article.post .entry-header{padding:14px 16px 16px;}
.blog #main > article.post .entry-title{margin:0;}

/* ===== Hero: nền SÁNG cho đồng bộ theme (thay nền tối) ===== */
.vtcn-hero{background:linear-gradient(120deg,#f5f7fa 0%,#eaf2fd 100%)!important;color:var(--ink)!important;
  border-bottom:1px solid var(--line);}
.vtcn-hero__eyebrow{color:var(--blue)!important;}
.vtcn-hero h1{color:var(--navy)!important;}
.vtcn-hero__sub{color:var(--muted)!important;}

/* ===== Trang chủ: bỏ khoảng trống (padding) trên–dưới vùng nội dung về 0 ===== */
.home #content.site-content{padding-top:0!important;padding-bottom:0!important;}

/* ===== Bỏ khoảng trống mặc định Storefront quanh HEADER & FOOTER (nguồn gap thật) ===== */
#masthead.site-header{margin-bottom:0!important;padding-top:0!important;}
#colophon.site-footer{padding-top:0!important;padding-bottom:0!important;}