/* Restock Alerts and Preorder by Clivo */
/* Sold-out sizes made selectable again on the products with the alert: they keep the theme's sold-out look. */
.clivorestock-selectable, .clivorestock-selectable * { pointer-events: auto !important; cursor: pointer !important; }
.clivorestock { margin: 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, .15); }
.clivorestock__title { margin: 0 0 .25rem; font-weight: 600; }
.clivorestock__text { margin: 0 0 .75rem; }
.clivorestock__email { width: 100%; margin-bottom: .75rem; }
.clivorestock__consent { display: flex; gap: .5rem; align-items: flex-start; margin: 0 0 .75rem; font-size: .875em; font-weight: 400; cursor: pointer; }
.clivorestock__consent input { margin-top: .2em; flex: 0 0 auto; }
.clivorestock__consent a { text-decoration: underline; }
.clivorestock__button { width: 100%; }
.clivorestock__button[disabled] { opacity: .5; cursor: not-allowed; }
.clivorestock__message { margin: .75rem 0 0; }
.clivorestock__message:empty { display: none; }
.clivorestock__message--error { color: #b00020; }
.clivorestock__done { margin: 0; }
/* Pre-order: the sold-out sizes that can be bought get their own frame colour and lose the sold-out look
   (a red X and faded label would say "not available", the opposite of the truth). The colour comes from the
   module settings through the --clivorestock-preorder-color variable. */
.clivorestock-preorder { opacity: 1 !important; }
.clivorestock-preorder::after { content: none !important; }
.clivorestock-preorder > span, .clivorestock-preorder > span * { opacity: 1 !important; }
.clivorestock-preorder > span { border-color: var(--clivorestock-preorder-color, #F5C400) !important; box-shadow: inset 0 0 0 1px var(--clivorestock-preorder-color, #F5C400); }
.clivorestock-preorder-note { margin: .75rem 0 0; padding: .6rem .8rem; border-left: 3px solid var(--clivorestock-preorder-color, #F5C400); background: rgba(0, 0, 0, .03); }
/* Cart and checkout: the same message on the lines on pre-order, under the size and colour. */
.clivorestock-preorder-note--cart { margin: .5rem 0 0; padding: .35rem .6rem; font-size: .875em; font-weight: 400; line-height: 1.35; text-align: left; white-space: normal; }