@charset "UTF-8";
/* ------------------------------------------------------------------
   PRINT STYLES (rev 4)
   ------------------------------------------------------------------ */
@page {
  size: auto;
  margin: 0.4in;
}
:root {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  color: #000 !important;
}

body {
  font-size: 10.5px !important;
  line-height: 1.35 !important;
} /* squeeze more */
/* ===== 1) Kill header → breadcrumb gap (sticky offsets, spacers) ===== */
header.main {
  position: static !important;
  margin: 0 !important;
}

header.main .bg {
  margin: 0 !important;
  padding: 4px 0 6px !important;
  border-bottom: 1px solid #ddd !important;
}

body, main, .site, .content, .oneCol {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

[id*=spacer], [class*=spacer] {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-breadcrumb,
.breadcrumbs {
  margin: 6px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Show only the logo */
.topBar, header.main nav, header.main .search, header.main .utility,
.site-overlay, .pushy {
  display: none !important;
}

header.main .logo img {
  display: block !important;
  max-height: 40px !important;
  width: auto !important;
}

/* ===== Hide all BG images EXCEPT logo (logo uses <img>, so OK) ===== */
* {
  background-image: none !important;
}

/* ===== Hide web-only things ===== */
button[onclick="window.print();"], .cms-button-simple[onclick="window.print();"],
.related, .upsells, .cross-sells, footer, footer *, .gform_wrapper, form {
  display: none !important;
}

/* ===== 2) Primary image grey box + overlap fix ===== */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image a,
.woocommerce-product-gallery__image figure,
.product-col--media,
.product-col--media figure {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  filter: none !important;
}

.woocommerce-product-gallery {
  position: relative !important;
  clear: both !important;
  z-index: 1 !important;
}

.woocommerce-product-gallery__image,
.product-col--media {
  margin: 0 !important;
}

/* Primary img size (~180px) */
.woocommerce-product-gallery__image img,
.product-col--media img {
  max-width: 180px !important;
  width: 180px !important;
  height: auto !important;
  display: block !important;
}

/* ===== 3/4) Thumbs left-aligned and 50% of primary ===== */
.woocommerce-product-gallery .flex-control-thumbs,
.woocommerce-product-gallery__thumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: flex-start !important; /* (3) left align */
  margin: 6px 0 8px !important;
  padding: 0 !important;
  text-align: left !important;
}

.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce-product-gallery__thumbs li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-product-gallery .flex-control-thumbs img,
.woocommerce-product-gallery__thumbs img {
  width: 90px !important;
  height: auto !important; /* (4) 50% of 180px */
  display: block !important;
}

/* ===== Typography tweaks ===== */
h1 {
  font-size: 18px !important;
  margin: 6px 0 8px !important;
}

h2 {
  font-size: 15px !important;
  margin: 6px 0 6px !important;
}

h3 {
  font-size: 13px !important;
  margin: 6px 0 6px !important;
}

p, li, dd, dt, td, th {
  font-size: 10.5px !important;
}

.product_title.entry-title {
  font-size: 18px !important;
  margin: 4px 0 6px !important;
}

.product_meta {
  margin: 4px 0 6px !important;
  font-size: 10.5px !important;
}

.sku, .product_meta .sku {
  font-size: 10.5px !important;
} /* 4) smaller SKU */
/* ===== 5) Tab titles (add SDS + Dilutions) & 6) Hide “Additional Information” H2 ===== */
.woocommerce-tabs .tabs {
  display: none !important;
} /* hide web tab strip */
.woocommerce-tabs .wc-tab,
.woocommerce-Tabs-panel {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
}

.woocommerce-Tabs-panel h2 {
  font-size: 15px !important;
  margin: 8px 0 6px !important;
}

/* Inject titles where a panel might lack its own H2 */
#tab-description::before {
  content: "Description";
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0 6px;
}

#tab-additional_information::before {
  content: "Additional Information";
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0 6px;
}

#tab-reviews::before {
  content: "Reviews";
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0 6px;
}

#tab-sds::before, .woocommerce-Tabs-panel--sds::before {
  content: "Safety Data Sheets";
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0 6px;
} /* (5) */
#tab-dilutions::before, .woocommerce-Tabs-panel--dilutions::before {
  content: "Dilutions";
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin: 8px 0 6px;
} /* (5) */
/* web-only tab to hide (if present) */
#get_a_quote_tab, #tab-get_a_quote, .woocommerce-Tabs-panel--get_a_quote, li.get_a_quote_tab {
  display: none !important;
}

/* Hide the actual H2 for Additional Information */
#tab-additional_information h2 {
  display: none !important;
}

/* ===== 7) Tighter tables ===== */
table {
  border-collapse: collapse !important;
  width: 100% !important;
}

table, th, td {
  border: 1px solid #ccc !important;
}

th, td {
  padding: 2px 3px !important;
} /* even tighter */
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
  padding: 2px 3px !important;
  font-size: 10.5px !important;
}

/* ===== 8/6) SDS/Downloads list: remove left padding; bullet tight to text ===== */
#tab-sds ul, .woocommerce-Tabs-panel--sds ul,
#tab-downloads ul, .woocommerce-Tabs-panel--downloads ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#tab-sds li, .woocommerce-Tabs-panel--sds li,
#tab-downloads li, .woocommerce-Tabs-panel--downloads li {
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
  position: relative !important;
}

#tab-sds li::before, .woocommerce-Tabs-panel--sds li::before,
#tab-downloads li::before, .woocommerce-Tabs-panel--downloads li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-0.9em);
}

#tab-sds a, .woocommerce-Tabs-panel--sds a,
#tab-downloads a, .woocommerce-Tabs-panel--downloads a {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Avoid awkward breaks */
h1, h2, h3, h4 {
  page-break-after: avoid;
}

figure, table {
  page-break-inside: avoid;
}

header.main .logo a {
  background: url(css/parkside-logo.svg) left top no-repeat !important;
}

.content:before {
  display: none;
}

.woocommerce-page .woocommerce-product-gallery__wrapper {
  justify-content: flex-start;
}

.woocommerce-product-gallery__image img {
  width: 300px !important;
  max-width: 100% !important;
}

ul.sds-link li {
  padding-left: 0;
}

.woocommerce .product-sku {
  font-size: 10px;
}