/*!
 * DOOF - Dropdown Options Organizer Fieldforms - storefront styles v0.3.0
 * Copyright (c) 2026 Macado Developments. All rights reserved.
 *
 * Default look ("Clean"): the same design as the Sunstone stencil customizer - Montserrat, near-black text,
 * white boxes with a thin warm border and 4px corners, black when chosen, the store orange for ticks and the
 * upload button, muted help text. Sizes in px, so themes that change the root font size (Dawn) don't shift it.
 *
 * "Copy the theme" look: doof.js reads the theme's own option label and dropdown and sets the
 * --doof-label-* / --doof-control-* variables on <doof-form>; every rule below falls back to the Clean value.
 *
 * The section sets: --doof-accent (orange), --doof-error, --doof-radius (box corners), --doof-swatch-size.
 */doof-form{--doof-font: "Montserrat", "Helvetica Neue", Arial, sans-serif;--doof-fg: #121212;--doof-text: rgba(18, 18, 18, .86);--doof-muted: #625d57;--doof-line: #ebe5de;--doof-field-line: #cfc8c0;--doof-field-bg: #ffffff;--doof-soft: #f8f5f1;--doof-sel-bg: #121212;--doof-sel-fg: #ffffff;--doof-swatch-size: 36px;--doof-error: #c62828;--doof-ink: var(--doof-label-color, var(--doof-fg));--doof-orange: var(--doof-accent, #d15400);--doof-box-border: var(--doof-control-border, inset 0 0 0 1px var(--doof-field-line));--doof-box-radius: var(--doof-control-radius, var(--doof-radius, 4px));--doof-box-height: var(--doof-control-height, 46px);--doof-box-pad: var(--doof-control-padding, 13px);--doof-box-font: var(--doof-control-font-family, var(--doof-font));--doof-box-size: var(--doof-control-font-size, 16px);--doof-box-color: var(--doof-control-color, var(--doof-fg));display:block;margin:0 0 var(--doof-field-gap, 18px)}doof-form>script{display:none}.doof{max-width:var(--doof-max-width, 100%);font-family:var(--doof-box-font);font-size:16px;line-height:1.5;letter-spacing:.01em;color:var(--doof-text);text-align:left;-webkit-font-smoothing:antialiased}.doof *,.doof *:before,.doof *:after{box-sizing:border-box}.doof [hidden]{display:none!important}.doof__heading{margin:0 0 14px;font:600 14.5px/1.4 var(--doof-label-font-family, var(--doof-font));color:var(--doof-ink)}.doof__fields{display:flex;flex-wrap:wrap;gap:var(--doof-field-gap, 16px) 12px}.doof-field{flex:1 1 100%;min-width:0}.doof-field--half{flex:1 1 calc(50% - 6px)}@media(max-width:480px){.doof-field--half{flex-basis:100%}}.doof-fieldset{border:0;margin:0;padding:0;min-width:0}.doof-label{display:block;padding:0;margin:0 0 var(--doof-label-gap, 6px);font-family:var(--doof-label-font-family, var(--doof-font));font-size:var(--doof-label-font-size, 14.5px);font-weight:var(--doof-label-font-weight, 600);letter-spacing:var(--doof-label-letter-spacing, .01em);text-transform:var(--doof-label-transform, none);line-height:var(--doof-label-line-height, 1.4);color:var(--doof-ink)}.doof-required{color:var(--doof-orange);font-weight:600}.doof-selected{font-weight:400;color:var(--doof-muted)}.doof-input,.doof-select,.doof-textarea{display:block;width:100%;min-width:0;min-height:var(--doof-box-height);margin:0;padding:0 var(--doof-box-pad);font-family:var(--doof-box-font);font-size:var(--doof-box-size);font-weight:400;letter-spacing:var(--doof-control-letter-spacing, .01em);line-height:1.4;color:var(--doof-box-color);background:var(--doof-control-bg, var(--doof-field-bg));border:0;border-radius:var(--doof-box-radius);box-shadow:var(--doof-box-border);outline:0;appearance:none;-webkit-appearance:none;transition:box-shadow .15s ease}.doof-input{height:var(--doof-box-height)}.doof-textarea{min-height:76px;padding-top:11px;padding-bottom:11px;line-height:1.45;resize:vertical}.doof-input::placeholder,.doof-textarea::placeholder{color:var(--doof-muted);opacity:1}.doof-input[type=date]{min-width:0}.doof-input[type=color]{width:64px;padding:4px}.doof-input:focus,.doof-select:focus,.doof-textarea:focus{box-shadow:inset 0 0 0 1px var(--doof-ink),0 0 0 1px var(--doof-ink)}.doof-select-wrap{position:relative}.doof-select{cursor:pointer;padding-right:calc(var(--doof-box-pad) + 26px);text-overflow:ellipsis}.doof-select option{color:#121212;background:#fff}.doof-select__caret{position:absolute;top:50%;right:var(--doof-box-pad);display:flex;width:12px;height:8px;transform:translateY(-50%);color:var(--doof-box-color);pointer-events:none}.doof-select__caret svg{display:block;width:100%;height:100%}.doof-select__caret--drawn:before{content:"";width:7px;height:7px;margin:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-30%) rotate(45deg)}.doof-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.doof-file__input{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0}.doof-file__button{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;padding:14px 16px;font:600 15px/1.25 var(--doof-font);letter-spacing:.03em;color:#fff;background:var(--doof-orange);border:0;border-radius:5px;cursor:pointer;text-align:center;transition:filter .15s ease}.doof-file__button:hover{filter:brightness(.88)}.doof-file__input:focus-visible+.doof-file__button{outline:2px solid var(--doof-orange);outline-offset:2px}.doof-file__icon{display:flex}.doof-file__preview{grid-column:1;width:52px;height:52px;object-fit:cover;border-radius:var(--doof-box-radius);box-shadow:inset 0 0 0 1px var(--doof-line)}.doof-file__name{grid-column:2;min-width:0;font-size:14px;color:var(--doof-muted);overflow-wrap:anywhere}.doof-file__remove{grid-column:3;padding:0;font:600 14px var(--doof-font);color:var(--doof-fg);text-decoration:underline;text-underline-offset:3px;background:none;border:0;cursor:pointer}.doof-choices{display:flex;flex-wrap:wrap;gap:8px}.doof-choices--radio,.doof-choices--checkbox-group{flex-direction:column;gap:8px}.doof-choice{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:15px;color:var(--doof-fg)}.doof-choice__input{margin:0;accent-color:var(--doof-orange);width:16px;height:16px;flex:none}.doof-choices--buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.doof-choices--buttons .doof-choice,.doof-choices--buttons .doof-choice__label{width:100%}.doof-choices--buttons .doof-choice__input,.doof-choices--color-swatch .doof-choice__input,.doof-choices--image-swatch .doof-choice__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.doof-choices--buttons .doof-choice__label{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;font:500 15px/1.25 var(--doof-font);letter-spacing:.01em;text-align:center;color:var(--doof-fg);background:var(--doof-field-bg);border:1px solid var(--doof-field-line);border-radius:5px;transition:border-color .15s,background .15s}.doof-choices--buttons .doof-choice:hover .doof-choice__label{border-color:var(--doof-fg)}.doof-choices--buttons .doof-choice__input:checked+.doof-choice__label{color:var(--doof-sel-fg);background:var(--doof-sel-bg);border-color:var(--doof-sel-bg)}.doof-choices--color-swatch .doof-choice__label,.doof-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.doof-choice__swatch{display:block;width:var(--doof-swatch-size);height:var(--doof-swatch-size);border-radius:50%;background:var(--doof-swatch, #ddd);box-shadow:inset 0 0 0 1px #00000026;overflow:hidden}.doof-choice__swatch img{width:100%;height:100%;object-fit:cover;display:block}.doof-choices--color-swatch .doof-choice{padding:3px;border-radius:50%;border:2px solid transparent}.doof-choices--color-swatch .doof-choice:has(.doof-choice__input:checked){border-color:var(--doof-fg)}.doof-choices--image-swatch .doof-choice{flex-direction:column;gap:6px;width:calc(var(--doof-swatch-size) * 2);text-align:center;font-size:13px}.doof-choice__image{display:block;width:100%;aspect-ratio:1;border-radius:5px;border:1px solid var(--doof-line);overflow:hidden}.doof-choice__image img{width:100%;height:100%;object-fit:cover;display:block}.doof-choice__image .doof-choice__swatch{width:100%;height:100%;border-radius:0}.doof-choices--image-swatch .doof-choice__input:checked+.doof-choice__image{border-color:var(--doof-fg);box-shadow:0 0 0 1px var(--doof-fg)}.doof-choices--buttons .doof-choice__input:focus-visible+.doof-choice__label,.doof-choices--color-swatch .doof-choice__input:focus-visible+.doof-choice__swatch,.doof-choices--image-swatch .doof-choice__input:focus-visible+.doof-choice__image,.doof-check__input:focus-visible,.doof-choice__input:focus-visible,.doof-file__remove:focus-visible{outline:2px solid var(--doof-orange);outline-offset:2px}.doof-check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:15px;line-height:1.5;color:var(--doof-text)}.doof-check__input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--doof-orange);flex:none;cursor:pointer}.doof-field--checkbox .doof-fieldset>.doof-check:first-child .doof-check__label{font-family:var(--doof-label-font-family, var(--doof-font));font-size:var(--doof-label-font-size, 14.5px);font-weight:var(--doof-label-font-weight, 600);color:var(--doof-ink)}.doof-help,.doof-price-note,.doof-counter,.doof-error{margin:6px 0 0;font-size:14px;line-height:1.5}.doof-help,.doof-price-note,.doof-counter{color:var(--doof-muted)}.doof-counter{display:block;text-align:right;font-variant-numeric:tabular-nums}.doof-error{color:var(--doof-error)}.doof-field--invalid .doof-input,.doof-field--invalid .doof-select,.doof-field--invalid .doof-textarea{box-shadow:inset 0 0 0 1px var(--doof-error)}.doof-heading{margin:4px 0 0;font:600 14.5px/1.4 var(--doof-label-font-family, var(--doof-font));color:var(--doof-ink)}.doof-paragraph{font-size:15px;color:var(--doof-text)}.doof-paragraph>:first-child{margin-top:0}.doof-paragraph>:last-child{margin-bottom:0}.doof-divider{border:0;border-top:1px solid var(--doof-line);margin:2px 0}.doof-summary{margin-top:var(--doof-field-gap, 16px);padding:14px 16px;font-size:15px;color:var(--doof-text);background:var(--doof-soft);border:1px solid var(--doof-line);border-radius:10px}.doof-summary__total{display:flex;justify-content:space-between;gap:12px;margin:0;font-weight:600;color:var(--doof-fg)}.doof-summary__items{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--doof-muted)}.doof-buy-error{margin-top:var(--doof-field-gap, 14px)}.doof-notice{margin:6px 0;padding:8px 11px;font-size:13px;border-left:3px solid #e0a800;background:#e0a8001f}
/*# sourceMappingURL=/cdn/shop/t/6/assets/doof.css.map */