/*
Theme Name: GetKintex Original High Fidelity Woo v34 Track Middle Only
Author: OpenAI
Version: 34.0
Description: High-fidelity original GetKintex Shopify snapshot front-end with WooCommerce hidden cart/checkout bridge. Static marketing blocks remain from original source; WooCommerce controls transaction data.
Requires Plugins: woocommerce
*/

/* Keep snapshot CSS coming from the original captured source. This file is intentionally minimal. */
.gkx-woo-page {
  max-width: 1180px;
  margin: 40px auto;
  padding: 0 20px;
  font-family: Arial, sans-serif;
}
.gkx-woo-page h1 {
  text-align: center;
  margin-bottom: 28px;
}
.gkx-woo-header {
  border-bottom: 1px solid #eee;
  padding: 14px 20px;
  font-family: Arial, sans-serif;
}
.gkx-woo-header-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.gkx-woo-logo {
  font-weight: 800;
  font-size: 30px;
  text-decoration: none;
  color: #111;
}
.gkx-woo-nav a {
  color: #111;
  text-decoration: none;
  margin-right: 18px;
  font-size: 14px;
}
.gkx-woo-cart {
  color: #111;
  text-decoration: none;
  font-size: 14px;
}


/* v16: native WooCommerce checkout; custom checkout layout removed. */

