/* MINI CART: hide ALL variation/meta text (titles only) */
.elementor-widget-woocommerce-menu-cart .variation,
.elementor-widget-woocommerce-menu-cart .wc-item-meta,
.elementor-widget-woocommerce-menu-cart dl,
.elementor-widget-woocommerce-menu-cart dt,
.elementor-widget-woocommerce-menu-cart dd {
  display: none !important;
}
/* MINI CART: keep title readable + hide appended variant suffix */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name{
  position: relative !important;
  display: inline-block !important;
  padding-right: 10px !important;
}

/* Mask everything after the first line break / wrap point visually */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name:after{
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -999px !important; /* no-op placeholder */
}
/* Force a consistent single-line title and keep spacing consistent */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 230px !important; /* adjust 200–280 */
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{
  display: block !important;
  margin: 0 !important;
  line-height: 1.2em !important;
}
/* Add "Added to cart" message inside Elementor side cart */
.elementor-menu-cart__main::before {
  content: "✓ Item added to your loadout";
  display: block;
  color: #EFBF00; /* or your gold if preferred */
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}
/* PRODUCT GALLERY – disable hover zoom UI/layers, keep lightbox click */
.zoomContainer,
.zoomWindowContainer,
.zoomLens,
.zoomWindow,
.woocommerce-product-gallery .zoomImg {
  display: none !important;
}

/* Remove the magnifying glass trigger icon */
.woocommerce div.product .woocommerce-product-gallery__trigger {
  display: none !important;
}

/* Make gallery feel clickable */
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__wrapper * {
  cursor: zoom-in !important;
}
/* Elementor Lightbox — black backdrop for transparent images (site-wide) */
.elementor-lightbox .dialog-widget-content,
.elementor-lightbox .dialog-lightbox-widget-content {
  background: #000 !important;
}

/* Ensure the image itself doesn't add a white box */
.elementor-lightbox .elementor-lightbox-image {
  background: transparent !important;
}

/* Cart page: ONLY product name links */
.woocommerce-cart td.product-name a {
  color: #f5c400 !important;
}
.woocommerce-cart td.product-name a:hover {
  color: #ffd24a !important;
}
/* Cart page: increase product thumbnail size */
.woocommerce-cart td.product-thumbnail img {
  width: 100px !important;   /* try 100–150 */
  height: auto !important;
  max-width: none !important;
}
/* ============================================================
   VR Tactical Gear — CART ONLY STYLES
   ============================================================ */

/* Hide Woo notices on MAIN cart page */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info {
  display: none !important;
}

/* Empty cart text (keep message, remove banner look) */
.woocommerce-cart .cart-empty {
  display: block !important;
  margin: 24px 0;
  padding: 0;
  background: none;
  border: none;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

/* Remove Woo empty-cart icon */
.woocommerce-cart .cart-empty::before {
  display: none !important;
}

/* Hide Woo default Return to Shop button */
body.woocommerce-cart .return-to-shop{
  display: none !important;
}

/* Custom Empty Cart button (Return to Store) */
.woocommerce-cart .vtg-empty-cart-cta a.button{
  background:#EFBF00 !important;
  color:#000000 !important;
  border:none !important;
  font-weight:700;
  text-align:center;
}

.woocommerce-cart .vtg-empty-cart-cta a.button:hover{
  background:#EFBF00 !important;
  color:#FFFFFF !important;
}
/* CART PAGE (Elementor Cart widget): force thumbnails to show on tablet/mobile */
@media (max-width: 1024px) {

  body.woocommerce-cart td.product-thumbnail,
  body.woocommerce-cart td.product-thumbnail a,
  body.woocommerce-cart td.product-thumbnail img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.woocommerce-cart td.product-thumbnail {
    width: 90px !important;
    min-width: 90px !important;
  }

  body.woocommerce-cart td.product-thumbnail img {
    width: 90px !important;
    height: auto !important;
  }
}
/* CART PAGE (tablet/mobile): center + align thumbnail in stacked cart layout */
@media (max-width: 1024px) {

  /* Make the thumbnail cell a full-width block */
  body.woocommerce-cart .woocommerce-cart-form__cart-item td.product-thumbnail {
    display: block !important;
    width: 100% !important;
    padding: 0 0 12px 0 !important;
    margin: 0 !important;
    text-align: center !important;
    float: none !important;
  }

  /* Center the link wrapper (prevents left drift) */
  body.woocommerce-cart .woocommerce-cart-form__cart-item td.product-thumbnail a {
    display: inline-block !important;
    float: none !important;
    margin: 0 auto !important;
  }

  /* Normalize the image itself */
  body.woocommerce-cart .woocommerce-cart-form__cart-item td.product-thumbnail img {
    display: block !important;
    margin: 0 auto !important;
    width: 90px !important;     /* adjust if you want */
    height: auto !important;
  }
}
@media (max-width: 1024px) {

  /* 1) Kill the responsive label/colon on the thumbnail cell */
  body.woocommerce-cart .woocommerce-cart-form__cart-item td.product-thumbnail::before {
    content: "" !important;
    display: none !important;
  }

  /* (Optional) kill labels on all cells if you're seeing others later */
  /* body.woocommerce-cart .woocommerce-cart-form__cart-item td::before { content: none !important; } */

  /* 2) Make each cart item a positioning context */
  body.woocommerce-cart .woocommerce-cart-form__cart-item {
    position: relative !important;
  }

  /* 3) Pin the remove X to the top-right of the cart item */
  body.woocommerce-cart .woocommerce-cart-form__cart-item a.remove {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    left: auto !important;
    margin: 0 !important;
    z-index: 5 !important;
  }

  /* 4) Give the thumbnail breathing room so it doesn't collide with the X */
  body.woocommerce-cart .woocommerce-cart-form__cart-item td.product-thumbnail {
    padding-top: 18px !important;
  }
}
@media (max-width: 1024px) {
  body.woocommerce-cart .woocommerce-cart-form__cart-item {
    position: relative !important;
  }

  body.woocommerce-cart td.product-remove {
    position: absolute !important;
    top: 32px !important;
    right: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    z-index: 10 !important;
  }
}
/* Center quantity value inside input */
.woocommerce-cart input.qty {
  text-align: center !important;
}

/* ============================================================
   LOADOUT ENHANCEMENTS (Suggested Add-Ons) — CART ONLY
   ============================================================ */

/* Layout reset */
body.woocommerce-cart .vtg-cart-suggestions ul.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch;
  justify-content:flex-start;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  gap:18px;
}

