/* Dear Darling Shop 0.3.14 · on shop, product, cart, checkout and thank-you pages.
   Only WooCommerce's own markup that YOOtheme's element and style settings cannot reach: notice bars, the product
   cards' hidden screen-reader text, the photo preview and the thank-you lines (Befund Testbestellung 20.10.2026). */

/* Notice bars in the shop's cream instead of grey; "View cart" with room around its text (screenshot 1). */
body .woocommerce-message,body .woocommerce-info{background:#f2e5d9;color:#352720}
body .woocommerce-message{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 20px}
body .woocommerce-message>.button.wc-forward{margin:0;padding:10px 22px;font-size:13px;line-height:1.3;white-space:nowrap}

/* Error bar in the brand colours instead of orange-red (screenshot 8). */
body .woocommerce-error{background:#f6e4e1;color:#4a2028;border-left:3px solid #793e49;padding:16px 20px}
body .woocommerce-error a,body .woocommerce-error>li>a{color:#793e49;text-decoration:underline}

/* Product cards: the theme keeps WooCommerce's hidden helper text in the flow, which left an empty line below the
   button (screenshots 3 and 4). */
ul.products li.product .screen-reader-text{position:absolute}

/* DD-04 F03: the card choice below the greeting card's title in the shop list. More specific than YOOtheme's
   "ul.products > * .woocommerce-loop-product__link > :last-child{margin-bottom:0}", so the 8px below stay. */
ul.products li.product .dd-card-choice{margin:8px 0;font-size:14px;line-height:1.5;color:#663344}

/* Price per piece, e.g. "per diamond". */
.dd-per-unit{font-size:.85em;white-space:nowrap}

/* The buyer's own photo as a small preview (cart, thank-you page). */
.dd-photo-thumb{display:block;margin:8px 0 4px}
.dd-photo-thumb img{display:block;width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid #e3cfbf;background:#fff}
.dd-photo-line{margin:4px 0 0;font-size:14px}

/* Thank-you page: the confirmation in the shop's type, the gift lines as one table. */
body .woocommerce-thankyou-order-received{margin:0 0 24px;font-family:Georgia,serif;font-size:22px;line-height:1.4;color:#352720}
.dd-order-gift{margin-top:24px}
.dd-order-gift th{width:34%;text-align:left;vertical-align:top}
.dd-order-gift td{overflow-wrap:anywhere;white-space:normal}

/* 0.3.21 · One line below the pickup choice instead of an info box above cart and checkout (Franz, 25.10.2026). */
/* 0.3.22: each choice is a flex row (radio, name); the note gets its own line below the name instead of squeezing both
   (cart 25.10.2026). 26px = radio 16px plus the gap before the name. */
#shipping_method li{flex-wrap:wrap}
#shipping_method li>input[type=radio]{flex:0 0 16px}
#shipping_method .dd-rate-note{display:block;flex:0 0 100%;box-sizing:border-box;padding-left:26px;margin:2px 0 4px;font-size:13px;line-height:1.45;color:#5c4a3f;white-space:normal}
#shipping_method li>input[type=hidden]~.dd-rate-note{padding-left:0}

/* 0.3.36 · Thank-you page and account orders: colour, size or motif under each product again (finding K7). YOOtheme's
   theme.1.css hides any choice list with a single line (.wc-item-meta:has(> li:only-child){display:none}), so a teddy
   with one choice ("Color: Light brown") showed no colour at all; lists with two lines were shown. */
.woocommerce-order-details .wc-item-meta:has(> li:only-child),.woocommerce-table--order-details .wc-item-meta:has(> li:only-child){display:flow-root}