/* VinhXD – khối trang chủ (khuyến mãi, xe tab có màu, hộp dịch vụ, info). Font kế thừa theme. */
/* 3.0: chặn style nút của theme (độ ưu tiên 0,1,0; plugin nạp sau CSS theme). Class riêng của từng nút đặt sau dòng này. */
.vxd-xetab :where(button,[type=button],[type=submit],[type=reset]),.vxd-promos :where(button,[type=button],[type=submit],[type=reset]),.vxd-boxes :where(button,[type=button],[type=submit],[type=reset]),.vxd-info :where(button,[type=button],[type=submit],[type=reset]),.xd-arc :where(button,[type=button],[type=submit],[type=reset]){font:inherit;color:inherit;cursor:pointer;border:0;background:none;margin:0;padding:0;text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none;min-height:0;min-width:0;width:auto;height:auto;border-radius:0;text-decoration:none;text-shadow:none;-webkit-appearance:none;appearance:none}
:root{
  --vxd-blue:#1464f4; --vxd-blue-600:color-mix(in srgb,var(--vxd-blue) 82%,#000); --vxd-blue-50:color-mix(in srgb,var(--vxd-blue) 8%,#fff);
  --vxd-navy:#0a1730; --vxd-navy-2:#132544; --vxd-ink:#14213d; --vxd-muted:#5d6b82; --vxd-line:#e3e8f0; --vxd-bg:#f4f6fa;
  --vxd-deal:#e8590c; --vxd-deal-50:#fff4ec; --vxd-ok:#12805c; --vxd-r:14px;
  --vxd-shadow:0 1px 2px rgba(20,33,61,.04),0 6px 20px rgba(20,33,61,.07);
  --vxd-shadow-h:0 2px 4px rgba(20,33,61,.05),0 18px 40px rgba(20,33,61,.14);
}
.vxd-promos,.vxd-promos *,.vxd-xetab,.vxd-xetab *,.vxd-boxes,.vxd-boxes *,.vxd-info,.vxd-info *{box-sizing:border-box}
.vxd-ico{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}
.vxd-empty{padding:14px 16px;border:1px dashed var(--vxd-line);border-radius:10px;color:var(--vxd-muted);font-size:14px}
.vxd-xetab [hidden],.vxd-promos [hidden]{display:none}