body.woocommerce-cart .vtg-cart-suggestions ul.products::before,
body.woocommerce-cart .vtg-cart-suggestions ul.products::after{
  content:none !important;
}
/* VTG Cart Suggestions: style ONLY the section heading, not product titles */
/* VTG Cart Suggestions: section title (H2 only) */
/* VTG Cart Suggestions: style ONLY the section heading (top-level), keep normal font */
/* VTG Cart Suggestions: section heading (Bebas Neue, gold) */
body.woocommerce-cart .vtg-cart-suggestions > :is(h1,h2,h3,h4,h5,h6){
  color: #EFBF00 !important;
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 1px;
}

/* Undo that styling for anything inside the product grid/cards */
body.woocommerce-cart .vtg-cart-suggestions .products :is(h1,h2,h3),
body.woocommerce-cart .vtg-cart-suggestions .product :is(h1,h2,h3),
body.woocommerce-cart .vtg-cart-suggestions .woocommerce-loop-product__title{
  color: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}
/* VTG Cart Suggestions: restore product title colors */
body.woocommerce-cart .vtg-cart-suggestions .product h1,
body.woocommerce-cart .vtg-cart-suggestions .product h2,
body.woocommerce-cart .vtg-cart-suggestions .product h3,
body.woocommerce-cart .vtg-cart-suggestions .woocommerce-loop-product__title{
  color: #ffffff !important;      /* normal product title color */
}

body.woocommerce-cart .vtg-cart-suggestions .product a:hover h1,
body.woocommerce-cart .vtg-cart-suggestions .product a:hover h2,
body.woocommerce-cart .vtg-cart-suggestions .product a:hover h3,
body.woocommerce-cart .vtg-cart-suggestions .product a:hover .woocommerce-loop-product__title{
  color: #ffffff !important;      /* prevent yellow hover */
}

/* Cards */
body.woocommerce-cart .vtg-cart-suggestions ul.products li.product{
  float:none !important;
  clear:none !important;
  flex:0 0 200px;
  max-width:200px;
  margin:0 !important;
  padding:14px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255,255,255,0.10);
  border-radius:14px;
  background:#000000;
}

/* Link wrapper */
body.woocommerce-cart .vtg-cart-suggestions li.product a.woocommerce-LoopProduct-link{
  display:flex;
  flex-direction:column;
  flex:1;
  text-align:center;
}

/* Image */
body.woocommerce-cart .vtg-cart-suggestions li.product a img{
  width:100%;
  height:115px;
  object-fit:contain;
  margin:0 0 10px 0 !important;
  border-radius:10px;
}

/* Product title */
body.woocommerce-cart .vtg-cart-suggestions li.product .woocommerce-loop-product__title{
  font-size:14px;
  line-height:1.2;
  letter-spacing:0.05em;
  margin:0 0 8px 0 !important;
  color:#ffffff;
}

/* Price */
body.woocommerce-cart .vtg-cart-suggestions li.product .price{
  display:block;
  font-size:14px;
  margin:0 0 12px 0 !important;
  color:#EFBF00;
}

/* Button */
body.woocommerce-cart .vtg-cart-suggestions li.product a.button{
  display:block;
  width:100%;
  margin-top:auto !important;
  text-align:center;
  border-radius:6px;
  font-weight:700;
  border:1px solid rgba(245,196,0,0.85);
  background:#EFBF00;
  color:#000000;
}

body.woocommerce-cart .vtg-cart-suggestions li.product a.button:hover{
  background:#EFBF00;
  color:#FFFFFF;
}
/* PRODUCT PAGE — disabled Add to Cart (variations not selected) */
body.single-product .single_add_to_cart_button.disabled,
body.single-product .single_add_to_cart_button:disabled,
body.single-product .single_add_to_cart_button[disabled]{
  background:#EFBF00 !important;   /* gold */
  color:#000000 !important;        /* black text */
  opacity:0.7;                     /* still looks disabled */
}

/* Hover state — keep gold, prevent purple */
body.single-product .single_add_to_cart_button.disabled:hover,
body.single-product .single_add_to_cart_button:disabled:hover,
body.single-product .single_add_to_cart_button[disabled]:hover{
  background:#EFBF00 !important;
  color:#000000 !important;
}
/* Checkout shipping price — force plain white */
.woocommerce-checkout-review-order-table tr.shipping .woocommerce-Price-amount,
.woocommerce-checkout-review-order-table tr.shipping .woocommerce-Price-currencySymbol{
  color: #ffffff !important;
  font-weight: 400;
}
/* Checkout: move order summary prices slightly right */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table th.product-total {
  padding-left: 24px !important;
  text-align: right !important;
}
/* Checkout: align ALL order summary prices (scoped, no layout shift) */
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .shipping td,
.woocommerce-checkout-review-order-table .order-total td {
  text-align: right !important;
  padding-right: 12px !important;
}
/* Checkout: limit price column width so product text has room */
.woocommerce-checkout-review-order-table th.product-total,
.woocommerce-checkout-review-order-table td.product-total {
  width: 100px !important;
  white-space: nowrap !important;
}


/* CART: pin shipping price to the same row line as Subtotal/Total */
body.woocommerce-cart .cart_totals tr.shipping td{
  position: relative !important;
  padding-right: 90px !important; /* reserve space for price */
}

