/* Favorite sign-up (static/js/favorite-signup.js): the existing profile editors, opened from a heart. Only while
 * data-favorite-intent is set; the optional delivery address is left out because favorites only need name, phone and
 * email (it stays available from the normal profile and checkout). */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #desktopProfileAddressFields {
    display: none !important;
  }

  /* "Eerder besteld? Gegevens ophalen": same link as the touch sheet; the real lookup panel opens under it. */
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] .favorite-signup-lookup {
    margin: 0 0 18px;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] .favorite-signup-lookup-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    margin: -8px 0 0;
    padding: 8px 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--site-accent-text, #b93830);
    font: inherit;
    font-size: 14px;
    font-weight: 650;
    cursor: pointer;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] .favorite-signup-lookup-link[aria-expanded="true"] svg {
    transform: rotate(90deg);
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] .favorite-signup-lookup-link svg {
    flex: none;
    width: 18px;
    height: 18px;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] .favorite-signup-lookup-link:focus-visible {
    outline: 2px solid var(--site-focus, #b93830);
    outline-offset: 2px;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupPanel {
    display: block;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupPanel .customer-lookup-copy {
    display: none !important;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupPanel .customer-lookup-row {
    display: flex !important;
    gap: 10px;
    align-items: stretch;
    margin: 0;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupButton {
    flex: none;
    min-height: 46px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid var(--site-line, #e4e5dd) !important;
    border-radius: 10px !important;
    background: var(--site-surface, #fff) !important;
    color: var(--site-ink, #242a26) !important;
    font: inherit;
    font-size: 15px !important;
    font-weight: 600;
    cursor: pointer;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupEmail {
    flex: 1 1 auto;
    min-height: 46px;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid var(--site-line, #e4e5dd) !important;
    border-radius: 10px !important;
    background: var(--site-canvas, #f7f6f2) !important;
    color: var(--site-ink, #242a26) !important;
    -webkit-text-fill-color: var(--site-ink, #242a26);
    font-size: 15px !important;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupEmail::placeholder {
    color: var(--site-muted, #62695f);
    -webkit-text-fill-color: var(--site-muted, #62695f);
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupStatus {
    margin: 8px 0 0 !important;
    color: var(--site-muted, #62695f) !important;
    font-size: 14px !important;
    line-height: 20px;
    text-align: left !important;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupStatus.is-error {
    color: var(--site-accent-text, #b93830) !important;
  }
  body[data-layout="desktop"] #desktopProfileDialog[data-favorite-intent] #customerLookupStatus:empty {
    display: none;
  }
}

body:is([data-layout="mobile"], [data-layout="portrait"]) #customerDetailsModal[data-favorite-intent] #touchDeliveryAddress {
  display: none !important;
}

body:is([data-layout="mobile"], [data-layout="portrait"]) #customerDetailsModal[data-favorite-intent] .favorite-signup-intro {
  margin: 0 0 14px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--touch-muted, #62695f);
}

html[data-nova-public][data-theme="dark"] body:is([data-layout="mobile"], [data-layout="portrait"]) #customerDetailsModal[data-favorite-intent] .favorite-signup-intro {
  color: var(--site-muted, #b9bcb0);
}