/**
 * ADOBE CONFIDENTIAL
 * ___________________
 *
 * Copyright 2020 Adobe
 * All Rights Reserved.
 *
 * NOTICE: All information contained herein is, and remains
 * the property of Adobe and its suppliers, if any. The intellectual
 * and technical concepts contained herein are proprietary to Adobe
 * and its suppliers and are protected by all applicable intellectual
 * property laws, including trade secret and copyright laws.
 * Dissemination of this information or reproduction of this material
 * is strictly forbidden unless prior written permission is obtained
 * from Adobe.
 */

/* Override styles applicable to all themes of Illustrator */

/** 
  Set global font size overrides to match host app
  As requested, duplicates logic from 
  https://git.corp.adobe.com/CCX/ccx-timeline/blob/develop/src/hosts/ILST/index.scss
**/

:root {
  --ccx-ss-ilst-font-size-md: 12px;
  --ccx-ss-ilst-font-size-lg: 14px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/** Set background colors for default user SVG override **/
#ccx-ss-spectrum-provider .dark-theme {
  --ccx-share-sheet-background-color-1: #535353;
  --ccx-share-sheet-background-color-2: #454545;
  --ccx-share-sheet-background-button-primary: #e3e3e3;
}

#ccx-ss-spectrum-provider .darkest-theme {
  --ccx-share-sheet-background-color-1: #323232;
  --ccx-share-sheet-background-color-2: #3e3e3e;
  --ccx-share-sheet-background-button-primary: #c8c8c8;
}

#ccx-ss-spectrum-provider .light-theme {
  --ccx-share-sheet-background-color-1: #b9b9b9;
  --ccx-share-sheet-background-color-2: #dfdfdf;
  --ccx-share-sheet-text-color-4: #454545;
  --ccx-share-sheet-background-button-primary: #4b4b4b;
}

#ccx-ss-spectrum-provider .lightest-theme {
  --ccx-share-sheet-background-color-1: #f0f0f0;
  --ccx-share-sheet-background-color-2: #fcfcfc;
  --ccx-share-sheet-background-button-primary: #505050;
}

#ccx-ss-spectrum-provider,
.ccx-ss-dialog,
#ccx-ss-spectrum-provider #ccx-ss-invite-saving-view,
#ccx-ss-spectrum-provider #ccx-ss-invite-save-view {
  height: 100vh;
  width: 100vw;
}

#ccx-ss-spectrum-provider #ccx-ss-invite-save-view h3 {
  padding-bottom: 10px;
}

#ccx-ss-spectrum-provider #ccx-ss-invite-save-view p {
  line-height: 1.75;
}

/** Remove Sharesheet overrides to allow host CSS settings **/
#ccx-ss-spectrum-provider .ccx-ss-invite-wrapper,
#ccx-ss-spectrum-provider #ccx-ss-invite,
#ccx-ss-spectrum-provider #ccx-ss-invite-save-view,
#ccx-ss-spectrum-provider #ccx-ss-invite-saving-view,
#ccx-ss-spectrum-provider .ccx-ss-generic-confirmation,
#ccx-ss-spectrum-provider #ccx-ss-offline,
#ccx-ss-spectrum-provider #ccx-ss-invite-loader,
#ccx-ss-spectrum-provider > div.ccx-ss-dialog {
  background: inherit;
  background-color: inherit;
  color: inherit;
}

/** Apply size and color overrides where needed **/
.ccx-ss-user-card-group-image,
.ccx-ss-user-card-image-container {
  height: 24px !important;
  width: 24px !important;
}

.ccx-ss-user-card-image-container {
  background: var(--ccx-share-sheet-background-color-1) !important;
  border: 1px solid transparent;
  border-radius: 13px;
  overflow: hidden;
}

.ccx-ss-user-card-group-image > svg,
.ccx-ss-user-image > svg {
  height: 14px !important;
  width: 14px !important;
}
.ccx-ss-user-image > svg {
  background: var(--ccx-share-sheet-background-color-1);
  fill: var(--ccx-share-sheet-text-color-1) !important;
}

.user-card-details-row {
  font-size: var(--ccx-ss-ilst-font-size-md);
}

.ccx-ss-user-card-right-child-owner,
.ccx-ss-collaborators-list-remove-btn {
  font-size: var(--ccx-ss-ilst-font-size-md) !important;
}

div.spectrum-Toast-body div.spectrum-Toast-content {
  font-size: var(--ccx-ss-ilst-font-size-md);
}

/** Override Spectrum font sizes to match Illustrator **/
#ccx-ss-spectrum-provider .ccx-ss-dialog {
  font-size: var(--ccx-ss-ilst-font-size-md) !important;
}

/** Sets native input element colors **/
#ccx-ss-flex-input-textarea-container > div,
#ccx-ss-flex-input-textarea-container > div > input#ccx-ss-flex-input-textarea,
#ccx-ss-invite-message > div.ccx-ss-invite-message-textarea,
#ccx-ss-invite-message > div.ccx-ss-invite-message-textarea > textarea.inputText,
#ccx-ss-invite-message > div.ccx-ss-invite-message-textarea > span.inputSpan {
  background: var(--ccx-share-sheet-input-background-color-1) !important;
  background-color: var(--ccx-share-sheet-input-background-color-1) !important;
  color: var(--ccx-share-sheet-text-color-1) !important;
}

