/* wc-product-delivery-times — public styles (v1.2.3) */

/* [delivery_choice] — both options, current one highlighted.
   Colours are sensible defaults; tune to match the Oakworld theme. */
.bd-delivery-choice {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin: .75rem 0;
}

.bd-choice-option {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .4rem;
	padding: .6rem .85rem;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	line-height: 1.3;
	transition: border-color .15s ease, background-color .15s ease;
}

.bd-choice-option .bd-choice-label { font-weight: 600; }
.bd-choice-option .bd-choice-suffix { opacity: .7; font-size: .9em; }

.bd-choice-option .bd-choice-tick {
	display: none;
	font-weight: 700;
	margin-right: .1rem;
}

/* Current / chosen method */
.bd-choice-option.is-current {
	border-color: #4a5d3a;              /* Oakworld-ish green */
	background: #f2f5ee;
	box-shadow: inset 0 0 0 1px #4a5d3a;
}
.bd-choice-option.is-current .bd-choice-tick {
	display: inline;
	color: #4a5d3a;
}

/* Interactive (click-to-choose) panels — v1.3.0 */
.bd-choice-interactive .bd-choice-option { cursor: pointer; }
.bd-choice-interactive .bd-choice-option:hover { border-color: #4a5d3a; }
.bd-choice-interactive .bd-choice-option:focus-visible { outline: 2px solid #4a5d3a; outline-offset: 2px; }

/* Product-page choice panel sizing (override to taste) */
.bd-choice-option { font-size: 14px; }

/* Cart both-lines: one clean two-column grid. Scoped so it never touches
   real product-variation rows. The auto-generated "Delivery:" dt is hidden —
   by class, and structurally (the dt sitting right before our grid) so it
   works even if the theme strips the variation-Delivery class. */
.woocommerce-cart-form dl.variation dt.variation-Delivery,
dl.variation dt.variation-Delivery { display: none !important; }

dl.variation dt:has( + dd .bd-cart-delivery-grid ) { display: none !important; }
dl.variation dd:has( .bd-cart-delivery-grid ) { float: none; width: 100%; margin: 0; }

.woocommerce-cart-form dl.variation dd.variation-Delivery,
dl.variation dd.variation-Delivery { float: none; width: 100%; margin: 0; }

dl.variation dd.variation-Delivery p { margin: 0; }

.bd-cart-delivery-grid {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0 8px;
	font-size: 12px;
	line-height: 1.45;
}
.bd-cart-delivery-grid .bd-ck { font-weight: 600; white-space: nowrap; }

/* Plain Express line in product listings (v1.4.1) — separated from the Free
   line above it by a simple hairline. */
.bd-loop-express {
	margin-top: .4rem;
	padding-top: .4rem;
	border-top: 1px solid #e0e0e0;
	opacity: 1;
}

/* Grouped style (v1.3.9) — both options inside one light box, divided by a
   hairline. Deliberately flat: no per-row fill or border, so it reads as
   information rather than a set of buttons. The current option is marked by a
   tick and bolder label only. */
.bd-delivery-choice.bd-choice-grouped {
	gap: 0;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
	background: transparent;
}
.bd-choice-grouped .bd-choice-option {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	padding: .5rem .85rem;
}
.bd-choice-grouped .bd-choice-option + .bd-choice-option {
	border-top: 1px solid #ededed;
}
.bd-choice-grouped .bd-choice-option.is-current {
	background: transparent;
	box-shadow: none;
	border-color: #ededed;
}
.bd-choice-grouped .bd-choice-option.is-current .bd-choice-label {
	font-weight: 700;
}

/* v1.4.0 — info-only mode: no tick (the panel is information, not a choice). */
.bd-delivery-choice:not(.bd-choice-interactive) .bd-choice-tick { display: none !important; }

/* Explanatory note line under the Express option. */
.bd-choice-note {
	display: block;
	flex-basis: 100%;
	width: 100%;
	margin-top: .15rem;
	font-size: .85em;
	opacity: .75;
	line-height: 1.35;
}