/*
 * DLT/82 clipped corners, Willem 4 October 2026.
 *
 * Every pill, button, tag, badge, stepper, switch, field and card on the site
 * gets 45-degree cut corners, the look of the social posts and Reels. Rounded
 * "looks very ai" and square is not wanted either. Selected states are aqua
 * #19BECE with navy text, as in the finder Reels.
 *
 * How it works. Each element only sets --dc (the size of the cut) and, when it
 * has an outline, --dc-line (the outline colour) and --dc-w (its width).
 *  - Browsers that know `corner-shape: bevel` draw a real bevel from the radius,
 *    so borders, shadows and focus rings follow the cut.
 *  - Everything else (older Safari) gets clip-path, which slices the border off
 *    the diagonal, so the cut edge is redrawn with four small gradients in the
 *    corners in --dc-line.
 * --dc-top / --dc-bot let a component cut only the top two corners.
 *
 * The homepage deal slider (.dltdb) belongs to the side session and is already
 * clipped, so it is not listed here. Radio dots, scrollbar thumbs and the
 * header circles (images) stay round on purpose.
 *
 * "html body" in front of every list lifts these over the plugin's own
 * border-radius rules, several of which are !important.
 */

/* ── Cut sizes ─────────────────────────────────────────────────────────── */

/* Buttons. */
html body :is(
  .elementor-widget-button .elementor-button,
  .elementor-field-type-submit .elementor-button,
  .e-loop-item.product .add_to_cart_button,
  form.cart.e-loop-add-to-cart-form a.add_to_cart_button,
  .woocommerce a.button.add_to_cart_button,
  form.dlt-bundle-single .single_add_to_cart_button,
  .single_add_to_cart_button,
  .dlt-newsletter-form button,
  .dlt-res__go,
  .dlt-so__all,
  .dlt-side-cart__btn,
  .dlt-paybar__btn,
  .dlt-cobar__btn,
  .dlt-offsite__btn,
  .wc-block-cart__submit-button,
  .wc-block-components-checkout-place-order-button,
  .woocommerce-form-login__submit,
  .woocommerce-account .woocommerce-MyAccount-navigation li a,
  .dlt-acc-actions a.button,
  .dlt-acc-actions button,
  .dlt-ritual-cta,
  .dltf__add,
  .dltf__atc,
  .dltf__reset,
  #dlt-promo-tap, #dlt-gcard-tap,
  .dlt-promo-cta, .dlt-gcard-cta
) { --dc: 9px; }

/* Steppers and switches: the outer frame takes the cut, the parts inside are square. */
html body :is(
  .dlt-bundle-qty,
  .wc-block-components-quantity-selector,
  .dlt-pd-cart__qty,
  .dlt-size,
  .dltf__tabs,
  .dltf__qty
) { --dc: 8px; }
/* Steppers take a smaller cut so the + and - keep their room, and each end
   button's sign moves in from the cut edge. Willem, 4 October 2026: the 8px cut
   squashed the + on the phone shop cards. */
html body :is(.dlt-bundle-qty, .wc-block-components-quantity-selector, .dltf__qty, .dlt-pd-cart__qty) { --dc: 5px; }
/* The card add button sits beside the stepper, so it takes the same cut. The
   unused #dlt-clip-weight lifts this over the button list above, which holds ids. */
