/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

#PopupAutoComplete {
  &[resultstyles~="autofill"] {
    min-width: 150px !important;
  }

  > richlistbox > richlistitem {
    &[originaltype="autofill"] {
      display: block;
      margin: 0;
      padding: 0;
      height: auto;
      min-height: auto;

      /* Treat @collpased="true" as display: none similar to how it is for XUL elements.
      * https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#Values */
      &[collapsed="true"] {
        display: none;
      }
    }

    &[disabled="true"] {
      opacity: 0.5;
    }
  }
}

/* Form Autofill Doorhanger */

#autofill-address-notification popupnotificationcontent > .desc-message-box,
#autofill-credit-card-notification popupnotificationcontent > .desc-message-box {
  margin-block-end: 12px;
}

#autofill-credit-card-notification popupnotificationcontent > .desc-message-box > image {
  -moz-context-properties: fill;
  fill: currentColor;
  width: auto;
  height: auto;
  list-style-image: url(chrome://formautofill/content/icon-credit-card-generic.svg);
}

#autofill-address-notification popupnotificationcontent > .desc-message-box > description,
#autofill-address-notification popupnotificationcontent > .desc-message-box > additional-description,
#autofill-credit-card-notification popupnotificationcontent > .desc-message-box > description {
  font-style: italic;
  margin-inline-start: 4px;
}