/* 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/. */

/* ===== global.css =====================================================
  == Styles that apply everywhere.
  ======================================================================= */

@import url("chrome://global/skin/global-shared.css");

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

@media (prefers-contrast) {
  :root {
    /* In high-contrast mode on Windows, ThreeDLightShadow provides more
       contrast than ThreeDShadow. See bug 1022564. */
    --panel-border-color: ThreeDLightShadow;
  }
}

/* ::::: Alert icons :::::*/

.message-icon,
.alert-dialog #infoIcon,
.alert-icon,
.error-icon,
.question-icon {
  width: 32px;
  height: 32px;
  -moz-context-properties: fill;
  fill: currentColor;
}

.message-icon {
  list-style-image: url("chrome://global/skin/icons/info.svg");
}

.alert-dialog #infoIcon,
.alert-icon {
  list-style-image: url("chrome://global/skin/icons/warning.svg");
  fill: #ffa436;
}

.error-icon {
  list-style-image: url("chrome://global/skin/icons/error.svg");
  fill: #e22850;
}

.question-icon {
  list-style-image: url("chrome://global/skin/icons/help.svg");
  -moz-context-properties: fill, fill-opacity;
  fill-opacity: 0.8;
}

/* XXX(ntim): [mode="text"] is only used by comm-central */

xul|toolbar[mode="text"] .toolbarbutton-text {
  padding: 0 !important;
  margin: 3px 5px !important;
}

/* Separators */

xul|separator:not([orient="vertical"]) {
  height: 1.5em;
}
xul|separator[orient="vertical"] {
  width: 1.5em;
}

xul|separator.thin:not([orient="vertical"]) {
  height: 0.5em;
}
xul|separator.thin[orient="vertical"] {
  width: 0.5em;
}

xul|separator.groove:not([orient="vertical"]) {
  border-top: 1px solid ThreeDShadow;
  border-bottom: 1px solid ThreeDHighlight;
  height: 0;
  margin-block: 0.4em;
}
xul|separator.groove[orient="vertical"] {
  border-left: 1px solid ThreeDShadow;
  border-right: 1px solid ThreeDHighlight;
  width: 0;
  margin-inline: 0.4em;
}

/* Content select */

#ContentSelectDropdown > menupopup {
  font: -moz-list;

  > menucaption,
  > menuitem {
    padding: 0 6px;
    border-width: 0;

    > .menu-text {
      /* Padding should follow the 4/12 ratio, where 12px is the default font-size
         with 4px being the preferred padding size. */
      padding-block: 0.3333em;
    }
  }

  > menucaption > .menu-text {
    font-weight: var(--font-weight-bold);
  }

  > menuitem[_moz-menuactive="true"][disabled] {
    color: GrayText;
    background-color: unset;
  }

  > menuitem[indented] > .menu-text {
    padding-inline-start: 20px;
  }

  > menucaption[disabled] {
    color: GrayText;
  }
}

#ContentSelectDropdown > .isOpenedViaTouch > menucaption > .menu-text,
#ContentSelectDropdown > .isOpenedViaTouch > menuitem > .menu-text {
  /* Touch padding should follow the 11/12 ratio, where 12px is the default
     font-size with 11px being the preferred padding size. */
  padding-block: 0.9167em;
}