html body :is(.e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button, .dltf__add, #dlt-clip-weight) { --dc: 5px; }
html body .dlt-bundle-qty__btn:first-child,
html body .wc-block-components-quantity-selector__button--minus,
html body .dltf__qty button:first-child { padding-left: 3px !important; padding-right: 0 !important; }
html body .dlt-bundle-qty__btn:last-child,
html body .wc-block-components-quantity-selector__button--plus,
html body .dltf__qty button:last-child { padding-right: 3px !important; padding-left: 0 !important; }
html body :is(
  .dlt-size__tab,
  .dltf__tab
) { --dc: 6px; }
html body :is(
  .dlt-bundle-qty__btn,
  .wc-block-components-quantity-selector__button,
  .wc-block-components-quantity-selector__input,
  .dltf__qty button
) { border-radius: 0 !important; }

/* Pills, tags, badges, chips. */
html body :is(
  .dltf__pill,
  .dltf__tag,
  .dlt-wear,
  .dltf__wear,
  .wc-block-components-sale-badge,
  .wc-block-components-order-summary-item__quantity,
  .dlt-side-cart-trigger__count,
  .dlt-pd__ear-count,
  .dlt-bundle-per,
  .dlt-bag-nudge,
  .dlt-quiz__chip,
  .dlt-paymethods__link
) { --dc: 6px; }
html body :is(.dlt-wear--sm) { --dc: 4px; }
html body :is(span.onsale) { --dc: 12px; }

/* Round icon buttons. */
html body :is(
  .dlt-side-cart-drawer__close,
  .dlt-side-cart__remove,
  .dlt-bag-zoom__x,
  .dlt-atc__modal-close,
  .dlt-pgal__nav,
  .dltf__qx,
  .dlt-tip-close,
  #dlt-promo-close, #dlt-gcard-close,
  #dlt-review-badge .dlt-rb-close,
  .dlt-pd button.dlt-pd-cart__inc,
  .dlt-pd button.dlt-pd-cart__dec
) { --dc: 7px; }

/* Fields. */
html body :is(
  .dlt-newsletter-form input,
  .dlt-res__input,
  .dltf__q,
  .elementor-field-group .elementor-field.elementor-field-textual,
  .woocommerce-account input.input-text,
  .woocommerce-form-login input.input-text,
  .wc-block-components-text-input input,
  .wc-block-components-address-form__address_2-hidden-input,
  .dlt-pw-eye,
  .wc-blocks-components-select__container,
  .wc-blocks-components-select__select,
  .wc-block-components-textarea,
  select.orderby,
  .dlt-backorder-details,
  #dlt-promo-panel input, #dlt-gcard-panel input, #dlt-gcard-panel textarea,
  .dlt-promo-code, .dlt-gcard-code
) { --dc: 7px; }
html body :is(.wc-block-components-checkbox__input) { --dc: 4px; }

/* Cards, panels, tiles and boxes. */
html body :is(
  .dlt-legal__card,
  .woocommerce-form-login,
  .wc-block-components-radio-control__option,
  .wc-block-components-radio-control-accordion-option,
  .dlt-freeship__inner,
  .dltf__card,
  .dlt-acc__tile,
  .dlt-atc__modal-card,
  .dlt-var-modal__box,
  .woocommerce-account .woocommerce-message,
  .woocommerce-account .woocommerce-info,
  .woocommerce-account .woocommerce-error,
  .dlt-commission-account .note,
  .dlt-commission-account__stats,
  .dlt-rewards .note,
  #dlt-promo-panel, #dlt-gcard-panel,
  #dlt-promo-note, #dlt-gcard-note,
  .dlt-pd__panel,
  .dlt-sf__stage,
  /* Home page tiles that Elementor rounds at phone width. */
  .elementor-15 .elementor-element-4db5b37,
  .elementor-15 .elementor-element-3167554,
  .elementor-15 .elementor-element-cc4f18f,
  .elementor-15 .elementor-element-1815d5f,
  .elementor-15 .elementor-element-62ab32a, .elementor-15 .elementor-element-c1cbbd8, .checkout-order-summary-block-fill
) { --dc: 14px; }

/* Pictures with rounded frames. */
html body :is(
  .wp-block-woocommerce-cart .wc-block-cart-item__image img,
  .dlt-side-cart__thumb,
  .dlt-pd-cart__thumb,
  .dlt-pd-cart__thumb img,
  .dlt-res__img,
  .dlt-pgal__main,
  .elementor-15 img.swiper-slide-image,
  .elementor img.wp-image-827,
  .elementor img.wp-image-830
) { --dc: 14px; }

/* Thin progress bars. */
html body :is(.dlt-freeship--pd .dlt-freeship__track, .dlt-freeship--pd .dlt-freeship__fill) { --dc: 3px; }

/* The finder's bottom sheet sits on the bottom of a phone: top corners only. */
html body :is(.dltf__sheet) { --dc: 16px; --dc-bot: 0px; }
@media (min-width: 600px) {
  html body :is(.dltf__sheet) { --dc-bot: 16px; }
}

/* ── Outline colours (used only where corner-shape is missing) ─────────── */

html body :is(
  .elementor-element-11bddce, .elementor-element-54cfb51, .elementor-element-fccd952,
  .elementor-element-a826270, .elementor-element-0913964
) .elementor-button { --dc-line: currentColor; --dc-w: 2px; }
html body :is(.e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button) { --dc-line: #EF4136; --dc-w: 1.5px; }
html body :is(.single_add_to_cart_button) { --dc-line: #EF4136; --dc-w: 1px; }
html body :is(.dlt-bundle-qty, .wc-block-components-quantity-selector) { --dc-line: #E8336D; --dc-w: 1.5px; }
html body :is(.dltf__qty) { --dc-line: #E8336D; --dc-w: 1px; }
html body :is(.dltf__add) { --dc-line: #EF4136; --dc-w: 1px; }
html body :is(.dlt-wear, .dltf__wear, .dlt-res__go, .dlt-side-cart__btn--secondary) { --dc-line: currentColor; --dc-w: 1.5px; }
html body :is(.dlt-size) { --dc-line: #272867; --dc-w: 1.5px; }
html body :is(.dlt-wear--sm, .dltf__wear) { --dc-w: 1.2px; }
html body :is(.dlt-side-cart__btn--primary) { --dc-line: #EF4136; --dc-w: 1.5px; }
html body :is(.dltf__reset) { --dc-line: rgba(39,40,103,.18); --dc-w: 1px; }
html body :is(.dltf__q) { --dc-line: rgba(39,40,103,.16); --dc-w: 1px; }
html body :is(.dlt-res__input) { --dc-line: rgba(39,40,103,.22); --dc-w: 1.5px; }
html body :is(.dlt-newsletter-form input) { --dc-line: rgba(255,248,236,.28); --dc-w: 1px; }
html body :is(
  .elementor-field-group .elementor-field.elementor-field-textual,
  .woocommerce-account input.input-text,
  .woocommerce-form-login input.input-text,
  .wc-block-components-text-input input
) { --dc-line: #CFCBC0; --dc-w: 1px; }
html body :is(.wc-blocks-components-select__select, select.orderby, .wc-block-components-checkbox__input) { --dc-line: rgba(43,45,47,.6); --dc-w: 1px; }
html body :is(.dlt-offsite__btn) { --dc-line: rgba(41,58,145,.35); --dc-w: 1px; }
html body :is(.woocommerce-form-login) { --dc-line: rgba(41,58,145,.2); --dc-w: 1px; }
html body :is(.dlt-freeship__inner) { --dc-line: rgba(25,26,27,.16); --dc-w: 1px; }
html body :is(.dlt-legal__card) { --dc-line: #272867; --dc-w: 2px; }
html body :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) { --dc-line: #293A91; --dc-w: 1px; }
html body :is(.wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control-accordion-option--checked-option-highlighted) { --dc-line: #19BECE; --dc-w: 2px; }

/* ── The cut itself ────────────────────────────────────────────────────── */

@supports (corner-shape: bevel) {
  html body :is(
    .elementor-widget-button .elementor-button, .elementor-field-type-submit .elementor-button,
    .e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button,
    .woocommerce a.button.add_to_cart_button, .single_add_to_cart_button,
    .dlt-newsletter-form button, .dlt-res__go, .dlt-so__all, .dlt-side-cart__btn, .dlt-paybar__btn,
    .dlt-cobar__btn, .dlt-offsite__btn, .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button, .woocommerce-form-login__submit,
    .woocommerce-account .woocommerce-MyAccount-navigation li a, .dlt-acc-actions a.button,
    .dlt-acc-actions button, .dlt-ritual-cta, .dltf__add, .dltf__atc, .dltf__reset,
    #dlt-promo-tap, #dlt-gcard-tap, .dlt-promo-cta, .dlt-gcard-cta,
    .dlt-bundle-qty, .wc-block-components-quantity-selector, .dlt-pd-cart__qty, .dlt-size, .dltf__tabs,
    .dltf__qty, .dlt-size__tab, .dltf__tab,
    .dltf__pill, .dltf__tag, .dlt-wear, .dltf__wear, .wc-block-components-sale-badge,
    .wc-block-components-order-summary-item__quantity, .dlt-side-cart-trigger__count, .dlt-pd__ear-count,
    .dlt-bundle-per, .dlt-bag-nudge, .dlt-quiz__chip, .dlt-paymethods__link, span.onsale,
    .dlt-side-cart-drawer__close, .dlt-side-cart__remove, .dlt-bag-zoom__x, .dlt-atc__modal-close,
    .dlt-pgal__nav, .dltf__qx, .dlt-tip-close, #dlt-promo-close, #dlt-gcard-close,
    #dlt-review-badge .dlt-rb-close, .dlt-pd button.dlt-pd-cart__inc, .dlt-pd button.dlt-pd-cart__dec,
    .dlt-newsletter-form input, .dlt-res__input, .dltf__q,
    .elementor-field-group .elementor-field.elementor-field-textual, .woocommerce-account input.input-text,
    .woocommerce-form-login input.input-text, .wc-block-components-text-input input,
    .wc-block-components-address-form__address_2-hidden-input, .dlt-pw-eye, .wc-blocks-components-select__container, .wc-blocks-components-select__select,
    .wc-block-components-textarea, select.orderby, .dlt-backorder-details,
    #dlt-promo-panel input, #dlt-gcard-panel input, #dlt-gcard-panel textarea, .dlt-promo-code, .dlt-gcard-code,
    .wc-block-components-checkbox__input,
    .dlt-legal__card, .woocommerce-form-login, .wc-block-components-radio-control__option,
    .wc-block-components-radio-control-accordion-option, .dlt-freeship__inner, .dltf__card, .dlt-acc__tile,
    .dlt-atc__modal-card, .dlt-var-modal__box, .woocommerce-account .woocommerce-message,
    .woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-error,
    .dlt-commission-account .note, .dlt-commission-account__stats, .dlt-rewards .note,
    #dlt-promo-panel, #dlt-gcard-panel, #dlt-promo-note, #dlt-gcard-note, .dlt-pd__panel, .dlt-sf__stage,
    .elementor-15 .elementor-element-4db5b37, .elementor-15 .elementor-element-3167554,
    .elementor-15 .elementor-element-cc4f18f, .elementor-15 .elementor-element-1815d5f,
    .elementor-15 .elementor-element-62ab32a, .elementor-15 .elementor-element-c1cbbd8, .checkout-order-summary-block-fill,
    .wp-block-woocommerce-cart .wc-block-cart-item__image img, .dlt-side-cart__thumb, .dlt-pd-cart__thumb,
    .dlt-pd-cart__thumb img, .dlt-res__img, .dlt-pgal__main, .elementor-15 img.swiper-slide-image,
    .elementor img.wp-image-827, .elementor img.wp-image-830,
    .dlt-freeship--pd .dlt-freeship__track, .dlt-freeship--pd .dlt-freeship__fill,
    .dltf__sheet
  ) {
    border-radius: var(--dc-top, var(--dc)) var(--dc-top, var(--dc)) var(--dc-bot, var(--dc)) var(--dc-bot, var(--dc)) !important;
    corner-shape: bevel !important;
  }
}

@supports not (corner-shape: bevel) {
  html body :is(
    .elementor-widget-button .elementor-button, .elementor-field-type-submit .elementor-button,
    .e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button,
    .woocommerce a.button.add_to_cart_button, .single_add_to_cart_button,
    .dlt-newsletter-form button, .dlt-res__go, .dlt-so__all, .dlt-side-cart__btn, .dlt-paybar__btn,
    .dlt-cobar__btn, .dlt-offsite__btn, .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button, .woocommerce-form-login__submit,
    .woocommerce-account .woocommerce-MyAccount-navigation li a, .dlt-acc-actions a.button,
    .dlt-acc-actions button, .dlt-ritual-cta, .dltf__add, .dltf__atc, .dltf__reset,
    #dlt-promo-tap, #dlt-gcard-tap, .dlt-promo-cta, .dlt-gcard-cta,
    .dlt-bundle-qty, .wc-block-components-quantity-selector, .dlt-pd-cart__qty, .dlt-size, .dltf__tabs,
    .dltf__qty, .dlt-size__tab, .dltf__tab,
    .dltf__pill, .dltf__tag, .dlt-wear, .dltf__wear, .wc-block-components-sale-badge,
    .wc-block-components-order-summary-item__quantity, .dlt-side-cart-trigger__count, .dlt-pd__ear-count,
    .dlt-bundle-per, .dlt-bag-nudge, .dlt-quiz__chip, .dlt-paymethods__link, span.onsale,
    .dlt-side-cart-drawer__close, .dlt-side-cart__remove, .dlt-bag-zoom__x, .dlt-atc__modal-close,
    .dlt-pgal__nav, .dltf__qx, .dlt-tip-close, #dlt-promo-close, #dlt-gcard-close,
    #dlt-review-badge .dlt-rb-close, .dlt-pd button.dlt-pd-cart__inc, .dlt-pd button.dlt-pd-cart__dec,
    .dlt-newsletter-form input, .dlt-res__input, .dltf__q,
    .elementor-field-group .elementor-field.elementor-field-textual, .woocommerce-account input.input-text,
    .woocommerce-form-login input.input-text, .wc-block-components-text-input input,
    .wc-block-components-address-form__address_2-hidden-input, .dlt-pw-eye, .wc-blocks-components-select__container, .wc-blocks-components-select__select,
    .wc-block-components-textarea, select.orderby, .dlt-backorder-details,
    #dlt-promo-panel input, #dlt-gcard-panel input, #dlt-gcard-panel textarea, .dlt-promo-code, .dlt-gcard-code,
    .wc-block-components-checkbox__input,
    .dlt-legal__card, .woocommerce-form-login, .wc-block-components-radio-control__option,
    .wc-block-components-radio-control-accordion-option, .dlt-freeship__inner, .dltf__card, .dlt-acc__tile,
    .dlt-atc__modal-card, .dlt-var-modal__box, .woocommerce-account .woocommerce-message,
    .woocommerce-account .woocommerce-info, .woocommerce-account .woocommerce-error,
    .dlt-commission-account .note, .dlt-commission-account__stats, .dlt-rewards .note,
    #dlt-promo-panel, #dlt-gcard-panel, #dlt-promo-note, #dlt-gcard-note, .dlt-pd__panel, .dlt-sf__stage,
    .elementor-15 .elementor-element-4db5b37, .elementor-15 .elementor-element-3167554,
    .elementor-15 .elementor-element-cc4f18f, .elementor-15 .elementor-element-1815d5f,
    .elementor-15 .elementor-element-62ab32a, .elementor-15 .elementor-element-c1cbbd8, .checkout-order-summary-block-fill,
    .wp-block-woocommerce-cart .wc-block-cart-item__image img, .dlt-side-cart__thumb, .dlt-pd-cart__thumb,
    .dlt-pd-cart__thumb img, .dlt-res__img, .dlt-pgal__main, .elementor-15 img.swiper-slide-image,
    .elementor img.wp-image-827, .elementor img.wp-image-830,
    .dlt-freeship--pd .dlt-freeship__track, .dlt-freeship--pd .dlt-freeship__fill,
    .dltf__sheet
  ) {
    --dc-t: var(--dc-top, var(--dc));
    --dc-b: var(--dc-bot, var(--dc));
    border-radius: 0 !important;
    clip-path: polygon(
      var(--dc-t) 0, calc(100% - var(--dc-t)) 0, 100% var(--dc-t),
      100% calc(100% - var(--dc-b)), calc(100% - var(--dc-b)) 100%, var(--dc-b) 100%,
      0 calc(100% - var(--dc-b)), 0 var(--dc-t)) !important;
  }
  /* Outlined pieces. clip-path slices the border off the diagonals, so the
     border is made transparent and the whole outline is redrawn by ::after as
     one ring: the outer octagon and an inner one set in by the line width,
     filled evenodd so only the band between them shows. Fields cannot hold
     ::after, so they get four small corner gradients instead. */
  html body :is(
    .elementor-element-11bddce, .elementor-element-54cfb51, .elementor-element-fccd952,
    .elementor-element-a826270, .elementor-element-0913964
  ) .elementor-button,
  html body :is(
    .e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button,
    .single_add_to_cart_button, .dlt-bundle-qty, .wc-block-components-quantity-selector, .dltf__qty,
    .dltf__add, .dlt-size, .dlt-wear, .dltf__wear, .dlt-res__go, .dlt-side-cart__btn,
    .dltf__reset, .dlt-offsite__btn, .woocommerce-form-login, .dlt-freeship__inner, .dlt-legal__card,
    .wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option
  ) {
    border-color: transparent !important;
    box-shadow: none !important;
    position: relative;
    /* overflow:hidden would hide the ring, which sits in the border; the
       clip-path already trims the children to the cut shape. */
    overflow: visible !important;
  }
  html body :is(
    .elementor-element-11bddce, .elementor-element-54cfb51, .elementor-element-fccd952,
    .elementor-element-a826270, .elementor-element-0913964
  ) .elementor-button::after,
  html body :is(
    .e-loop-item.product .add_to_cart_button, form.cart.e-loop-add-to-cart-form a.add_to_cart_button,
    .single_add_to_cart_button, .dlt-bundle-qty, .wc-block-components-quantity-selector, .dltf__qty,
    .dltf__add, .dlt-size, .dlt-wear, .dltf__wear, .dlt-res__go, .dlt-side-cart__btn,
    .dltf__reset, .dlt-offsite__btn, .woocommerce-form-login, .dlt-freeship__inner, .dlt-legal__card,
    .wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option
  )::after {
    --o: .4142;
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: var(--dc-inset, calc(var(--dc-w) * -1)) !important;
    width: auto !important; height: auto !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important; transform: none !important;
    background: var(--dc-line) !important;
    pointer-events: none !important;
    z-index: 2;
    clip-path: polygon(evenodd,
      var(--dc-t) 0, calc(100% - var(--dc-t)) 0, 100% var(--dc-t),
      100% calc(100% - var(--dc-b)), calc(100% - var(--dc-b)) 100%, var(--dc-b) 100%,
      0 calc(100% - var(--dc-b)), 0 var(--dc-t), var(--dc-t) 0,
      calc(var(--dc-t) + var(--dc-w) * var(--o)) var(--dc-w),
      var(--dc-w) calc(var(--dc-t) + var(--dc-w) * var(--o)),
      var(--dc-w) calc(100% - var(--dc-b) - var(--dc-w) * var(--o)),
      calc(var(--dc-b) + var(--dc-w) * var(--o)) calc(100% - var(--dc-w)),
      calc(100% - var(--dc-b) - var(--dc-w) * var(--o)) calc(100% - var(--dc-w)),
      calc(100% - var(--dc-w)) calc(100% - var(--dc-b) - var(--dc-w) * var(--o)),
      calc(100% - var(--dc-w)) calc(var(--dc-t) + var(--dc-w) * var(--o)),
      calc(100% - var(--dc-t) - var(--dc-w) * var(--o)) var(--dc-w),
      calc(var(--dc-t) + var(--dc-w) * var(--o)) var(--dc-w)) !important;
  }
  /* These two draw their outline with box-shadow, not a border. */
  html body :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) { --dc-inset: 0px; }

  html body :is(
    .dltf__q, .dlt-res__input, .dlt-newsletter-form input,
    .elementor-field-group .elementor-field.elementor-field-textual, .woocommerce-account input.input-text,
    .woocommerce-form-login input.input-text, .wc-block-components-text-input input,
    .wc-blocks-components-select__select, select.orderby, .wc-block-components-checkbox__input
  ) {
    background-image:
      linear-gradient(to bottom right, transparent 50%, var(--dc-line) 50%, var(--dc-line) calc(50% + var(--dc-w) + .3px), transparent calc(50% + var(--dc-w) + .3px)),
      linear-gradient(to bottom left,  transparent 50%, var(--dc-line) 50%, var(--dc-line) calc(50% + var(--dc-w) + .3px), transparent calc(50% + var(--dc-w) + .3px)),
      linear-gradient(to top right,    transparent 50%, var(--dc-line) 50%, var(--dc-line) calc(50% + var(--dc-w) + .3px), transparent calc(50% + var(--dc-w) + .3px)),
      linear-gradient(to top left,     transparent 50%, var(--dc-line) 50%, var(--dc-line) calc(50% + var(--dc-w) + .3px), transparent calc(50% + var(--dc-w) + .3px)) !important;
    background-size: var(--dc-t) var(--dc-t), var(--dc-t) var(--dc-t), var(--dc-b) var(--dc-b), var(--dc-b) var(--dc-b) !important;
    background-position: 0 0, 100% 0, 0 100%, 100% 100% !important;
    background-repeat: no-repeat !important;
    background-origin: border-box !important;
  }
}

/* The phone shop card's add button shows only a "+" and hides its words with
   font-size 0, but their 1.4px letter spacing still took 14px and pushed the
   "+" 7px left of centre. */
@media (max-width: 767px) {
  html body :is(form.cart.e-loop-add-to-cart-form a.add_to_cart_button, .e-loop-item.product .add_to_cart_button) { letter-spacing: 0 !important; }
}

/* Pictures: corner-shape does not reach an <img>, and a picture has no outline
   to lose, so these are cut with clip-path in every browser. */
html body :is(
  .wp-block-woocommerce-cart .wc-block-cart-item__image img, .dlt-side-cart__thumb img,
  .dlt-pd-cart__thumb img, img.dlt-res__img, .elementor-15 img.swiper-slide-image,
  .elementor img.wp-image-827, .elementor img.wp-image-830
) {
  border-radius: 0 !important;
  clip-path: polygon(var(--dc) 0, calc(100% - var(--dc)) 0, 100% var(--dc), 100% calc(100% - var(--dc)),
    calc(100% - var(--dc)) 100%, var(--dc) 100%, 0 calc(100% - var(--dc)), 0 var(--dc)) !important;
}
html body :is(.dlt-side-cart__thumb img) { --dc: 12px; }

/* Focus rings sit inside the cut, so they are not sliced off by clip-path. */
html body :is(.dltf__pill, .dltf__tab, .dlt-size__tab, .dltf__add, .dltf__reset, .dlt-bundle-qty__btn):focus-visible {
  outline-offset: -3px;
}

/* ── Selected states: aqua ─────────────────────────────────────────────── */

html body .dlt-size__tab[aria-selected="true"] { background: #19BECE !important; color: #272867 !important; }
html body .dlt-size { border-color: #272867; }
html body .wc-block-components-radio-control__option--checked-option-highlighted,
html body .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  box-shadow: inset 0 0 0 2px #19BECE !important;
}

/* ── "The rest of them." on every product page (template 172, loop grid 9dfe152),
   Willem via the main session, 4 October 2026: one row of five on desktop,
   two by two on tablet and phone. Six cards load, so the extras are hidden. ── */
@media (min-width: 1025px) {
  html body .elementor-element-9dfe152 .elementor-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
  html body .elementor-element-9dfe152 .elementor-grid > :nth-child(n+6 of .e-loop-item) { display: none !important; }
}
@media (max-width: 1024px) {
  html body .elementor-element-9dfe152 .elementor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body .elementor-element-9dfe152 .elementor-grid > :nth-child(n+5 of .e-loop-item) { display: none !important; }
}