/* ===== TG-PRICE-ROW-1113 start ===== */
/* Shop 50 only (html.s66). Move the red Customise pencil off the
   product image and onto the right of the price row. Replace
   "Incl. of all taxes" with "+ GST + Branding + Shipping".
   Does not change tax config, product prices, cart, or checkout. */

/* --- 1) Price + tax-note + button row on listing cards --- */
html.s66 .tg-pr-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
}
html.s66 .tg-pr-row .ce-product-prices,
html.s66 .tg-pr-row .pc-f,
html.s66 .tg-pr-row .product-price-and-shipping{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
}

/* High specificity so this beats tgx-cat-css and the chrome rule
   `.elementor-element-9c1c92a * { background-color:transparent }`. */
html.s66 .tg-pr-row > .c64-customise,
html.s66 .c73-card .tg-pr-row > .c64-customise,
html.s66 .tg5 .tg-pr-row > .c64-customise,
html.s66.c64 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#product,#manufacturer,#supplier,#module-ybc_blog-blog) #content .c73-card .elementor-element-9c1c92a .tg-pr-row > .c64-customise,
html.s66 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier,#module-ybc_blog-blog) .ce-product-grid > .elementor.elementor[data-elementor-type="product-miniature"].c73-card .tg-pr-row > .c64-customise{
  flex:0 0 40px !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  margin:0 0 0 auto !important;
  padding:0 !important;
  gap:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:#e30613 !important;
  background-color:#e30613 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
  text-decoration:none !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  align-self:flex-start !important;
  box-sizing:border-box !important;
  line-height:1 !important;
  overflow:visible !important;
}
html.s66 .tg-pr-row > .c64-customise:hover,
html.s66 .tg-pr-row > .c64-customise:focus,
html.s66.c64 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#product,#manufacturer,#supplier) #content .c73-card .elementor-element-9c1c92a .tg-pr-row > .c64-customise:hover,
html.s66 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier) .ce-product-grid > .elementor.elementor[data-elementor-type="product-miniature"].c73-card .tg-pr-row > .c64-customise:hover{
  background:#b5000e !important;
  background-color:#b5000e !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  padding:0 !important;
  gap:0 !important;
}
html.s66 .tg-pr-row > .c64-customise:focus-visible{
  outline:2px solid #111 !important;
  outline-offset:2px !important;
}
html.s66 .tg-pr-row > .c64-customise svg,
html.s66.c64 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#product,#manufacturer,#supplier) #content .c73-card .elementor-element-9c1c92a .tg-pr-row > .c64-customise svg,
html.s66 body:is(#category,#index,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier) .ce-product-grid > .elementor.elementor[data-elementor-type="product-miniature"].c73-card .tg-pr-row > .c64-customise svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  flex:none !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  color:#fff !important;
  background:transparent !important;
  background-color:transparent !important;
}
html.s66 .tg-pr-row > .c64-customise .c64-sr{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
  max-width:0 !important;
}
html.s66 .tg-pr-row > .c64-customise::before,
html.s66 .tg-pr-row > .c64-customise::after{
  content:none !important;
}

/* Photo no longer needs reserved space for the overlay button. */
html.s66.c64 .c73-card .c73-photo{
  padding-bottom:0 !important;
}
html.s66.c64 .c73-card .c73-rail:empty,
html.s66 body:is(#category,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier,#index)
  .ce-product-grid > .elementor.elementor[data-elementor-type="product-miniature"].c73-card .c73-rail:empty,
html.s66 body:is(#category,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier,#index)
  .c73-card .c73-rail:empty{
  display:none !important;
}

/* --- 2) Listing tax note (JS sets the text; do not also use ::after) --- */
html.s66 .c64-gst,
html.s66 .c73-card .c64-gst,
html.s66.c64 .c73-card .c64-meta .c64-gst,
html.s66 body:is(#category,#search,#best-sales,#new-products,#prices-drop,#manufacturer,#supplier,#index)
  .c73-card .c64-gst{
  font:500 12.5px/16px Inter,system-ui,sans-serif !important;
  color:#606060 !important;
  color:var(--tgx-mute,#606060) !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
html.s66 .c64-gst::after,
html.s66 .c73-card .c64-gst::after,
html.s66 .c64-meta .c64-gst::after{
  content:none !important;
}

/* CMS 209 school cards: "incl. GST" is rewritten by JS; keep small grey type. */
html.s66 .tgsu-price small,
html.s66 #shop-products .tgsu-price small{
  font-weight:600 !important;
  color:#4E596B !important;
  font-size:inherit !important;
  line-height:inherit !important;
}
html.s66 .tgsu-price small::after,
html.s66 #shop-products .tgsu-price small::after{
  content:none !important;
}

/* PDP tax line in the #tpx buy-box — C315 / tpx JS keep resetting the
   text, so hide the original node and paint the new wording via ::after. */
html.s66 body#product #tpx.tpx .tpx-tax,
html.s66 body.page-product #tpx.tpx .tpx-tax,
html.s66 #tpx.tpx .tpx-tax,
html.s66 body#product .tg-pdp-tax,
html.s66 body.page-product .tg-pdp-tax,
html.s66 body#product .ce-product-prices .tg-pdp-tax,
html.s66 body.page-product .ce-product-prices .tg-pdp-tax{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  color:transparent !important;
  cursor:help;
}
html.s66 body#product #tpx.tpx .tpx-tax::after,
html.s66 body.page-product #tpx.tpx .tpx-tax::after,
html.s66 #tpx.tpx .tpx-tax::after,
html.s66 body#product .tg-pdp-tax::after,
html.s66 body.page-product .tg-pdp-tax::after{
  content:"+ GST + Branding + Shipping";
  display:inline !important;
  font-size:13px !important;
  line-height:16px !important;
  letter-spacing:normal !important;
  font-weight:400 !important;
  font-family:Inter,system-ui,sans-serif !important;
  color:#606060 !important;
  color:var(--mute,#606060) !important;
}
@media (max-width:767px){
  html.s66 #tpx.tpx .tpx-tax::after,
  html.s66 body#product .tg-pdp-tax::after,
  html.s66 body.page-product .tg-pdp-tax::after{
    font-size:12px !important;
    line-height:15px !important;
  }
}

/* Optional one-line explanation under the PDP tax note (desktop). */
html.s66 body#product .tg-pr-hint,
html.s66 body.page-product .tg-pr-hint{
  display:none;
  margin:3px 0 0 !important;
  padding:0 !important;
  font:400 10px/14px Inter,system-ui,sans-serif !important;
  color:#757575 !important;
  max-width:36em;
}
@media (min-width:768px){
  html.s66 body#product .tg-pr-hint,
  html.s66 body.page-product .tg-pr-hint{
    display:block;
  }
}

/* Keep long titles clamped; the button sits in the price row, not the title. */
html.s66 .c73-card :is(.ce-product-name,.product-title,.pc-t){
  min-width:0 !important;
}
/* ===== TG-PRICE-ROW-1113 end ===== */