/* Custom Baby Girl on every store: the builder's buttons wear the page's baby pink.
   Mark, 2026-09-24: "on the baby girl builder all of the buttons should be baby pink like on the page".
   An explicit product-scope Appearance override (Custom-Product-Appearance-Requirements.md, "Explicit Appearance
   overrides only": explicit product override, then explicit website override, then the active Shopify theme) for
   the controls only: navigation and back buttons, category tabs, price sort, extras chips, the add-ons dialog's
   buttons, the AI greeting's buttons, and the progress bar and customer bubble so no Baby Boy blue is left beside
   them. Everything else keeps inheriting: fonts, text and heading colours come from each store's own approved
   appearance (boot.mjs, /api/appearance-resolved). The pinks are the page's own — the Baby Boy hero pill's blue
   through babyPinkPalette (configured-basket/baby-reference.mjs): #f8dce6 fill, #d994ae edge, #63364a lettering,
   #eab2c7 hover, #934564 accent, #fff3f7 and #f0d3de tints — the same values Vancouver's own Baby Girl builder
   shows. Declared in configuration.json (appearanceOverride); index.html links this sheet after theme.css so it
   wins. Nothing of Vancouver's baby-pink-theme.css beyond the control colours: no :root tokens, no fonts, no body
   background, no layout. The yellow carousel and navigation arrows are an owner-selected high-visibility choice
   in theme.css and stay as they are. */

/* Navigation: Continue, Back, Review, Confirm, Edit, the delivery-date button. */
#cba35 :is([data-next],[data-back],.cba35-next,.cba35-back,#cba35-review,#cba35-confirm,#cba35-edit,.selectDeliveryDateCustomBasket) {background:#f8dce6!important;color:#63364a!important;border:1px solid #d994ae!important;border-radius:22px!important;}
#cba35 :is([data-back],.cba35-back,#cba35-edit) {background:#f8dce6!important;color:#63364a!important;}
#cba35 :is([data-next],[data-back],.cba35-next,.cba35-back,#cba35-review,#cba35-confirm,#cba35-edit,.selectDeliveryDateCustomBasket):hover {background:#eab2c7!important;color:#63364a!important;border-color:#934564!important;filter:none;}
#cba35 :is(button,input,select,textarea):focus-visible {outline:2px solid #934564!important;outline-offset:3px;}
#cba35 input {accent-color:#934564;}
#cba35 .price-range {--accent:#934564;}

/* Progress bar. */
#wrapper-custom-widget #cba35 .cba35-progress {background:#fff3f7!important;border:1px solid #f0d3de;}
#cba35 .cba35-progress .label {color:#75445a!important;}
#cba35 .cba35-progress .icon {background:#fff!important;}
#cba35 .cba35-progress .icon svg {stroke:#934564!important;}
#cba35 .cba35-progress .progress-wrapper::before {background:#f0d3de!important;}
#cba35 .cba35-progress .progress-line-fill {background:#eab2c7!important;}
#cba35 .cba35-progress .step.active .icon {background:#f8dce6!important;border-color:#d994ae!important;box-shadow:0 0 0 3px #d994ae!important;}
#cba35 .cba35-progress .step.completed .icon {background:#efc4d4!important;border-color:#eab2c7!important;}

/* Category tabs in the builder. */
#cba35 .cba35-category-tab {border:1px solid #eab2c7!important;border-radius:19px!important;background:#fff!important;color:#75445a!important;}
#cba35 .cba35-category-tab:hover,#cba35 .cba35-category-tab.activeOption,#cba35 .cba35-category-tab[aria-selected="true"] {background:#f8dce6!important;color:#63364a!important;border-color:#d994ae!important;}

/* The add-ons dialog is mounted outside #cba35. */
#gsAddOnsModal .gs__modal-header {background:#fff3f7;}
#gsAddOnsModal .buttonAddToCartAddon, #gsAddOnsModal .gs__modal-footer button {background:#f8dce6!important;color:#63364a!important;border:1px solid #d994ae!important;border-radius:22px!important;}
#gsAddOnsModal .buttonAddToCartAddon:hover, #gsAddOnsModal .gs__modal-footer button:hover {background:#eab2c7!important;color:#63364a!important;border-color:#934564!important;}
#gsAddOnsModal .buttonAddToCartAddon.added {background:#efc4d4!important;border-color:#934564!important;}
#gsAddOnsModal .addToCart, #gsAddOnsModal .addToCartButton {color:#63364a!important;}
#gsAddOnsModal .cba35-category-tab {border:1px solid #eab2c7!important;border-radius:18px!important;background:#fff!important;color:#75445a!important;}
#gsAddOnsModal .cba35-category-tab:hover {background:#fff3f7!important;border-color:#d994ae!important;color:#63364a!important;}
#gsAddOnsModal .cba35-category-tab.activeOption,#gsAddOnsModal .cba35-category-tab[aria-selected="true"] {background:#f8dce6!important;border-color:#d994ae!important;color:#63364a!important;}
#gsAddOnsModal .cba35-price-sort {border:1px solid #eab2c7!important;border-radius:18px!important;background:#fff!important;color:#75445a!important;}
#gsAddOnsModal .cba35-price-sort:hover {background:#fff3f7!important;border-color:#d994ae!important;color:#63364a!important;}
#gsAddOnsModal .cba35-price-sort.activeOption,#gsAddOnsModal .cba35-price-sort[aria-pressed="true"] {background:#f8dce6!important;border-color:#d994ae!important;color:#63364a!important;}
#gsAddOnsModal .gs__modal-footer button.buttonSaveSelectedAddOns {background:#f8dce6!important;color:#63364a!important;border:1px solid #d994ae!important;border-radius:22px!important;}
#gsAddOnsModal .gs__modal-footer button.buttonSaveSelectedAddOns:hover {background:#eab2c7!important;color:#63364a!important;border-color:#934564!important;}

/* Extras chips. */
#cba35 .cba35-extras-step .optionUlFlatFlow li {border:1px solid #eab2c7!important;border-radius:18px!important;background:#fff!important;color:#75445a!important;}
#cba35 .cba35-extras-step .optionUlFlatFlow li:hover,#cba35 .cba35-extras-step .optionUlFlatFlow li.activeSelectedOption {background:#f8dce6!important;color:#63364a!important;border-color:#d994ae!important;}

/* The recipient step's back link and the builder's dialogs. */
#cba35 #recipient_navigation [data-backrecipient] {border:1px solid #d994ae!important;border-radius:22px!important;background:#f8dce6!important;color:#63364a!important;}
#cba35 #recipient_navigation [data-backrecipient]:hover {background:#eab2c7!important;border-color:#934564!important;color:#63364a!important;}
dialog button {background:#f8dce6!important;color:#63364a!important;border:1px solid #d994ae!important;border-radius:22px!important;}
dialog button:hover {background:#eab2c7!important;border-color:#934564!important;}

/* The AI greeting card's buttons and the customer's bubble. */
#cba35 .cw-conversation-turn.is-customer {background:#fff3f7!important;}
#cba35 .cw-greeting-ai button {border:1px solid #d994ae!important;border-radius:22px!important;background:#f8dce6!important;color:#63364a!important;}
#cba35 .cw-greeting-ai button:hover {background:#eab2c7!important;border-color:#934564!important;color:#63364a!important;}