body.woocommerce-cart .cart_totals tr.shipping td .woocommerce-Price-amount{
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;

  white-space: nowrap !important;
}
/* Highlight "Meet the ARMORY-R1" with subtle stroke */
.elementor-nav-menu .nav-featured > a {
  font-size: 1.15em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
/* PRODUCT PAGE – remove alternating gray row backgrounds in variations */
.woocommerce div.product form.variations_form table.variations,
.woocommerce div.product form.variations_form table.variations tr,
.woocommerce div.product form.variations_form table.variations td,
.woocommerce div.product form.variations_form table.variations th {
  background: transparent !important;
}

/* specifically kill zebra striping rules */
.woocommerce div.product form.variations_form table.variations tr:nth-child(odd),
.woocommerce div.product form.variations_form table.variations tr:nth-child(even),
.woocommerce div.product form.variations_form table.variations tbody tr:nth-child(odd),
.woocommerce div.product form.variations_form table.variations tbody tr:nth-child(even) {
  background: transparent !important;
}

/* Mobile behavior */
@media (max-width: 820px){
  body.woocommerce-cart .vtg-cart-suggestions ul.products{
    flex-wrap:wrap !important;
  }
  body.woocommerce-cart .vtg-cart-suggestions ul.products li.product{
    flex:1 1 100%;
    max-width:100%;
  }
}
/* Tablet + Mobile: force Woo variations to stack */
@media (max-width: 1200px) {

  .woocommerce div.product form.cart .variations,
  .woocommerce div.product form.cart .variations tbody,
  .woocommerce div.product form.cart .variations tr,
  .woocommerce div.product form.cart .variations td {
    display: block !important;
    width: 100% !important;
  }

  .woocommerce div.product form.cart .variations td.label {
    padding: 0 0 6px 0 !important;
    text-align: left !important;
  }

  .woocommerce div.product form.cart .variations td.value {
    padding: 0 0 14px 0 !important;
  }

  .woocommerce div.product form.cart .variations select {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* My Account > Orders: remove banner box, keep text */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

/* remove the icon/stripe Woo adds */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
  display: none !important;
}

/* Button background for "Browse products" */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button {
  background: #F5C400 !important;
  color: #000 !important;
  border: 0 !important;
}
/* Orders empty-state text color */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  color: #ffffff !important;
}

/* Browse products button hover text color */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button:hover {
  color: #ffffff !important;
}
/* My Account: Woo notice banners (success/info/error) */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice {
  background: #202020 !important;
  border: 2px solid #EFBF00 !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
}

/* Remove Woo's default icon stripe */
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-notice::before {
  display: none !important;
}

/* Links inside notices */
.woocommerce-account .woocommerce-message a,
.woocommerce-account .woocommerce-info a,
.woocommerce-account .woocommerce-error a,
.woocommerce-account .woocommerce-notice a {
  color: #EFBF00 !important;
}
/* Remove focus/active outline causing white border flash */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-notice {
  outline: none !important;
}

/* Also kill focus/active states explicitly */
.woocommerce-account .woocommerce-message:focus,
.woocommerce-account .woocommerce-message:active,
.woocommerce-account .woocommerce-info:focus,
.woocommerce-account .woocommerce-info:active,
.woocommerce-account .woocommerce-error:focus,
.woocommerce-account .woocommerce-error:active,
.woocommerce-account .woocommerce-notice:focus,
.woocommerce-account .woocommerce-notice:active {
  outline: none !important;
  box-shadow: none !important;
}
/* Hide cart button on My Account page only */
.woocommerce-account .elementor-menu-cart,
.woocommerce-account .elementor-menu-cart__toggle,
.woocommerce-account .menu-cart,
.woocommerce-account .cart-button {
  display: none !important;
}
/* My Account page title color */
.woocommerce-account .page-header .entry-title,
.woocommerce-account h1.entry-title {
  color: #EFBF00 !important; /* gold */
}
/* Order Received – style variant labels/values (correct markup) */
body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta{
  margin-top: 6px !important;
}

body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta strong.wc-item-meta-label{
  color: #ffffff !important;
  font-weight: 600 !important;
}

body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta li,
body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta li p{
  color: #e6e6e6 !important;
  margin: 0 !important;
}

/* Keep product name gold */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name > a{
  color: #f0b400 !important;
  font-weight: 600 !important;
}

/* Prevent ugly breaks like Le / ft */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name,
body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta{
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
/* Order Received – move variant meta inline under product title */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name .wc-item-meta {
  margin-top: 6px !important;
  margin-left: 0 !important;
}
/* If your theme turns cells into blocks on mobile, force the price to the far right */
body.woocommerce-order-received .woocommerce-table--order-details td.product-total{
  display: flex !important;
  justify-content: flex-end !important;
}
/* Also align the footer totals (Subtotal/Shipping/Order Total) */
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{
  text-align: right !important;
}
body.woocommerce-order-received .woocommerce-table--order-details th.product-total,
body.woocommerce-order-received .woocommerce-table--order-details td.product-total{
  text-align: right !important;
  white-space: nowrap !important;
  width: 120px !important;        /* <-- adjust column width */
  padding-left: 16px !important;  /* spacing from name column */
  padding-right: 20px !important; /* <-- THIS controls distance from right edge */
  vertical-align: top !important;
}
/* Order Received – align variation meta under the product title (account for thumbnail) */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name ul.wc-item-meta{
  margin-left: 30px !important;  /* 56px thumb + 12px gap */
}
/* Order Received – RIGHT COLUMN (tfoot totals) spacing control */
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{
  text-align: right !important;
  padding-right: 20px !important; /* <-- ADJUST THIS */
  white-space: nowrap !important;
}

/* If theme stacks footer rows on mobile, keep value pushed right */
body.woocommerce-order-received .woocommerce-table--order-details tfoot td{
  display: flex !important;
  justify-content: flex-end !important;
}
/* Order Received – prevent product titles from wrapping under the thumbnail */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name{
  vertical-align: top !important;
}

body.woocommerce-order-received .woocommerce-table--order-details td.product-name a{
  display: inline-block !important;
  max-width: calc(100% - 72px) !important; /* 56px thumb + ~16px gap */
  vertical-align: top !important;
  white-space: normal !important;
}

/* Thumbnail stays fixed-width so text wraps beside it */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name img.vtg-order-thumb{
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  display: inline-block !important;
  vertical-align: top !important;
}
/* ============================================================
   Order Received – thumbnail layout that DOES NOT shift meta
   ============================================================ */

/* 1) Only product rows: create space for the thumbnail */
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td.product-name{
  position: relative !important;
  padding-left: 78px !important;   /* <-- ADJUST: moves title block right (longer line) */
  padding-bottom: 16px !important; /* <-- ADJUST: gap between products */
  vertical-align: top !important;
}

/* 2) Thumbnail pinned top-left */
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td.product-name img.vtg-order-thumb{
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  margin: 0 !important;
}

/* 3) Keep quantity with the title */
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td.product-name .product-quantity,
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td.product-name .quantity{
  white-space: nowrap !important;
}

/* 4) Meta aligns under the title block (not under the thumbnail) */
body.woocommerce-order-received .woocommerce-table--order-details tbody tr.order_item td.product-name ul.wc-item-meta{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 5) Stop "Le / ft" type splits */
body.woocommerce-order-received .woocommerce-table--order-details td.product-name,
body.woocommerce-order-received .woocommerce-table--order-details ul.wc-item-meta{
  word-break: normal !important;
  overflow-wrap: normal !important;
}
/* Mobile: give product titles more horizontal room */
@media (max-width: 768px){
  body.woocommerce-order-received 
  .woocommerce-table--order-details 
  tbody tr.order_item td.product-name{
    padding-left: 70px !important;  /* was ~78px */
  }
}
/* ============================================================
   Order Received – wide titles with smart quantity placement
   ============================================================ */

/* Product cell is the positioning context */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name{
  position: relative !important;
}

/* Title uses full width but reserves space for ×1 */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name > a{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  padding-right: 42px !important; /* reserve room for quantity */
}

/* Quantity stays tied to title */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name .product-quantity,
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name .quantity{
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  white-space: nowrap !important;
}
/* Nudge thumbnail + quantity down slightly */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name img.vtg-order-thumb{
  top: 8px !important; /* try 3–6px */
}

body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name .product-quantity,
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name .quantity{
  top: 8px !important; /* match thumbnail */
}
/* Order Received – make FINAL order total stand out */
body.woocommerce-order-received
.woocommerce-table--order-details
tfoot tr:last-child td .woocommerce-Price-amount{
  font-size: 1.25em !important;
  font-weight: 800 !important;
}
body.woocommerce-order-received
.woocommerce-table--order-details
tfoot tr:last-child th{
	font-size: 1.25em !important;
  font-weight: 800 !important;
}
/* Order Received – ensure vertical spacing between products (absolute thumbs need row height) */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name{
  min-height: 68px !important;     /* 56px thumb + 12px gap */
  padding-bottom: 30px !important; /* extra space between items */
}
/* Order Received – prevent product thumbnails from being cropped */
body.woocommerce-order-received
.woocommerce-table--order-details
tbody tr.order_item td.product-name img.vtg-order-thumb{
  object-fit: contain !important;   /* <-- KEY FIX */
  background-color: transparent !important;
}
/* TNP (The Newsletter Plugin) — force Subscribe button */
.tnp-field-button input[type="submit"],
.tnp-field-button button,
form .tnp-field-button input[type="submit"]{
  background-color: #EFBF00 !important;
  border-color: #EFBF00 !important;
  color: #000 !important;
	font-weight: 800 !important;
/* change to #fff if you want white text */
}

/* Hover / Focus */
.tnp-field-button input[type="submit"]:hover,
.tnp-field-button input[type="submit"]:focus,
.tnp-field-button button:hover,
.tnp-field-button button:focus{
  background-color: #EFBF00 !important;
  border-color: #EFBF00 !important;
  color: #fff !important;
	font-weight: 800 !important;
}
/* TNP label text */
body .tnp.tnp-subscription label{
  color: #EFBF00 !important;
}
/* TNP privacy/checkbox text */
body .tnp.tnp-subscription .tnp-privacy-field,
body .tnp.tnp-subscription .tnp-privacy-field label{
  color: #EFBF00 !important;
}
/* THANK YOU PAGE – STEP 1 HEADER FIX */

/* Hide the default ORDER RECEIVED heading */
body.woocommerce-order-received h1.entry-title {
  display: none !important;
}

/* Style the THANK YOU message */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-notice--success {
  display: block;
  text-align: center;
  color: #EFBF00 !important;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 40px auto 30px;
}
/* THANK YOU header – match Woo section heading font */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-notice--success {
  font-family: Agdasima;
  font-weight: 800;
}
/* Thank You message: 2-line centered layout */
body.woocommerce-order-received .woocommerce-thankyou-order-received{
  text-align: center;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received .vtg-ty-line1,
body.woocommerce-order-received .woocommerce-thankyou-order-received .vtg-ty-line2{
  display: block;
  text-align: center;
}

/* You already have gold/size rules; these just control hierarchy */
body.woocommerce-order-received .woocommerce-thankyou-order-received .vtg-ty-line1{
  margin-bottom: 15px;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received .vtg-ty-line2{
  font-size: 0.85em;
  font-weight: 600;
  letter-spacing: 0.02em;
}
/* Space below THANK YOU message */
body.woocommerce-order-received .woocommerce-thankyou-order-received{
  margin-bottom: 50px;
}
/* THANK YOU – Order Overview: responsive layout (fixed) */
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 7px;
  padding: 0;
  margin: 0 auto 26px;
}

/* Ensure ALL 4 items get the same box styling */
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details li{
  list-style: none;
  border: 2px solid rgba(239,191,0,.65);   /* +1px border */
  border-radius: 12px;
  padding: 12px 14px;
  min-width: 220px;
  text-align: center;
}

/* Top label (ORDER NUMBER / DATE / TOTAL / PAYMENT METHOD) */
body.woocommerce-order-received ul.woocommerce-order-overview li,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details li{
  color: #FFFFFF !important;               /* label text = white */
  font-size: 14px;                         /* bigger label */
  font-weight: 700;
  letter-spacing: .03em;
}

/* Value (number/date/amount/method) */
body.woocommerce-order-received ul.woocommerce-order-overview li strong,
body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details li strong{
  display: block;
  margin-top: 6px;
  color: #EFBF00 !important;               /* value text = gold */
  font-weight: 600;
}

/* Mobile: stack */
@media (max-width: 767px){
  body.woocommerce-order-received ul.woocommerce-order-overview,
  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details{
    justify-content: stretch;
  }
  body.woocommerce-order-received ul.woocommerce-order-overview li,
  body.woocommerce-order-received ul.woocommerce-order-overview.woocommerce-thankyou-order-details li{
    width: 100%;
    min-width: 0;
    text-align: left;
  }
}
/* ============================================================
   THANK YOU PAGE — Order Overview mobile alignment + spacing
   ============================================================ */

@media (max-width: 640px){

  /* Center the list container */
  body.woocommerce-order-received
  .woocommerce-order-overview{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Center each box + add spacing */
  body.woocommerce-order-received
  .woocommerce-order-overview li{
    width: 92%;
    max-width: 420px;
    margin: 0 auto 14px !important;
    text-align: center;
  }

  /* Remove extra margin on last item */
  body.woocommerce-order-received
  .woocommerce-order-overview li:last-child{
    margin-bottom: 0 !important;
  }
}

/* ============================================================
   THANK YOU — ORDER DETAILS bordered section
   ============================================================ */

body.woocommerce-order-received
.woocommerce-order-details{
  border: 1px solid #EFBF00;
  border-radius: 16px;
  padding: 28px 24px;
  margin: 40px auto;
  max-width: 1100px;
}
/* ============================================================
   THANK YOU — ORDER DETAILS (CLEAN, NO CONFLICTS)
   ============================================================ */

/* Container border + spacing */
body.woocommerce-order-received .woocommerce-order-details{
  border: 2px solid #EFBF00;
  border-radius: 16px;
  padding: 28px 24px;
  margin: 40px auto;
  max-width: 1100px;
}

/* Heading */
body.woocommerce-order-received .woocommerce-order-details > h2{
  text-align: center;
  color: #EFBF00;
  font-size: 26px;
  letter-spacing: .08em;
  margin: 0 0 20px;
}

/* Readability */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-order-details *{
  color: #ffffff !important;
}
body.woocommerce-order-received .woocommerce-order-details .product-name a{
  color: #EFBF00 !important;
}

/* Column headers stay white */
body.woocommerce-order-received .woocommerce-order-details thead th{
  color: #ffffff !important;
}

/* ============================================================
   ALIGNMENT: keep VTG thumbnails, align all text consistently
   ============================================================ */

/* Product cell becomes a padded "text column" */
body.woocommerce-order-received
.woocommerce-order-details td.woocommerce-table__product-name.product-name{
  position: relative !important;
  padding-left: 96px !important; /* <-- TEXT START LINE */
}

/* Pin the VTG thumb so it never affects text alignment */
body.woocommerce-order-received
.woocommerce-order-details td.woocommerce-table__product-name.product-name img.vtg-order-thumb{
  position: absolute !important;
  left: 24px !important;
  top: 18px !important;
  width: 56px !important;
  height: auto !important;

  margin: 0 !important;          /* overrides inline margin-right */
  display: block !important;
}

/* Meta list cleanup */
body.woocommerce-order-received
.woocommerce-order-details td.woocommerce-table__product-name.product-name ul.wc-item-meta{
  margin: 6px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
/* ============================================================
   THANK YOU — align tfoot (Subtotal / Shipping / Total) left
   ============================================================ */

/* Add left padding to labels in Order Details footer */
body.woocommerce-order-received
.woocommerce-order-details tfoot th{
  padding-left: 70px !important; /* match product text start */
}

/* Keep values aligned on the right */
body.woocommerce-order-received
.woocommerce-order-details tfoot td{
  padding-right: 24px;
}
/* ============================================================
   THANK YOU — align thead (Product / Total) left
   ============================================================ */

/* Move Product header text right */
body.woocommerce-order-received
.woocommerce-order-details thead th.product-name,
body.woocommerce-order-received
.woocommerce-order-details thead th.woocommerce-table__product-name{
  padding-left: 70px !important; /* match tfoot + product text */
}

/* Keep Total header aligned right */
body.woocommerce-order-received
.woocommerce-order-details thead th.product-total,
body.woocommerce-order-received
.woocommerce-order-details thead th.woocommerce-table__product-total{
  padding-right: 24px;
  text-align: right;
}
/* ============================================================
   THANK YOU — tbody: align per-item $ amounts (right column)
   ============================================================ */

body.woocommerce-order-received
.woocommerce-order-details tbody td.product-total{
  display: flex;
  justify-content: flex-end;
  text-align: right !important;
  padding-right: 10px !important;
  white-space: nowrap;
}

/* spacing between ×1 and price without using gap */
body.woocommerce-order-received
.woocommerce-order-details tbody td.product-total > *{
  margin-left: 10px;
}
/* ============================================================
   THANK YOU — ORDER DETAILS heading styling
   ============================================================ */

body.woocommerce-order-received
.woocommerce-order-details > h2{
  color: #EFBF00 !important;        /* gold */
  font-size: 30px;       /* adjust size */
  font-weight: 600;      /* optional: make it punchier */
  letter-spacing: .02em; /* optional: premium spacing */
  text-align: center;
}
/* THANK YOU — ORDER DETAILS font family */
body.woocommerce-order-received
.woocommerce-order-details > h2{
  font-family: 'Bebas Neue', sans-serif !important;
}

/* ============================================================
   THANK YOU — adjust vertical position of quantity (×1)
   ============================================================ */

body.woocommerce-order-received
.woocommerce-order-details strong.product-quantity{
  display: inline-block;
  margin-top: 6px; /* 👈 adjust this value */
}
/* ============================================================
   THANK YOU — Billing & Shipping address styling (NO gap)
   ============================================================ */

/* Container */
body.woocommerce-order-received
.woocommerce-customer-details{
  display: flex;
  justify-content: center;
  margin: 40px auto;
  max-width: 1100px;
}

/* Individual address blocks */
body.woocommerce-order-received
.woocommerce-customer-details .woocommerce-column{
  border: 2px solid #EFBF00;
  border-radius: 16px;
  padding: 24px 28px;
  min-width: 280px;
  max-width: 420px;
  text-align: center;
  margin: 0 16px; /* spacing between columns instead of gap */
}

/* Titles */
body.woocommerce-order-received
.woocommerce-customer-details .woocommerce-column h2{
  color: #EFBF00 !important;
  margin-bottom: 16px;
}

/* Body text */
body.woocommerce-order-received
.woocommerce-customer-details address,
body.woocommerce-order-received
.woocommerce-customer-details p{
  color: #ffffff !important;
  font-style: normal;
  line-height: 1.6;
}

/* ============================================================
   MOBILE — stack
   ============================================================ */
@media (max-width: 768px){
  body.woocommerce-order-received
  .woocommerce-customer-details{
    flex-direction: column;
    align-items: center;
  }

  body.woocommerce-order-received
  .woocommerce-customer-details .woocommerce-column{
    margin: 0 0 24px;
  }
}
/* ============================================================
   THANK YOU — enlarge ONLY the "THANK YOU!" line
   ============================================================ */

body.woocommerce-order-received
.vtg-ty-line1{
  font-size: 64px !important;  /* adjust size */
  line-height: 1.05;
}
/* ============================================================
   THANK YOU — remove cart buttons entirely
   ============================================================ */

/* Header / menu cart icon (Elementor, Woo, common themes) */
body.woocommerce-order-received .elementor-menu-cart,
body.woocommerce-order-received .elementor-widget-woocommerce-menu-cart,
body.woocommerce-order-received .site-header .cart,
body.woocommerce-order-received .header-cart,
body.woocommerce-order-received .cart-contents{
  display: none !important;
}

/* Any Add to Cart buttons that somehow render */
body.woocommerce-order-received .add_to_cart_button,
body.woocommerce-order-received .single_add_to_cart_button{
  display: none !important;
}

/* Mini-cart / cart drawer triggers */
body.woocommerce-order-received .woocommerce-mini-cart,
body.woocommerce-order-received .woocommerce-mini-cart__buttons{
  display: none !important;
}
/* ============================================================
   THANK YOU — reduce top spacing
   ============================================================ */

body.woocommerce-order-received
.woocommerce-thankyou-order-received,
body.woocommerce-order-received
.woocommerce-notice,
body.woocommerce-order-received
.woocommerce-notice-success{
  margin-top: 10px !important;   /* adjust down as needed */
}
/* ============================================================
   THANK YOU — mobile: reduce gap below Shipping Address
   ============================================================ */

@media (max-width: 768px){

  /* Reduce bottom margin of the whole address section */
  body.woocommerce-order-received
  .woocommerce-customer-details{
    margin-bottom: 12px !important;
  }

  /* Remove extra margin from the last (Shipping) column */
  body.woocommerce-order-received
  .woocommerce-customer-details .woocommerce-column:last-child{
    margin-bottom: 0 !important;
  }

  /* If theme adds margin to address itself */
  body.woocommerce-order-received
  .woocommerce-customer-details address{
    margin-bottom: 0 !important;
  }
}
/* ============================================================
   THANK YOU — tighten Billing & Shipping address containers
   ============================================================ */

/* Reduce padding inside each address box */
body.woocommerce-order-received
.woocommerce-customer-details .woocommerce-column{
  padding: 16px 20px !important;  /* was 24px 28px */
}

/* Reduce spacing between the two boxes (desktop) */
body.woocommerce-order-received
.woocommerce-customer-details .woocommerce-column{
  margin: 0 10px !important;      /* was 16px */
}

/* ============================================================
   MOBILE — even tighter
   ============================================================ */
@media (max-width: 768px){

  body.woocommerce-order-received
  .woocommerce-customer-details .woocommerce-column{
    padding: 14px 18px !important;
    margin-bottom: 16px !important;
  }
}
/* ============================================================
   THANK YOU — unified container background + border
   ============================================================ */

/* Order overview boxes (Order #, Date, Total, Payment) */
body.woocommerce-order-received
.woocommerce-order-overview li,

/* Order Details container */
body.woocommerce-order-received
.woocommerce-order-details,

/* Billing & Shipping address containers */
body.woocommerce-order-received
.woocommerce-customer-details .woocommerce-column{
  background-color: #202020 !important;
  border: 2px solid #EFBF00 !important;
  border-radius: 16px;
}
/* ============================================================
   THANK YOU — swap label/value colors in the 4 overview boxes
   ============================================================ */

/* Label text (the plain text inside li) */
body.woocommerce-order-received
ul.woocommerce-order-overview.woocommerce-thankyou-order-details li{
  color: #EFBF00 !important; /* gold */
}

/* Value (strong) */
body.woocommerce-order-received
ul.woocommerce-order-overview.woocommerce-thankyou-order-details li strong,
body.woocommerce-order-received
ul.woocommerce-order-overview.woocommerce-thankyou-order-details li strong *{
  color: #ffffff !important; /* white */
}
/* ============================================================
   THANK YOU — mobile: center Billing & Shipping sections
   ============================================================ */

@media (max-width: 768px){

  /* Center the container */
  body.woocommerce-order-received
  .woocommerce-customer-details{
    justify-content: center !important;
    align-items: center !important;
  }

  /* Ensure each box is centered */
  body.woocommerce-order-received
  .woocommerce-customer-details .woocommerce-column{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* ============================================================
   THANK YOU — centered 2-line message BELOW addresses
   ============================================================ */

body.woocommerce-order-received
.woocommerce-customer-details{
  position: relative;
  padding-bottom: 70px; /* makes room for the message block */
}

body.woocommerce-order-received
.woocommerce-customer-details::after{
  content: "YOUR BUSINESS IS GREATLY APPRECIATED!\APlease contact us if you have questions or concerns about your order.";
  white-space: pre-line;

  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);

  text-align: center;
  width: min(700px, 92vw);

  /* Line 2 base style */
  color: #ffffff !important;
  font-family: 'Agdesima', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}

/* Line 1 styling via first line-height trick */
body.woocommerce-order-received
.woocommerce-customer-details::after{
  /* headline feel */
  text-transform: none;
}
/* ============================================================
   THANK YOU — space between Shipping section and message
   ============================================================ */

body.woocommerce-order-received
.woocommerce-customer-details{
  padding-bottom:80px !important; /* increase/decrease this */
}
/* ============================================================
   THANK YOU — DESKTOP spacing below post-address message
   ============================================================ */

@media (min-width: 769px){

  body.woocommerce-order-received
  .woocommerce-customer-details::after{
    bottom: -25px !important; /* 👈 adjust this value */
  }
}

/* ============================================================
   THANK YOU — MOBILE text adjustment for post-address message
   ============================================================ */

@media (max-width: 768px){

  body.woocommerce-order-received
  .woocommerce-customer-details::after{
    font-size: 15px !important;      /* base size for line 2 */
    line-height: 1.5;
    width: 92vw;                     /* keep it readable on small screens */
  }
}
/* ============================================================
   THANK YOU — MOBILE spacing around post-address message
   ============================================================ */

@media (max-width: 768px){

  /* Space ABOVE the message (from Shipping boxes) */
  body.woocommerce-order-received
  .woocommerce-customer-details{
    padding-bottom: 130px !important; /* 👈 space above text */
  }

  /* Space BELOW the message (from footer) */
  body.woocommerce-order-received
  .woocommerce-customer-details::after{
    bottom: 6px !important;          /* 👈 space below text */
  }
}
/* Thank You Page – Center Billing & Shipping */

.woocommerce-columns--addresses {
  text-align: center;
}

.woocommerce-columns--addresses .woocommerce-column {
  float: none !important;
  display: inline-block !important;
  vertical-align: top;
  width: 320px;
  margin: 0 15px;
  text-align: left;
}
/* Thank You Page – Borders Around Section Titles */

.woocommerce-order-details h2,
.woocommerce-column__title {
  display: inline-block;
  border: 2px solid #EFBF00;
  border-radius: 10px;
  padding: 6px 14px;
}
/* Thank You Page – Keep Order Details Title Centered */

.woocommerce-order-details h2 {
  display: block;
  text-align: center;
}
/* Thank You Page – Center Order Details Title Border */

.woocommerce-order-details h2 {
  display: inline-block;
  text-align: center;
}
/* Thank You Page – Center Order Details Title Properly */

.woocommerce-order-details {
  text-align: center;
}

.woocommerce-order-details h2 {
  display: inline-block;
}
/* Hide check payment notice only */

.woocommerce-order-overview + p{
  display:none !important;
}
/* Survey container */
.vtg-survey{
  max-width:720px;
  margin:18px auto;
  padding:18px;
  border:2px solid #EFBF00;
  border-radius:12px;
}

/* Question line */
.vtg-survey-question{
  margin:0 0 12px;
  color:#FFFFFF !important;
  font-size:18px !important;
  font-weight:600;
}
.vtg-survey-help{
  font-weight:500;
  margin-left:8px;
}

/* Inputs */
.vtg-survey select,
#vtg_survey_other{
  width:100%;
  padding:10px;
  border-radius:8px;
}

/* Submit button */
.vtg-survey-submit{
  margin-top:12px;
  width:100%;
  padding:12px;
  border-radius:10px;
  border:0;
  background:#EFBF00;
  color:#000000;
  font-weight:700;
  cursor:pointer;
}
.vtg-survey-submit:hover{
  color:#FFFFFF;
}
.vtg-survey{
  box-shadow: 0 0 30px rgba(239,191,0,0.7);
}
.vtg-survey{
  margin-top:60px !important;
}
.vtg-survey-title{
  margin:0 0 10px;
  font-size:22px !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
}
/* =========================
   VTG – Woo Notices Cleanup
   ========================= */

.woocommerce-notices-wrapper,
.woocommerce-notices-wrapper *{
  box-sizing: border-box;
}

/* Base notice card */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  margin: 12px 0 !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(239,191,0,.35) !important; /* gold */
  background: rgba(0,0,0,.92) !important;
  color: #fff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

/* Kill Woo's default left stripe + icon spacing */
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before{
  content: "" !important;
  display: none !important;
}

/* Link styling inside notices */
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a{
  color: #EFBF00 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.woocommerce-message a:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover{
  text-decoration: underline !important;
}

/* Buttons inside notices (View cart / Checkout etc.) */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
  border-radius: 10px !important;
  border: 1px solid rgba(239,191,0,.65) !important;
  background: transparent !important;
  color: #EFBF00 !important;
  font-weight: 800 !important;
  padding: 10px 12px !important;
  margin-left: 10px !important;
  box-shadow: none !important;
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover{
  background: rgba(239,191,0,.12) !important;
}

/* Error list formatting (red but still VTG) */
.woocommerce-error{
  border-color: rgba(255,70,70,.9) !important;
}
.woocommerce-error li{
  margin: 6px 0 !important;
}

/* Mobile: stack the button under the message */
@media (max-width: 767px){
  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button{
    float: none !important;
    display: inline-block !important;
    margin: 10px 0 0 0 !important;
    width: auto !important;
  }
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Affiliate Page Changes */

/* VTG: Hide ANY cart UI on SliceWP affiliate pages (7689/7690/7691) */
body.page-id-7689 .elementor-menu-cart,
body.page-id-7690 .elementor-menu-cart,
body.page-id-7691 .elementor-menu-cart,

body.page-id-7689 [class*="menu-cart"],
body.page-id-7690 [class*="menu-cart"],
body.page-id-7691 [class*="menu-cart"],

body.page-id-7689 [class*="cart"],
body.page-id-7690 [class*="cart"],
body.page-id-7691 [class*="cart"],

body.page-id-7689 a[href*="/cart"],
body.page-id-7690 a[href*="/cart"],
body.page-id-7691 a[href*="/cart"],

body.page-id-7689 a[href*="cart"],
body.page-id-7690 a[href*="cart"],
body.page-id-7691 a[href*="cart"]
{
  display: none !important;
}
.slice wp-tab-content.active,
.slice wp-tab-content.active * {
  color:#000 !important;
}
/* VTG: SliceWP Dashboard cards + chart — force BLACK text (and undo opacity) */
#slicewp-affiliate-account-tab#slicewp-affiliate-account-tab
:is(
  /* stat cards */
  .slicewp-card,
  .slicewp-card *,

  /* dashboard graphs / legends / labels */
  [class*="chart"],
  [class*="chart"] *,

  /* date picker text */
  [class*="date-picker"],
  [class*="date-picker"] *,

  /* common “muted” text wrappers */
  .slicewp-text-muted,
  .slicewp-text-muted *
){
  color:#000 !important;
  opacity:1 !important;
}

/* If any icons/legend dots are SVG */
#slicewp-affiliate-account-tab#slicewp-affiliate-account-tab svg,
#slicewp-affiliate-account-tab#slicewp-affiliate-account-tab svg *{
  fill:#000 !important;
  stroke:#000 !important;
  opacity:1 !important;
}
/* SliceWP Nav: white default */
#slicewp-affiliate-account-nav-tab .slicewp-nav-tab > a{
  color:#fff !important;
  border-bottom:2px solid transparent !important;
  transition: all .25s ease;
}

/* Hover (non-active) */
#slicewp-affiliate-account-nav-tab .slicewp-nav-tab:not(.slicewp-active) > a:hover{
  color:#EFBF00 !important;
  border-bottom:2px solid #EFBF00 !important;
}

/* Active stays gold */
#slicewp-affiliate-account-nav-tab .slicewp-nav-tab.slicewp-active > a{
  color:#EFBF00 !important;
  border-bottom:2px solid #EFBF00 !important;
  opacity:1 !important;
}

/* Make the icon match text */
#slicewp-affiliate-account-nav-tab .slicewp-nav-tab > a svg{
  color:currentColor !important;
}
@media (hover:none) and (pointer:coarse){
  .elementor-location-header .elementor-nav-menu a:focus,
  .elementor-location-header .elementor-nav-menu a:active,
  .elementor-location-header .elementor-menu-toggle:focus,
  .elementor-location-header .elementor-menu-toggle:active{
    opacity: 1 !important;
    filter: none !important;
  }
}
/* Vertical spacing without gap */
.woocommerce-checkout .payment_methods > li {
  margin-bottom: 12px;
}

/* Individual PayPal boxes */
.woocommerce-checkout .payment_method_paypal,
.woocommerce-checkout .payment_method_ppcp {
  background: rgba(0,0,0,.6);
  border: 1px solid rgba(239,191,0,.35);
  border-radius: 10px;
  padding: 12px;
}

/* Radio alignment */
.woocommerce-checkout .payment_methods input[type="radio"] {
  transform: scale(1.2);
  margin-right: 10px;
}

/* Clean payment box */
.woocommerce-checkout .payment_box {
  background: transparent !important;
  padding: 10px 0 0 0 !important;
  border: none !important;
}
@media (max-width: 767px){
  /* When Elementor applies grid to Woo products */
  .woocommerce ul.products.elementor-grid{
    justify-content: center !important;   /* if grid uses flex fallback */
    justify-items: center !important;     /* grid item alignment */
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* or 1fr for 1-col */
  }

  /* Ensure each card content centers */
  .woocommerce ul.products.elementor-grid li.product{
    justify-self: center !important;
    text-align: center !important;
  }

  .woocommerce ul.products.elementor-grid li.product a img{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media (max-width: 767px){

  /* Scale ONLY product images */
  .woocommerce ul.products.elementor-grid li.product a img{
    transform: scale(1.3);   /* adjust value */
    transform-origin: center;
  }
}
/* VTG – Product Reviews: gold stars + VTG submit button */

/* Stars: default gray, gold on hover + selected */
.woocommerce #review_form .comment-form-rating p.stars a,
.woocommerce #review_form .comment-form-rating p.stars a:before{
  color: rgba(255,255,255,.45) !important;
}

.woocommerce #review_form .comment-form-rating p.stars a:hover,
.woocommerce #review_form .comment-form-rating p.stars a:hover ~ a,
.woocommerce #review_form .comment-form-rating p.stars:hover a,
.woocommerce #review_form .comment-form-rating p.stars.selected a,
.woocommerce #review_form .comment-form-rating p.stars.selected a.active,
.woocommerce #review_form .comment-form-rating p.stars.selected a:not(.active){
  color: #EFBF00 !important;
}

/* Some themes render stars via :before */
.woocommerce #review_form .comment-form-rating p.stars.selected a:before,
.woocommerce #review_form .comment-form-rating p.stars:hover a:before,
.woocommerce #review_form .comment-form-rating p.stars a:hover:before{
  color: #EFBF00 !important;
}

/* Submit button: VTG gold + black text, white on hover */
.woocommerce #review_form #respond .form-submit input#submit,
.woocommerce #review_form #respond .form-submit button,
.woocommerce #review_form #respond .form-submit .submit{
  background: #EFBF00 !important;
  border: 1px solid #EFBF00 !important;
  color: #000 !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  cursor: pointer !important;
}

.woocommerce #review_form #respond .form-submit input#submit:hover,
.woocommerce #review_form #respond .form-submit input#submit:focus,
.woocommerce #review_form #respond .form-submit button:hover,
.woocommerce #review_form #respond .form-submit button:focus{
  background: #EFBF00 !important;
  border-color: #EFBF00 !important;
  color: #fff !important;
}
/* VTG – Review display stars (gold) */

.woocommerce .star-rating,
.woocommerce .star-rating span:before{
  color: #EFBF00 !important;
}