/** Offset left, right padding to account for UXP popover border **/
.ccx-ss-dialog-header,
.ccx-ss-share-invite,
.ccx-ss-invite-content,
.ccx-ss-invite-footer-button-wrapper {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/** Ensures spacing between invite button and message input **/
.ccx-ss-invite-content {
  padding-bottom: 6px !important;
}

/** Shrink H1 font size **/
.ccx-ss-dialog-title {
  font-size: var(--ccx-ss-ilst-font-size-md) !important;
}

/** Corrects "Button" span width in UXP **/
.ccx-ss-invite-column {
  flex: none !important;
}

/** Textarea/span stabilization : CCX-8089 **/
.ccx-ss-invite-message-textarea {
  /*** Ensures the UXP multi-line text area is multi-line ***/
  height: 140px !important;
  overflow: hidden !important;
}

.ccx-ss-invite-message-textarea span.inputSpan {
  font-family: 'adobe-clean', Helvetica, Arial, sans-serif;
  font-size: var(--ccx-ss-ilst-font-size-md) !important;
  font-style: 'normal' !important;
  height: 140px !important;
  left: -4px !important;
  line-height: 1.32 !important;

  margin: 0 0 0 10px !important;
  padding: 0 !important;
  position: relative !important;
  /*** These are magic numbers which align the span to the native input box position ***/
  top: 1px !important;
  white-space: pre-wrap !important; /* Ensures that white space is preserved in the span display */
  width: 296px !important;
}
/** End CCX-8089 **/

/** https://jira.corp.adobe.com/browse/CCX-8807 **/
#ccx-ss-invite-input {
  margin-bottom: 10px;
}

.ccx-ss-user-name-text {
  font-size: var(--ccx-ss-ilst-font-size-md);
  font-weight: 700;
}

.ccx-ss-user-email {
  font-size: var(--ccx-ss-ilst-font-size-md);
  font-weight: 100;
}

#ccx-ss-flex-input {
  min-height: 30px;
}

#ccx-ss-flex-input #ccx-ss-flex-input-children .ccx-ss-invite-tag {
  margin: 1px;
  position: relative;
}

#ccx-ss-predictive-list {
  height: auto;
  min-height: 50px;
}

.ccx-ss-collaborators-list-header-container h3 {
  font-size: var(--ccx-ss-ilst-font-size-md);
}

#ccx-ss-invite-remove-all-btn {
  align-items: flex-start;
}

#ccx-ss-flex-input #ccx-ss-flex-input-children .ccx-ss-invite-tag:nth-child(2) {
  position: relative;
}

#ccx-ss-flex-input #ccx-ss-flex-input-children .ccx-ss-invite-tag .spectrum-Tags-itemLabel {
  font-weight: 100;
}

#ccx-ss-flex-input
  #ccx-ss-flex-input-children
  .ccx-ss-invite-tag
  .spectrum-Tags-itemLabel
  .ccx-ss-tag-input {
  background: var(--ccx-share-sheet-input-background-color-1);
  background-color: var(--ccx-share-sheet-input-background-color-1);
  border: none;
}

#ccx-ss-flex-input
  #ccx-ss-flex-input-children
  .ccx-ss-invite-tag
  .spectrum-Tags-itemLabel
  .ccx-ss-tag-input
  .inputText,
#ccx-ss-flex-input
  #ccx-ss-flex-input-children
  .ccx-ss-invite-tag
  .spectrum-Tags-itemLabel
  .ccx-ss-tag-input
  .inputSpan {
  background: var(--ccx-share-sheet-input-background-color-1);
  background-color: var(--ccx-share-sheet-input-background-color-1);
  border: none !important;
  height: 24px;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 0;
}

#ccx-ss-flex-input #ccx-ss-flex-input-children .ccx-ss-invite-tag .spectrum-ClearButton {
  margin: 0;
  padding: 0 0 0 10px;
  right: 0;
  width: 16px;
}

#ccx-ss-flex-input #ccx-ss-flex-input-children #ccx-ss-flex-input-textarea-container {
  border: none;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

#ccx-ss-flex-input
  #ccx-ss-flex-input-children
  #ccx-ss-flex-input-textarea-container
  .ccx-ss-flex-input-textarea {
  border: none;
  box-sizing: border-box;
  height: 26px;
  margin: 1px 0;
  padding: 0;
}

.spectrum-Button {
  border-style: solid;
  border-width: 1px;
  font-size: var(--ccx-ss-ilst-font-size-lg) !important;
  font-weight: 700;
}

.spectrum-Button[uxp-variant='primary'],
.spectrum-Button[uxp-variant='warning'] {
  border-color: var(--ccx-share-sheet-background-button-primary);
  color: var(--ccx-share-sheet-background-button-primary);
}

/** End CCX-8087 **/

/** Lowers button weight for CCX-9155 **/
#ccx-ss-invite-send-btn {
  font-weight: 300;
}

/** Additional specificity to override UXP :hover styling. The component styling is overwriten by UXP spectrum button styles **/
.ccx-ss-project-group-card:hover {
  background-color: var(--ccx-share-sheet-hover-background-color) !important;
}

/** Prevent override of display: flex from .spectrum-FieldLabel CCX-9936*/
.ccx-ss-invite-message-title {
  display: inline !important;
}