/* v11 original-style cart drawer powered by WooCommerce */
.gkx-cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:2147483000;opacity:0;pointer-events:none;transition:opacity .22s ease;}
.gkx-cart-drawer{position:fixed;top:0;right:0;height:100vh;width:min(450px,100vw);background:#fff;z-index:2147483001;transform:translateX(100%);transition:transform .26s ease;box-shadow:-8px 0 34px rgba(0,0,0,.16);font-family:Arial,sans-serif;color:#111;display:flex;flex-direction:column;}
body.gkx-cart-open .gkx-cart-overlay{opacity:1;pointer-events:auto}body.gkx-cart-open .gkx-cart-drawer{transform:translateX(0)}
.gkx-cart-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #f1f1f1}.gkx-cart-title{font-weight:800;font-size:18px}.gkx-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#111;color:#fff;font-size:12px;margin-left:7px}.gkx-cart-close{background:none;border:0;font-size:34px;line-height:1;color:#6b7280;cursor:pointer;padding:0 0 4px}.gkx-cart-body{flex:1;overflow:auto;padding:26px 28px}.gkx-cart-empty{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#111;text-align:center}.gkx-cart-empty-icon{font-size:54px;color:#a7abb3;margin-bottom:16px}.gkx-cart-item{display:grid;grid-template-columns:84px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #eee}.gkx-cart-item img{width:84px;height:84px;object-fit:cover;background:#f7f7f7}.gkx-cart-item-title{font-weight:700;font-size:14px;line-height:1.35;margin-bottom:7px}.gkx-cart-item-price{font-weight:700;font-size:14px;margin-bottom:10px}.gkx-cart-qty{display:inline-flex;border:1px solid #ddd;border-radius:4px;height:32px;overflow:hidden}.gkx-cart-qty button{width:32px;border:0;background:#fff;cursor:pointer;font-size:16px}.gkx-cart-qty span{min-width:34px;display:flex;align-items:center;justify-content:center;border-left:1px solid #eee;border-right:1px solid #eee;font-size:13px}.gkx-cart-remove{margin-left:10px;border:0;background:none;color:#666;text-decoration:underline;cursor:pointer;font-size:12px}.gkx-cart-foot{padding:18px 28px 24px;border-top:1px solid #eee;background:#fafafa}.gkx-cart-subtotal{display:flex;justify-content:space-between;margin-bottom:14px;color:#777;font-size:15px}.gkx-cart-checkout{display:block;text-align:center;background:#f1f1f1;color:#bbb;border-radius:7px;padding:15px 18px;font-weight:700;text-decoration:none;pointer-events:none}.gkx-cart-checkout.is-active{background:#111;color:#fff;pointer-events:auto}.gkx-cart-payments{display:flex;gap:7px;justify-content:center;margin-top:14px;opacity:.75}.gkx-cart-payments span{font-size:10px;border:1px solid #ddd;border-radius:4px;background:#fff;padding:3px 5px;color:#777}.gkx-cart-loading{opacity:.55;pointer-events:none}.gkx-atc-busy{opacity:.7;pointer-events:none}.gkx-cart-notice{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:2147483002;background:#111;color:#fff;padding:13px 18px;border-radius:7px;font:700 14px/1.3 Arial,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.25)}


/* v14 critical fixes: ensure bridge UI is styled on snapshot pages and remove wrong original sticky product bar. */
html body .gkx-cart-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.56)!important;z-index:2147483000!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important;display:block!important;}
html body .gkx-cart-drawer{position:fixed!important;top:0!important;right:0!important;bottom:auto!important;height:100vh!important;width:min(450px,100vw)!important;max-width:100vw!important;background:#fff!important;z-index:2147483001!important;transform:translateX(100%)!important;transition:transform .26s ease!important;box-shadow:-8px 0 34px rgba(0,0,0,.16)!important;font-family:Arial,sans-serif!important;color:#111!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;}
html body.gkx-cart-open .gkx-cart-overlay{opacity:1!important;pointer-events:auto!important;}
html body.gkx-cart-open .gkx-cart-drawer{transform:translateX(0)!important;}
html body .gkx-cart-head{height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 28px!important;border-bottom:1px solid #f1f1f1!important;}
html body .gkx-cart-title{font-weight:800!important;font-size:18px!important;color:#111!important;}
html body .gkx-cart-close{background:none!important;border:0!important;font-size:34px!important;line-height:1!important;color:#6b7280!important;cursor:pointer!important;padding:0 0 4px!important;}
html body .gkx-cart-body{flex:1!important;overflow:auto!important;padding:26px 28px!important;background:#fff!important;}
html body .gkx-cart-foot{padding:18px 28px 24px!important;border-top:1px solid #eee!important;background:#fafafa!important;}
html body .gkx-cart-item{display:grid!important;grid-template-columns:84px 1fr!important;gap:15px!important;padding:18px 0!important;border-bottom:1px solid #eee!important;}
html body .gkx-cart-item img{width:84px!important;height:84px!important;object-fit:cover!important;background:#f7f7f7!important;}
html body .gkx-cart-checkout{display:block!important;text-align:center!important;background:#f1f1f1!important;color:#bbb!important;border-radius:7px!important;padding:15px 18px!important;font-weight:700!important;text-decoration:none!important;pointer-events:none!important;}
html body .gkx-cart-checkout.is-active{background:#111!important;color:#fff!important;pointer-events:auto!important;}
/* Hide original Shopify sticky add-to-cart bar because it can show stale product data after the Woo bridge is active. */
sticky-atc,.sticky-atc{display:none!important;visibility:hidden!important;pointer-events:none!important;}


/* v16 offer-frame behavior: no broad CSS border reset here.
   The single outer offer frame is removed by scoped JS in functions.php; inner option/gift borders stay intact. */
html body sticky-atc, html body .sticky-atc{display:none!important;visibility:hidden!important;pointer-events:none!important;}

/* v16: checkout should be plain WooCommerce output. Do not apply Kintex checkout layout. */
body.gkx-native-checkout .gkx-woo-header,
body.gkx-native-checkout .gkx-woo-page h1 { display:none!important; }
body.gkx-native-checkout main.site-main.woocommerce { font-family: inherit; }

/* v16: remove only the MoonBundle outer host frame; inner offer cards keep their own borders. */
html body moonbundle-component#moonbundle,
html body moonbundle-component[id="moonbundle"]{
  border:0!important;
  border-width:0!important;
  outline:0!important;
  box-shadow:none!important;
}


/* v22: checkout page should rely on WooCommerce Checkout Block/native output. No Kintex checkout layout. */
body.gkx-checkout-block-native, body.gkx-native-wp-checkout { margin:0; background:#fff; }
body.gkx-checkout-block-native main.gkx-checkout-block-wrap, body.gkx-native-wp-checkout main.gkx-native-wp-checkout-main { max-width:1280px; margin:0 auto; padding:32px 24px; box-sizing:border-box; }
body.gkx-native-wp-checkout .wp-site-blocks, body.gkx-native-wp-checkout .entry-content { max-width:1280px; margin-left:auto; margin-right:auto; }
@media (max-width: 768px){ body.gkx-checkout-block-native main.gkx-checkout-block-wrap, body.gkx-native-wp-checkout main.gkx-native-wp-checkout-main { padding:18px 12px; } }

/* v22: only target the outer MoonBundle frame; inner option cards keep their borders. */
html body [data-gkx-outer-frame-removed="1"]{border:0!important;border-width:0!important;outline:0!important;box-shadow:none!important;}

/* v22: Checkout Block support. The theme does not rebuild checkout; it only constrains and lightly styles the WooCommerce Checkout page content. */
body.gkx-native-wp-checkout {
  background:#fff!important;
}
body.gkx-native-wp-checkout main.gkx-native-wp-checkout-main {
  width:100%;
  max-width:1220px!important;
  margin:0 auto!important;
  padding:28px 22px 42px!important;
  box-sizing:border-box!important;
}
body.gkx-native-wp-checkout .wp-block-woocommerce-checkout,
body.gkx-native-wp-checkout .wc-block-checkout {
  max-width:1220px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.gkx-native-wp-checkout .wc-block-components-sidebar,
body.gkx-native-wp-checkout .wc-block-checkout__sidebar {
  background:#f7f7f7!important;
  border-radius:14px!important;
  padding:22px!important;
  box-sizing:border-box!important;
}
body.gkx-native-wp-checkout .wc-block-components-text-input input,
body.gkx-native-wp-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.gkx-native-wp-checkout .wc-block-components-form .wc-block-components-text-input input,
body.gkx-native-wp-checkout .wc-block-components-select .wc-block-components-select__select {
  border-radius:8px!important;
}
body.gkx-native-wp-checkout .wc-block-components-button:not(.is-link) {
  border-radius:8px!important;
  min-height:50px!important;
  font-weight:700!important;
}
/* Optional editable checkout header: add these classes to blocks in the Checkout page editor if desired. */
body.gkx-native-wp-checkout .gkx-checkout-header {
  max-width:1220px;
  margin:0 auto 22px;
  padding:10px 0 18px;
  text-align:center;
  border-bottom:1px solid #ececec;
}
body.gkx-native-wp-checkout .gkx-checkout-logo {
  font-size:32px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
  color:#111;
  margin:0 0 10px;
}
body.gkx-native-wp-checkout .gkx-checkout-trust {
  font-size:13px;
  color:#374151;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  margin:0;
}
@media (max-width: 768px){
  body.gkx-native-wp-checkout main.gkx-native-wp-checkout-main{padding:18px 12px 32px!important;}
  body.gkx-native-wp-checkout .wc-block-components-sidebar,
  body.gkx-native-wp-checkout .wc-block-checkout__sidebar{padding:16px!important;border-radius:10px!important;}
  body.gkx-native-wp-checkout .gkx-checkout-logo{font-size:28px;}
}
