Merge branch 'cart-temp' into box-now-test-

resources/css/checkout.css

@@ -200,8 +200,51 @@ .bbk-cart-item-media img {
 .bbk-cart-item-detail { min-width: 0; }
 
 .bbk-cart-item-title {
+    display: block;
     margin: 0 0 0.25rem;
     font-weight: 600;
+    color: inherit;
+    text-decoration: none;
+}
+
+a.bbk-cart-item-title:hover { text-decoration: underline; }
+
+.bbk-cart-item-variant {
+    margin: 0 0 0.25rem;
+    font-size: 0.8125rem;
+    color: var(--bbk-color-muted);
+}
+
+/* A line's custom-field answers (checkout::partials.line-custom-fields). */
+.bbk-line-fields {
+    display: grid;
+    gap: 0.25rem;
+    margin: 0 0 0.5rem;
+    font-size: 0.8125rem;
+}
+
+.bbk-line-field dt {
+    color: var(--bbk-color-muted);
+}
+
+.bbk-line-field dd {
+    margin: 0;
+    white-space: pre-line;
+    overflow-wrap: anywhere;
+}
+
+.bbk-line-field-file {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: inherit;
+}
+
+.bbk-line-field-file img {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+    border-radius: 0;
 }
 
 .bbk-cart-item-unit {
@@ -361,6 +404,19 @@ .bbk-cart-coupon-error {
     color: var(--bbk-color-danger);
 }
 
+.bbk-cart-error {
+    margin: 0;
+    padding: 0.75rem 1.5rem 0;
+    font-size: 0.8125rem;
+    color: var(--bbk-color-danger);
+}
+
+.bbk-add-to-cart-error {
+    margin: 0.375rem 0 0;
+    font-size: 0.8125rem;
+    color: var(--bbk-color-danger);
+}
+
 .bbk-cart-checkout {
     display: block;
     width: 100%;
@@ -448,35 +504,12 @@ .bbk-checkout-note {
     font-size: 0.875rem;
 }
 
-/* Contact tabs */
+/* Contact: "logged in as" line, or the guest login prompt */
 
-.bbk-checkout-tabs { display: flex; flex-direction: column; gap: 1rem; }
+.bbk-checkout-logged-in,
+.bbk-checkout-login-prompt { margin: 0; }
 
-.bbk-checkout-tab {
-    display: inline-flex;
-    width: fit-content;
-    margin-right: 0.5rem;
-    padding: 0.5rem 1rem;
-    border: 1px solid var(--bbk-color-border);
-    border-radius: var(--bbk-radius-sm);
-    background: var(--bbk-color-bg);
-    font: inherit;
-    font-weight: 600;
-    color: var(--bbk-color-muted);
-    cursor: pointer;
-    transition: background-color 0.15s ease, color 0.15s ease;
-}
-
-.bbk-checkout-tab[aria-selected="true"] {
-    background: var(--bbk-color-text);
-    border-color: var(--bbk-color-text);
-    color: var(--bbk-color-bg);
-}
-
-.bbk-checkout-tab:focus-visible {
-    outline: 2px solid var(--bbk-color-accent);
-    outline-offset: 2px;
-}
+.bbk-checkout-login-prompt a { color: inherit; font-weight: 600; }
 
 /* Fields */
 
@@ -546,6 +579,12 @@ .bbk-checkbox {
 }
 
 /* For a full-sentence label that can wrap — align the box to the first line. */
+/* "I want an invoice": company/ΑΦΜ only while ticked */
+
+.bbk-invoice { display: flex; flex-direction: column; gap: 1rem; }
+
+.bbk-invoice:not(:has(input[name="wants_invoice"]:checked)) .bbk-invoice-fields { display: none; }
+
 .bbk-checkbox--stacked {
     display: flex;
     align-items: flex-start;
@@ -765,6 +804,8 @@ .bbk-checkout-continue {
     font: inherit;
     font-weight: 600;
     text-align: center;
+    text-decoration: none;
+    box-sizing: border-box;
     cursor: pointer;
     transition: opacity 0.15s ease;
 }
@@ -882,6 +923,23 @@ .bbk-confirmation-heading {
 
 .bbk-confirmation-ref { margin: 0 0 0.25rem; }
 
+.bbk-confirmation-meta {
+    margin: 0 0 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.bbk-confirmation-meta-row {
+    display: flex;
+    justify-content: space-between;
+    gap: 1rem;
+    font-size: 0.9375rem;
+}
+
+.bbk-confirmation-meta-row dt { color: var(--bbk-color-muted); }
+.bbk-confirmation-meta-row dd { margin: 0; font-weight: 600; }
+
 .bbk-confirmation-body {
     margin: 2rem 0;
     display: grid;
@@ -899,11 +957,14 @@ .bbk-confirmation-lines {
 }
 
 .bbk-confirmation-line {
-    display: flex;
-    justify-content: space-between;
-    gap: 1rem;
+    display: grid;
+    grid-template-columns: 72px 1fr auto;
+    align-items: start;
+    gap: 0.875rem;
 }
 
+.bbk-confirmation-line-detail { min-width: 0; }
+
 .bbk-confirmation-line-qty { color: var(--bbk-color-muted); }
 
 .bbk-confirmation-lines .bbk-cart-summary { margin-top: 0.75rem; }
@@ -928,8 +989,3 @@ .bbk-address-lines {
     font-size: 0.875rem;
     color: var(--bbk-color-muted);
 }
-
-.bbk-confirmation-continue {
-    max-width: 280px;
-    text-decoration: none;
-}