/*
 * File: assets/css/autoship.css, the Subscribe & Save styles of the shop pages.
 * Purpose: places the Deliver once or Subscribe & Save picker in the product page buy row and sizes the interval
 * select of a cart line, the Every N days line of the drawer and the sign-in line, on the pill, field and total row
 * styles of style.css.
 * Defines: the classes as-pick, as-every, as-note, as-line, as-every-line and as-sign-in
 * Doc: docs/notes/client-sites/andreasmasterpiece.com/assets/css/autoship.css.md
 */

/* The picker takes a whole line of the wrapping pd-buy row, between the quantity and Add to cart. */
.as-pick{flex:1 1 100%;min-width:0;margin:2px 0}
.as-pick .opt-pill i{margin-right:4px}
.as-every{max-width:320px;margin:14px 0 0}
.as-note{margin:12px 0 0;font-family:var(--ui);font-size:.9375rem;color:var(--ink)}
.as-note a,.as-sign-in a{color:var(--ink);font-weight:600;text-decoration:underline}

/* A cart line select keeps the width of its longest option, under the unit price. */
.as-line{margin:8px 0 0}
.as-line select{width:auto;max-width:100%;padding:7px 10px;font-size:.875rem}

.as-every-line i,.as-sign-in i{color:var(--olive-deep);margin-right:4px}
.as-sign-in{margin:12px 0 14px;font-family:var(--ui);font-size:.875rem;color:var(--ink)}