/**
 * Flower Shed Checkout & Delivery - front-end styles.
 * Loaded on single product pages and the checkout only (see includes/checkout-tweaks.php).
 */

/* Multiple recipients note: product page version, and the checkout version printed by the
   checkout fields plugin under the "Recipient name" field. */
p.fs-card-note { font-size: 15px !important; line-height: 1.5; }
.clcf-field[data-clcf-field="fs_recipient_name"] .clcf-field__desc { display: block; font-size: 15px !important; line-height: 1.5; margin: 2px 0 8px; }

/* "If you can't find what you're looking for" call box (product pages and checkout). */
.fs-call-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin: 28px 0 8px; padding: 24px 28px; background: #59344F; border-left: 4px solid #fad4df; color: #fff; }
.fs-call-cta__text { margin: 0; flex: 1 1 240px; font-size: 1.125rem; font-weight: 600; line-height: 1.4; color: #fff; }
.fs-call-cta__btn { display: inline-flex; align-items: center; gap: .5em; padding: .8em 1.6em; background: #fff; color: #59344F !important; font-size: 16px; font-weight: 700; line-height: 1.2; text-decoration: none !important; white-space: nowrap; transition: background-color .3s; }
.fs-call-cta__btn:hover, .fs-call-cta__btn:focus-visible { background: #fad4df; color: #59344F !important; }
.fs-call-cta__btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.fs-call-cta-wrap--checkout .fs-call-cta { margin: 0 0 24px; }

/* "Delivery prices" box on product pages, above the call box. */
.fs-delivery-box { margin: 28px 0 0; padding: 20px 28px 22px; background: #dae3e1; border-left: 4px solid #59344F; color: #59344F; }
.fs-delivery-box__tag { display: inline-block; margin-bottom: 10px; padding: 4px 10px; background: #59344F; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; line-height: 1.4; }
.fs-delivery-box__text { margin: 0; font-size: 16px; line-height: 1.5; color: #59344F; }
.fs-delivery-box + .fs-call-cta { margin-top: 16px; }

/* Ideal Postcodes' "Postcode Lookup" row was covering the first/last name fields so they could not be
   clicked: keep the lookup row in its own space and the name fields on top. */
body.woocommerce-checkout form.checkout .form-row.idpc_lookup { position: relative; clear: both; float: none; width: 100%; z-index: 1; }
body.woocommerce-checkout form.checkout .form-row.idpc_lookup > label { position: static !important; height: auto !important; transform: none !important; }
#billing_first_name_field, #billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field { position: relative; z-index: 2; }

@media (max-width: 600px) {
	.fs-call-cta { padding: 20px; }
	.fs-call-cta__btn { width: 100%; justify-content: center; }
	.fs-delivery-box { padding: 18px 20px; }
}