/* ---------- Khuyến mãi ---------- */
.vxd-promos{display:grid;grid-template-columns:repeat(var(--vxd-cols,4),minmax(0,1fr));gap:20px}
.vxd-promo{position:relative;display:block;aspect-ratio:var(--vxd-ratio,.91);border-radius:18px;overflow:hidden;isolation:isolate;text-decoration:none;color:#fff;background:var(--vxd-navy);box-shadow:var(--vxd-shadow)}
.vxd-promo .vxd-promo-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.vxd-promo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,14,30,.05) 30%,rgba(6,14,30,.55) 62%,rgba(6,14,30,.9) 100%);transition:opacity .5s}
.vxd-promo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,14,30,.2) 15%,rgba(6,14,30,.72) 55%,rgba(6,14,30,.95) 100%);opacity:0;transition:opacity .5s}
.vxd-promo:hover .vxd-promo-img,.vxd-promo:focus-visible .vxd-promo-img{transform:scale(1.08)}
.vxd-promo:hover::before,.vxd-promo:focus-visible::before{opacity:1}
.vxd-countdown{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.95);color:var(--vxd-ink);font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;display:flex;gap:7px;align-items:center;line-height:1.2;font-variant-numeric:tabular-nums}
.vxd-countdown.is-end{background:rgba(255,255,255,.75);color:var(--vxd-muted)}
.vxd-countdown i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.2)}
.vxd-promo-body{position:absolute;left:0;right:0;bottom:0;padding:20px;display:flex;flex-direction:column;gap:6px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.vxd-promo:hover .vxd-promo-body{transform:translateY(-4px)}
.vxd-promo h3{margin:0;font-size:19px;font-weight:700;line-height:1.3;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.vxd-policy{margin:0;font-size:14.5px;color:rgba(255,255,255,.88);line-height:1.45}
.vxd-promo-go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#9cc2ff;margin-top:4px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s}
.vxd-promo:hover .vxd-promo-go,.vxd-promo:focus-visible .vxd-promo-go{max-height:24px;opacity:1}
@media (hover:none){.vxd-promo-go{max-height:24px;opacity:1}}

/* ---------- Tiêu đề + tab ---------- */
.vxd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.vxd-head.is-tabs-only{justify-content:center}
.vxd-head-t{display:flex;flex-direction:column;gap:8px;max-width:640px}
.vxd-kicker{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vxd-blue);display:flex;align-items:center;gap:10px}
.vxd-kicker::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.vxd-h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--vxd-ink)}
.vxd-tabs{display:inline-flex;padding:4px;background:#fff;border:1px solid var(--vxd-line);border-radius:12px;gap:4px}
.vxd-tab{border:0;background:none;padding:10px 18px;border-radius:9px;font-weight:700;color:var(--vxd-muted);display:flex;gap:8px;align-items:center;font-size:14.5px;line-height:1.3;cursor:pointer;box-shadow:none;white-space:nowrap}
.vxd-tab .vxd-n{font-size:12px;background:var(--vxd-bg);color:var(--vxd-muted);border-radius:999px;padding:1px 8px;font-weight:700}
.vxd-tab[aria-selected="true"]{background:var(--vxd-blue);color:#fff}
.vxd-tab[aria-selected="true"] .vxd-n{background:rgba(255,255,255,.2);color:#fff}
.vxd-tab:focus-visible{outline:2px solid var(--vxd-blue);outline-offset:2px}

/* ---------- Thẻ xe ---------- */
.vxd-cars{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}
.vxd-car{--g:22px;flex:0 1 calc((100% - (var(--vxd-cols,4) - 1) * var(--g)) / var(--vxd-cols,4));min-width:0;background:#fff;border:1px solid var(--vxd-line);border-radius:var(--vxd-r);padding:10px;display:flex;flex-direction:column;box-shadow:var(--vxd-shadow);transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s,border-color .35s}
.vxd-car:hover{transform:translateY(-6px);box-shadow:var(--vxd-shadow-h);border-color:#cfdcf5}
.vxd-car-img{position:relative;display:block;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#f7f9fc,#e9eef6);aspect-ratio:16/9}
.vxd-car-img img{width:100%;height:100%;max-width:none;object-fit:cover;transition:opacity .18s;display:block}
.vxd-seg{position:absolute;left:10px;top:10px;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vxd-navy);box-shadow:0 2px 6px rgba(20,33,61,.1);line-height:1.3}
.vxd-car-body{padding:14px 8px 6px;display:flex;flex-direction:column;gap:12px;flex:1}
.vxd-car-top{display:flex;flex-direction:column;gap:9px}
.vxd-car h3{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.vxd-car h3 a{text-decoration:none;color:var(--vxd-ink)}
.vxd-sws{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.vxd-sw-count{font-size:12px;color:var(--vxd-muted);margin-left:4px}
.vxd-sw{position:relative;width:20px;height:20px;min-height:0;border-radius:6px;border:1px solid rgba(20,33,61,.18);background:var(--c);padding:0;display:grid;place-items:center;cursor:pointer;transition:transform .15s;box-shadow:none}
.vxd-sw:hover{transform:translateY(-2px)}
.vxd-sw .vxd-ico{color:#fff;stroke-width:3;opacity:0;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}
.vxd-sw.is-light .vxd-ico{color:var(--vxd-ink);filter:none}
.vxd-sw[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--vxd-blue)}
.vxd-sw[aria-pressed="true"] .vxd-ico{opacity:1}
.vxd-sw::after{content:attr(data-name);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);background:var(--vxd-navy);color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:5px 9px;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3;line-height:1.3}
.vxd-sw::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px);border:5px solid transparent;border-top-color:var(--vxd-navy);border-bottom:0;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3}
.vxd-sw:hover::after,.vxd-sw:hover::before,.vxd-sw:focus-visible::after,.vxd-sw:focus-visible::before{opacity:1;transform:translate(-50%,0)}
.vxd-prices{display:flex;flex-direction:column;gap:6px;border-top:1px dashed var(--vxd-line);padding-top:12px;margin:0}
.vxd-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.vxd-prices dt{font-size:13px;font-weight:500;color:var(--vxd-muted);white-space:nowrap}
.vxd-prices dd{margin:0;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;color:var(--vxd-blue);white-space:nowrap}
.vxd-prices dd.is-sub{color:var(--vxd-ink);font-size:15.5px;font-weight:700}
.vxd-car-foot{margin-top:auto}
.vxd-deal{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--vxd-deal-50);border:1px dashed #f7b98d;border-radius:10px;padding:8px 8px 8px 12px}
.vxd-deal-l{display:flex;flex-direction:column;line-height:1.25}
.vxd-deal-l small{font-size:11.5px;color:#b4470a;font-weight:600}
.vxd-deal-l b{font-size:16px;color:var(--vxd-deal);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.vxd-deal-l .is-short{display:none}
.vxd-deal-none{display:flex;justify-content:space-between;align-items:center;color:var(--vxd-muted);font-size:13.5px;gap:8px}
.vxd-go{width:40px;height:40px;border-radius:50%;background:var(--vxd-blue);color:#fff;display:grid;place-items:center;flex-shrink:0;transition:background .2s,transform .2s;text-decoration:none}
.vxd-car:hover .vxd-go{transform:translateX(2px)}
.vxd-go:hover{background:var(--vxd-blue-600)}
.vxd-note{text-align:center;color:var(--vxd-muted);font-size:13px;margin:22px 0 0}

/* ---------- Hộp dịch vụ ---------- */
.vxd-boxes{display:grid;grid-template-columns:repeat(var(--vxd-cols,3),minmax(0,1fr));gap:20px}
.vxd-box{position:relative;border-radius:var(--vxd-r);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.vxd-box-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.vxd-box-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;transition:background .25s,color .25s}
.vxd-box-ico i,.vxd-box-ico svg{font-size:24px;width:26px;height:26px}
.vxd-box-badge{text-align:right;line-height:1.1}
.vxd-box-badge b{font-size:30px;font-weight:800;display:block;letter-spacing:-.02em}
.vxd-box-badge small{font-size:12px;font-weight:600}
.vxd-box h3{margin:0;font-size:18px;font-weight:700;line-height:1.35}
.vxd-box-desc{margin:0;font-size:14.5px;line-height:1.55}
.vxd-box ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:14px}
.vxd-box li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.vxd-box li .vxd-ico{margin-top:2px}
.vxd-box-btn{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700;font-size:14.5px;text-decoration:none}
.vxd-box-btn .vxd-sub{font-weight:600;font-size:13px}
.vxd-box-inner{display:flex;flex-direction:column;gap:12px;flex:1}
/* Skin sáng */
.vxd-boxes.is-light .vxd-box{background:#fff;border:1px solid var(--vxd-line);padding:26px 24px 22px}
.vxd-boxes.is-light .vxd-box-ico{background:var(--vxd-blue-50);color:var(--vxd-blue)}
.vxd-boxes.is-light .vxd-box h3{color:var(--vxd-ink)}
.vxd-boxes.is-light .vxd-box-desc{color:var(--vxd-muted)}
.vxd-boxes.is-light li{color:var(--vxd-ink)}
.vxd-boxes.is-light li .vxd-ico{color:var(--vxd-ok)}
.vxd-boxes.is-light .vxd-box-btn{color:var(--vxd-blue)}
.vxd-boxes.is-light .vxd-box-badge b{color:var(--vxd-ink)}.vxd-boxes.is-light .vxd-box-badge small{color:var(--vxd-muted)}
.vxd-boxes.is-light .vxd-box:hover{border-color:var(--vxd-blue);box-shadow:var(--vxd-shadow-h);transform:translateY(-3px)}
.vxd-boxes.is-light .vxd-box:hover .vxd-box-ico{background:var(--vxd-blue);color:#fff}
.vxd-boxes.is-light.has-line .vxd-box-btn{border-top:1px solid var(--vxd-line);padding-top:14px}
/* Skin tối */
.vxd-boxes.is-dark .vxd-box{background-color:var(--vxd-navy);background-image:linear-gradient(180deg,var(--vxd-navy-2),var(--vxd-navy));color:#fff;isolation:isolate;padding:28px 26px 26px}
.vxd-boxes.is-dark .vxd-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--vxd-blue) 60%,transparent),transparent 55%);z-index:-1;opacity:.7;transition:opacity .3s}
.vxd-boxes.is-dark .vxd-box:hover::before{opacity:1}
.vxd-boxes.is-dark .vxd-box-ico{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff;width:56px;height:56px;border-radius:16px}
.vxd-boxes.is-dark .vxd-box h3{color:#fff;font-size:19px}
.vxd-boxes.is-dark .vxd-box-desc{color:#c3cfe3}
.vxd-boxes.is-dark li{color:#e2e9f5}
.vxd-boxes.is-dark li .vxd-ico{color:#7fb0ff}
.vxd-boxes.is-dark .vxd-box-btn{color:#fff}
.vxd-boxes.is-dark .vxd-box-btn .vxd-sub{color:#a9bad6}
.vxd-boxes.is-dark .vxd-box-badge b{color:#fff}.vxd-boxes.is-dark .vxd-box-badge small{color:#a9bad6}
.vxd-boxes.is-dark.has-line .vxd-box-btn{border-top:1px solid rgba(255,255,255,.12);padding-top:14px}

/* ---------- Info XD ---------- */
.vxd-info{display:flex;flex-direction:column;gap:22px}
.vxd-agent{display:flex;gap:14px;align-items:center;border-radius:14px;padding:12px}
.vxd-agent img{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;max-width:none}
.vxd-agent b{display:block;font-size:16px;line-height:1.35}
.vxd-agent small{font-size:13px;line-height:1.4;display:block}
.vxd-rows{display:flex;flex-direction:column;gap:14px}
.vxd-row{display:flex;gap:12px;align-items:flex-start;text-decoration:none}
.vxd-row-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.vxd-row-ico i,.vxd-row-ico svg{font-size:16px;width:18px;height:18px}
.vxd-row b{display:block;font-size:15px;line-height:1.4}
.vxd-row small{font-size:13px;line-height:1.4;display:block}
.vxd-info.is-on-blue{color:#fff}
.vxd-info.is-on-blue .vxd-agent{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.vxd-info.is-on-blue .vxd-agent img{border:2px solid #fff}
.vxd-info.is-on-blue .vxd-agent b,.vxd-info.is-on-blue .vxd-row b{color:#fff}
.vxd-info.is-on-blue .vxd-agent small{color:#dbe7ff}
.vxd-info.is-on-blue .vxd-row small{color:#c9dafc}
.vxd-info.is-on-blue .vxd-row-ico{background:rgba(255,255,255,.14);color:#fff}
.vxd-info.is-on-light .vxd-agent{background:var(--vxd-bg);border:1px solid var(--vxd-line)}
.vxd-info.is-on-light .vxd-agent b,.vxd-info.is-on-light .vxd-row b{color:var(--vxd-ink)}
.vxd-info.is-on-light .vxd-agent small,.vxd-info.is-on-light .vxd-row small{color:var(--vxd-muted)}
.vxd-info.is-on-light .vxd-row-ico{background:var(--vxd-blue-50);color:var(--vxd-blue)}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .vxd-car{flex-basis:calc((100% - 2 * var(--g)) / 3)}
  .vxd-promos{grid-template-columns:repeat(min(var(--vxd-cols,4),2),minmax(0,1fr))}
  .vxd-boxes{grid-template-columns:repeat(min(var(--vxd-cols,3),2),minmax(0,1fr))}
}
@media (max-width:820px){
  .vxd-car{flex-basis:calc((100% - var(--g)) / 2)}
  .vxd-boxes{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .vxd-promos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px;gap:14px}
  .vxd-promos::-webkit-scrollbar{display:none}
  .vxd-promo{flex:0 0 78%;scroll-snap-align:start}
  .vxd-cars{gap:12px}
  .vxd-car{--g:12px;padding:6px}
  .vxd-car-body{padding:10px 4px 4px;gap:10px}
  .vxd-sws{gap:5px}.vxd-sw{width:18px;height:18px}.vxd-sw-count{display:none}
  .vxd-car h3{font-size:15.5px}
  .vxd-seg{font-size:9.5px;padding:3px 7px;left:6px;top:6px}
  .vxd-prices>div{flex-direction:column;gap:0}.vxd-prices dt{font-size:11.5px}
  .vxd-prices dd{font-size:15px}.vxd-prices dd.is-sub{font-size:13.5px}
  .vxd-deal{padding:7px 7px 7px 9px}
  .vxd-deal-l b{font-size:15px}.vxd-deal-l small{font-size:10.5px}
  .vxd-deal-l .is-full{display:none}.vxd-deal-l .is-short{display:inline}
  .vxd-go{width:32px;height:32px}
  .vxd-tabs{display:flex;width:100%}.vxd-tab{flex:1;justify-content:center;padding:10px 6px;font-size:14px}.vxd-tab .vxd-n{display:none}
}
@media (prefers-reduced-motion:reduce){.vxd-promo *,.vxd-promo,.vxd-car,.vxd-car *,.vxd-box{transition:none}}
.vxd-box-ico svg,.vxd-row-ico svg{fill:currentColor}
.vxd-xetab{overflow-x:clip;overflow-y:visible}

/* ===== Trang danh sách xe (templates/archive-xe.php) ===== */
.xd-arc{background:var(--vxd-bg);padding-bottom:48px}
.xd-arc-in{max-width:1240px;margin:0 auto;padding:0 16px}
.xd-arc-hero{background:var(--vxd-navy) var(--xd-arc-bg,none) center/cover no-repeat;color:#fff;padding:56px 0 48px;margin-bottom:24px;position:relative}
.xd-arc-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,23,48,.85),rgba(10,23,48,.35))}
.xd-arc-hero .xd-arc-in{position:relative}
.xd-arc-hero h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.2;color:#fff}
.xd-arc-desc{margin-top:8px;max-width:720px;opacity:.9}
.xd-arc-tabs{margin-bottom:20px;display:flex;flex-wrap:wrap;gap:8px}
.xd-arc-tabs a{text-decoration:none}
.xd-arc-tabs a[aria-current="page"]{background:var(--vxd-blue);color:#fff;border-color:var(--vxd-blue)}
.xd-arc-pagination{margin-top:28px;text-align:center}
.xd-arc-pagination .page-numbers{display:inline-block;min-width:40px;padding:8px 12px;margin:0 2px;border-radius:10px;background:#fff;border:1px solid var(--vxd-line);color:var(--vxd-ink);text-decoration:none}
.xd-arc-pagination .page-numbers.current{background:var(--vxd-blue);color:#fff;border-color:var(--vxd-blue)}
.xd-arc-empty{padding:40px 0;text-align:center;color:var(--vxd-muted)}

/* ===== 3.7.2 – tab dòng xe (Xe Tab Có Màu): chặn style nút của theme (Hello Elementor) ===== */
.vxd-tabs .vxd-tab { border: 0; background: none; color: var(--vxd-muted); }
.vxd-tabs .vxd-tab:hover, .vxd-tabs .vxd-tab:focus { background: var(--vxd-bg); color: var(--vxd-blue); }
.vxd-tabs .vxd-tab[aria-selected="true"], .vxd-tabs .vxd-tab[aria-selected="true"]:hover, .vxd-tabs .vxd-tab[aria-selected="true"]:focus { background: var(--vxd-blue); color: #fff; }