/* Web Công Nghệ v1.3.3 — Global Plugin Header/Footer Shell */
body.wcgp-global-shell{
  --wcgp-navy:#071a36;
  --wcgp-blue:#1267ff;
  --wcgp-text:#102847;
  --wcgp-muted:#6d819b;
  --wcgp-border:#e1e9f3;
  --wcgp-bg:#ffffff;
}

/* Hide ALL known Flatsome / WordPress-theme header/footer surfaces.
   Main page content remains untouched. */
body.wcgp-global-shell #header,
body.wcgp-global-shell .header-wrapper,
body.wcgp-global-shell #wide-nav,
body.wcgp-global-shell .header-main,
body.wcgp-global-shell .header-top,
body.wcgp-global-shell .mobile-sidebar,
body.wcgp-global-shell #footer,
body.wcgp-global-shell .footer-wrapper,
body.wcgp-global-shell .absolute-footer,
body.wcgp-global-shell .footer-1,
body.wcgp-global-shell .footer-2,
body.wcgp-global-shell .back-to-top,
body.wcgp-global-shell .header-search-form-wrapper,
body.wcgp-global-shell .account-login-inner,
body.wcgp-global-shell .ux-menu-link--login{
  display:none!important;
}

/* Remove theme layout spacing created for its own header/footer. */
body.wcgp-global-shell #wrapper,
body.wcgp-global-shell #main{
  margin-top:0!important;
}
body.wcgp-global-shell{
  padding-top:0!important;
}
body.admin-bar .wcgp-global-header{top:32px}
@media(max-width:782px){body.admin-bar .wcgp-global-header{top:46px}}

