/*
 * Small corrections to the mirrored page.
 * ---------------------------------------------------------------------------
 * Loaded last on the product page, so it only has to state what is wrong.
 */

/*
 * PageFly accordion: a second, empty .pf-accordion-wrapper carrying a baked-in
 * height is left between an accordion's title and its content — 299px in the
 * "לענה" item, which reads as a large gap between the heading and its text. The
 * wrapper has no children at all, so hiding it removes the gap and cannot hide
 * anything else. The real content sits in its own wrapper, which is untouched.
 */
.pf-accordion-wrapper:empty {
  display: none !important;
}

/*
 * Checkout: the purchase button ("שליחת ההזמנה").
 *
 * store.css fills .btn with --accent, and --accent defaults to --ink, so the
 * primary action came out near-black. Re-pointing the custom properties on the
 * button itself makes it the brand blue — #4770DB, the same blue the product
 * page uses for its own buttons — rather than restating background, border and
 * colour by hand. Because .btn still reads the same variables, its hover
 * (fill drops to the surface, text takes the accent) and its :disabled opacity
 * keep working unchanged.
 */
#submit-order {
  --accent: #4770DB;
  --accent-ink: #ffffff;
}

/*
 * Cart drawer: a bundle gift belongs to the product above it.
 *
 * The drawer renders a gift with no quantity stepper and no X (see
 * aloeteva-cart.js) — it is exactly one and is not the shopper's to change. All
 * that is left is to say so. Three cues, none of which change the numbers:
 *
 *   · a "מתנה" chip beside the name explains the missing controls
 *   · the line is indented from the start edge
 *   · a connector line on that edge ties it back to the product that unlocked it
 *
 * `padding-inline-start` and `inset-inline-start` are used rather than their
 * right-hand equivalents so this stays correct if the drawer direction changes.
 * The value struck through beside the zero is untouched, so the gift still shows
 * what it is worth.
 */
.aloeteva-cart-item__title-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  min-width: 0;
}

.aloeteva-cart-item__gift-tag {
  flex: none;
  padding: 0.05em 0.6em;
  border-radius: 999px;
  background: rgba(var(--aloeteva-cart-line-items-text), 0.07);
  color: rgba(var(--aloeteva-cart-line-items-text), 0.72);
  font-size: calc(var(--aloeteva-cart-spacing-xs) * 0.82 * var(--aloeteva-cart-font-size-scale));
  line-height: 1.7;
  white-space: nowrap;
}

.aloeteva-cart-item--gift {
  position: relative;
  padding-inline-start: calc(var(--aloeteva-cart-spacing-m) + 26px);
}

.aloeteva-cart-item--gift::before {
  content: "";
  position: absolute;
  inset-inline-start: calc(var(--aloeteva-cart-spacing-m) + 10px);
  inset-block: 0;
  width: 2px;
  border-radius: 2px;
  background: rgba(var(--aloeteva-cart-border-divider), 1);
}