/*******************************************************************************
 * Single product page customisations
 *
 * turq_product.css
 *
 * Quantity break table - [qty_breaks]
 * -----------------------------------
 * Kadence palette: 1-3 accents, 4-6 text, 7-9 backgrounds. Fallbacks supplied
 * so the table still reads correctly if a palette var is unset.
*******************************************************************************/

	table.turq-qty-breaks-table {
		width: 100%;
		margin: 0 0 1.6em;
		border: 1px solid var(--global-palette7, #e6e6e6);
		border-radius: 10px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
		background: var(--global-palette9, #fff);
		font-size: 0.95em;
		line-height: 1.5;
	}

	table.turq-qty-breaks-table caption {
		caption-side: top;
		text-align: left;
		padding: 0.7em 1em;
		font-size: 0.95em;
		font-weight: 600;
		color: var(--global-palette3, #2d2d2d);
		background: var(--global-palette8, #f6f6f4);
		border-bottom: 1px solid var(--global-palette7, #e6e6e6);
	}

	table.turq-qty-breaks-table th,
	table.turq-qty-breaks-table td {
		padding: 0.6em 1em;
		border: 0;
		text-align: left;
		vertical-align: middle;
		background: transparent;
	}

	table.turq-qty-breaks-table thead th {
		padding-top: 0.8em;
		padding-bottom: 0.25em;
		font-size: 0.72em;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: var(--global-palette5, #7a7a7a);
	}

	table.turq-qty-breaks-table tbody tr + tr td {
		border-top: 1px solid var(--global-palette7, #ededed);
	}

	table.turq-qty-breaks-table tbody tr:hover td {
		background: var(--global-palette8, #fafaf8);
	}

	/* Columns */

	table.turq-qty-breaks-table .turq-qb-qty {
		font-weight: 600;
		white-space: nowrap;
	}

	table.turq-qty-breaks-table .turq-qb-price {
		text-align: right;
		font-variant-numeric: tabular-nums;
		white-space: nowrap;
	}

	table.turq-qty-breaks-table .turq-qb-save {
		width: 6em;
		text-align: right;
		white-space: nowrap;
	}


	/* Base (undiscounted) row sits back a little */

	table.turq-qty-breaks-table tr.turq-qb-base td {
		color: var(--global-palette5, #7a7a7a);
	}

	table.turq-qty-breaks-table tr.turq-qb-base .turq-qb-qty {
		font-weight: 500;
	}

	/* Best tier */

	table.turq-qty-breaks-table tr.is-best td {
		background: color-mix(in srgb, var(--global-palette1, #9fb783) 10%, transparent);
	}

	table.turq-qty-breaks-table tr.is-best:hover td {
		background: color-mix(in srgb, var(--global-palette1, #9fb783) 16%, transparent);
	}

	/* Saving pill */

	.turq-qb-pill {
		display: inline-block;
		padding: 0.15em 0.65em;
		border-radius: 999px;
		font-size: 0.8em;
		font-weight: 600;
		line-height: 1.6;
		color: #fff;
		background: var(--global-palette1, #9fb783);
		white-space: nowrap;
	}

	.turq-qb-none {
		color: var(--global-palette6, #b4b4b4);
	}

	@media (max-width: 480px) {

		table.turq-qty-breaks-table {
			max-width: none;
			font-size: 0.9em;
		}

		table.turq-qty-breaks-table th,
		table.turq-qty-breaks-table td,
		table.turq-qty-breaks-table caption {
			padding-left: 0.7em;
			padding-right: 0.7em;
		}

		table.turq-qty-breaks-table .turq-qb-save {
			width: 4.5em;
		}
	}


/*******************************************************************************
 * v1.1 additions - paste this block if you've tweaked the rules above
*******************************************************************************/

/* Caption joins the table
   A caption sits outside the table's border box, so the table border alone
   leaves it floating above. Caption takes the top border and radius instead. */

	table.turq-qty-breaks-table:has( > caption ) {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	table.turq-qty-breaks-table caption {
		border: 1px solid var(--global-palette7, #e6e6e6);
		border-bottom: 0;
		border-radius: 10px 10px 0 0;
	}

	table.turq-qty-breaks-table caption .turq-qb-title {
		display: block;
	}

	table.turq-qty-breaks-table caption .turq-qb-intro {
		display: block;
		margin: 0.3em 0 0;
		font-size: 0.9em;
		font-weight: 400;
		line-height: 1.5;
		color: var(--global-palette4, #4a4a4a);
	}

	table.turq-qty-breaks-table caption .turq-qb-intro a {
		text-decoration: underline;
	}

	/* Two tables (unrelated categories) stacked */

	table.turq-qty-breaks-table + table.turq-qty-breaks-table {
		margin-top: -0.4em;
	}


/* Cart / checkout line notes - "Quantity discount" and "Save more"
   Woo builds the classes from the label: variation-Quantitydiscount, variation-Savemore */

	dl.variation dd.variation-Quantitydiscount,
	dl.variation dd.variation-Quantitydiscount p {
		color: var(--global-palette1, #6f8f4e);
		font-weight: 600;
	}

	dl.variation dd.variation-Savemore,
	dl.variation dd.variation-Savemore p {
		color: var(--global-palette5, #7a7a7a);
		font-style: italic;
	}