.wcgp-global-header{
  position:sticky;
  top:0;
  z-index:99999;
  width:100%;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(214,226,241,.9);
  box-shadow:0 6px 24px rgba(10,41,85,.04);
}
.wcgp-global-container{
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
}
.wcgp-global-nav{
  min-height:76px;
  display:flex;
  align-items:center;
  gap:28px;
}
.wcgp-global-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none!important;
  white-space:nowrap;
}
.wcgp-global-brand-mark{
  width:32px;height:32px;border-radius:10px;
  display:grid;place-items:center;
  font:800 15px/1 "Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
  color:#fff;
  background:linear-gradient(145deg,#0d63ff,#22a9e8);
  box-shadow:0 8px 22px rgba(18,103,255,.22);
}
.wcgp-global-brand-text,
.wcgp-global-footer-logo{
  color:#071a36;
  font:800 15px/1 "Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
  letter-spacing:-.03em;
}
.wcgp-global-brand-text span,
.wcgp-global-footer-logo span{color:#1674df}
.wcgp-global-menu{
  display:flex;
  align-items:center;
  gap:24px;
  margin-left:auto;
}
.wcgp-global-menu a{
  color:#38506e!important;
  text-decoration:none!important;
  font:600 12px/1.2 "Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
  transition:.2s ease;
}
.wcgp-global-menu a:hover{color:#1267ff!important}
.wcgp-global-cta{
  display:inline-flex;align-items:center;gap:10px;
  min-height:42px;padding:0 17px;border-radius:11px;
  color:#fff!important;text-decoration:none!important;
  background:linear-gradient(135deg,#0c58db,#1687ef);
  box-shadow:0 10px 25px rgba(18,103,255,.18);
  font:700 11px/1 "Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
}
.wcgp-global-toggle{
  display:none;width:42px;height:42px;padding:10px;
  border:1px solid #dbe6f3;border-radius:11px;background:#fff;
}
.wcgp-global-toggle span{display:block;height:2px;background:#123052;margin:4px 0;border-radius:4px}
.wcgp-global-mobile-menu{display:none}

/* Global plugin footer */
.wcgp-global-footer{
  position:relative;
  z-index:10;
  background:
    radial-gradient(circle at 85% 0%,rgba(26,112,255,.25),transparent 25%),
    linear-gradient(135deg,#06152d,#082755 65%,#0b326a);
  color:#fff;
  font-family:"Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
}
.wcgp-global-footer-top{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:52px;
  padding:70px 0 54px;
}
.wcgp-global-footer-logo{font-size:20px;color:#fff}
.wcgp-global-footer-logo span{color:#54adff}
.wcgp-global-footer-brand>p:first-of-type{
  margin:16px 0 12px;color:#c6d8ed;font-size:12px;font-weight:700;
}
.wcgp-global-footer-desc{
  max-width:390px;margin:0;color:#8fa8c5;font-size:12px;line-height:1.75;
}
.wcgp-global-footer-col{
  display:flex;flex-direction:column;gap:11px;
}
.wcgp-global-footer-col strong{
  margin-bottom:7px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;
}
.wcgp-global-footer-col a{
  color:#9db4cf!important;text-decoration:none!important;font-size:11px;line-height:1.45;
}
.wcgp-global-footer-col a:hover{color:#fff!important}
.wcgp-global-footer-bottom{
  min-height:64px;border-top:1px solid rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:#7f99b8;font-size:10px;
}

@media(max-width:1024px){
  .wcgp-global-menu{gap:15px}
  .wcgp-global-menu a{font-size:11px}
  .wcgp-global-footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:36px}
  .wcgp-global-footer-brand{grid-column:1/-1}
}
@media(max-width:820px){
  .wcgp-global-menu,.wcgp-global-cta{display:none}
  .wcgp-global-toggle{display:block;margin-left:auto}
  .wcgp-global-mobile-menu{
    position:absolute;left:20px;right:20px;top:calc(100% + 8px);
    padding:12px;border-radius:16px;background:#fff;
    border:1px solid #dde7f2;box-shadow:0 24px 70px rgba(7,34,72,.18);
  }
  .wcgp-global-mobile-menu.is-open{display:flex;flex-direction:column}
  .wcgp-global-mobile-menu a{
    padding:13px 12px;border-bottom:1px solid #edf2f8;
    color:#183653!important;text-decoration:none!important;
    font:700 12px/1.2 "Segoe UI Variable","Segoe UI",Tahoma,sans-serif;
  }
  .wcgp-global-mobile-menu a:last-child{border-bottom:0;color:#1267ff!important}
  .wcgp-global-footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .wcgp-global-container{width:min(100% - 28px,1240px)}
  .wcgp-global-nav{min-height:66px}
  .wcgp-global-brand-text{font-size:13px}
  .wcgp-global-footer-top{grid-template-columns:1fr;padding:50px 0 38px;gap:30px}
  .wcgp-global-footer-brand{grid-column:auto}
  .wcgp-global-footer-bottom{padding:18px 0;min-height:0;flex-direction:column;align-items:flex-start}
}


/* v1.3.5 — Official logo image across the global shell */
.wcgp-global-brand{
  flex:0 0 auto;
}
.wcgp-global-logo-img{
  display:block;
  width:auto;
  height:42px;
  max-width:210px;
  object-fit:contain;
}
.wcgp-global-footer-logo-img{
  display:block;
  width:auto;
  height:52px;
  max-width:240px;
  object-fit:contain;
  background:#fff;
  border-radius:8px;
  padding:5px 8px;
}
@media(max-width:820px){
  .wcgp-global-logo-img{height:38px;max-width:185px}
}
@media(max-width:560px){
  .wcgp-global-logo-img{height:34px;max-width:165px}
  .wcgp-global-footer-logo-img{height:45px;max-width:210px}
}


/* v1.4.0 — Production responsive/CLS safety */
img{max-width:100%;height:auto}
.wcgp-global-logo-img,.wcgp-global-footer-logo-img,.wcg-svc-logo-img,.wcg-case-brand img,.wcg-logo img{object-fit:contain}
@media(max-width:480px){
  body{overflow-x:hidden}
  button,a{touch-action:manipulation}
}


/* v1.4.2 — Native WP/Woo visual safety */
@media(max-width:560px){
.wcgp-global-container{width:min(100% - 24px,1240px)}
.wcgp-global-brand img{max-width:145px}
.wcgp-global-mobile-panel{max-height:calc(100vh - 90px);overflow:auto}
}


/* =========================================================
   v1.4.3 — Native WordPress / WooCommerce production isolation
   Keep native page/product content, suppress legacy theme chrome only.
   ========================================================= */
body.wcgp-global-shell #masthead,
body.wcgp-global-shell .header-bg-container,
body.wcgp-global-shell .header-nav-main,
body.wcgp-global-shell .header-nav,
body.wcgp-global-shell .stuck,
body.wcgp-global-shell .footer-widgets,
body.wcgp-global-shell .footer-secondary,
body.wcgp-global-shell .footer-primary,
body.wcgp-global-shell .absolute-footer,
body.wcgp-global-shell .mobile-sidebar,
body.wcgp-global-shell .mfp-wrap .mobile-sidebar,
body.wcgp-global-shell #main-menu,
body.wcgp-global-shell .off-canvas,
body.wcgp-global-shell .back-to-top{
  display:none!important;
}
body.wcgp-global-shell .wcgp-global-header,
body.wcgp-global-shell .wcgp-global-footer{
  display:block!important;
}


/* =========================================================
   v1.4.4.1 — Emergency WooCommerce Runtime-Safe Isolation
   No WooCommerce PHP conditional functions are called.
   Uses core body classes already emitted by WordPress/WooCommerce.
   Scope:
   - .post-type-archive-product (Shop)
   - .single-product (Product)
   - .tax-product_cat (Product Category)
   - .tax-product_tag (Product Tag)
   ========================================================= */

:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #header,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #masthead,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-wrapper,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-main,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-bottom,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-bg-container,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-nav,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .header-nav-main,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .stuck,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .stuck-container{
  display:none!important;
}

:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #footer,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .footer-wrapper,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .footer-widgets,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .footer-primary,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .footer-secondary,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .absolute-footer{
  display:none!important;
}

:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #main-menu,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .mobile-sidebar,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .off-canvas,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .off-canvas-left,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .mfp-wrap .mobile-sidebar,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .mfp-wrap .account-login-inner,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .mfp-wrap .searchform-wrapper,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .back-to-top{
  display:none!important;
}

/* Plugin shell remains visible. */
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .wcgp-global-header,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) .wcgp-global-footer{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Preserve all WooCommerce product/cart UI; only remove old theme chrome. */
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #wrapper,
:is(body.post-type-archive-product,body.single-product,body.tax-product_cat,body.tax-product_tag) #main{
  margin-top:0!important;
}