/**
 * @file
 * Straker Translate base styles.
 */

/**
 * Straker translation icon in admin menu.
 *
 * @see straker_translate.icons.css
 */
.toolbar-icon-translation:before {
  background-image: url("/modules/straker_translate/images/ray-bw.png");
}
.toolbar-icon-translation:active:before,
.toolbar-icon-translation.active:before {
  background-image: url("/modules/straker_translate/images/ray-bw.png");
}

.language-icon {
  border-radius: 20px !important;
  margin-right: 0px;
  padding: 6px 8px 6px 12px;
  color: #fff;
  white-space: nowrap;
  border: 1px solid #fff;
  border-spacing: 0;
  font-size: 14px;
  font-weight: 500;
  min-width: auto;
  display: inline-block;
  text-align: center;
}

.language-icon.source-error,
.language-icon.target-error {
  background-color: #FFEBEE;
  border: 1px solid #FFCDD2;
  color: #C62828;
}

span.language-icon ,
a.language-icon {
  margin-bottom: 2px;
  display: inline-block;
  text-align: center;
}

/** Content statuses v2.0 */
.language-icon.source-untracked ,
.language-icon.source-request {
  background-color: #FDF2FA;
  border: 1px solid #FCCEEE;
  color: #C11574;
}

.language-icon.source-edited {
  background-color:#FEFBE8;
  border: 1px solid #EAAA08;
  color: #A15C07;
}

.language-icon.source-importing {
  background-color:#f37f16;
  border: 1px solid #f37f16;
  color: #ffffff;
}
  .language-icon.source-importing a {
    color: #ffffff;
  }
  .language-icon.source-importing:hover {
    background-color: #e67209;
  }

.language-icon.source-ready {
  background-color:#EEF4FF;
  border: 1px solid #C7D7FE;
  color: #3538CD;
}

.language-icon.source-processing {
  background-color:#FAFAFA;
  border: 1px solid #E9EAEB;
  color: #414651;
}

.language-icon.source-current {
  background-color:#E3F4D5;
  border: 1px solid #BAE399;
  color: #588E2F;
}

.language-icon.target-request {
  background-color:#FDF2FA;
  border: 1px solid #FCCEEE;
  color: #C11574;
}

.language-icon.target-pending {
  background-color:#FBE6CA;
  border: 1px solid #F5C484;
  color: #A46616;
}

.language-icon.target-ready {
  background-color:#D6F3FF;
  border: 1px solid #63D3FF;
  color: #05759D;
}

.language-icon.target-edited {
  background-color:#FEFBE8;
  border: 1px solid #EAAA08;
  color: #A15C07;
}


.language-icon.target-current {
  background-color:#EDFCF2;
  border: 1px solid #AAF0C4;
  color: #087443;
}

.language-icon.target-locked {
  background-color: #FFF4ED;
  border: 1px solid #FFCDD2;
  color: #D32F2F;
}

.language-icon.target-intermediate {
  background-color: #ffffff;
  border: 1px solid #4caf50;
  color: #4caf50;
}
  .language-icon.target-intermediate a {
    color: #4caf50;
  }
    .language-icon.target-intermediate a:hover {
      color: #43a047;
    }
  .language-icon.target-intermediate:hover {
    color: #43a047;
  }

.language-icon.target-untracked {
  background-color:#FDF2FA;
  border: 1px solid #FCCEEE;
  color: #C11574;
}

.language-icon.target-newlanguage {
  background-color:#F4F3FF;
  border: 1px solid #D9D6FE;
  color: #5925DC;
}

.language-icon.source-cancelled,
.language-icon.target-cancelled {
  background-color:#FFF4ED;
  border: 1px solid #FF692E;
  color: #BC1B06;
}

.language-icon.source-disabled,
.language-icon.target-disabled {
   background-color:#ffffff;
   border: 1px solid #999999;
   color: #999999;
   text-decoration:line-through;
}

  .language-icon.source-disabled a,
  .language-icon.target-disabled a {
     color: #999999;
  }

.language-icon.source-none,
.language-icon.target-none {
   background-color:#ffffff;
   border: 1px solid #999999;
   color: #999999;
}

  .language-icon.source-none a,
  .language-icon.target-none a {
     color: #999999;
  }

.language-icon.source-archived,
.language-icon.source-deleted,
.language-icon.target-archived,
.language-icon.target-deleted {
  background-color: #ffffff;
  border: 1px solid #404040;
  color: #404040;
}

.language-icon.source-archived a,
.language-icon.source-deleted a,
.language-icon.target-archived a,
.language-icon.target-deleted a {
  color: #404040;
}


/* Target Languages Layout */
.target-language-wrapper {
  display: block;
  margin-bottom: 4px;
  padding: 6px 8px 6px 12px;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.target-language-wrapper:last-child {
  margin-bottom: 0px;
}

.target-language-name {
  color: #333;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.target-languages-none {
  color: #666;
  font-style: italic;
}

.target-status-none {
  color: #666;
  font-style: italic;
}

/* Additional target status styles for missing statuses */
.language-icon.target-processing {
  background-color: #FFF3CD;
  border: 1px solid #FFEAA7;
  color: #856404;
}

.language-icon.target-intermediate {
  background-color: #E1F5FE;
  border: 1px solid #B3E5FC;
  color: #01579B;
}

.language-icon.target-cancelled {
  background-color: #FFEBEE;
  border: 1px solid #FFCDD2;
  color: #C62828;
}

.language-icon.target-disabled {
  background-color: #F5F5F5;
  border: 1px solid #E0E0E0;
  color: #757575;
}

.language-icon.target-unknown {
  background-color: #F3E5F5;
  border: 1px solid #E1BEE7;
  color: #7B1FA2;
}

/* Translation Languages Styling */
.translation-languages-wrapper {
  display: block;
}

.translation-language-item {
  /* margin-bottom: 2px; */
  padding: 5px 8px 5px 12px;
  font-size: 16px;
  /* font-weight: 500; */
  color: #333;
  line-height: 1.4;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.translation-language-item:last-child {
  margin-bottom: 0;
}

/* Config Translation Languages Styling - matches target status pill spacing */
.config-translation-languages-wrapper {
  display: block;
}

.config-translation-language-item {
  display: block;
  padding: 5px 8px 5px 12px;
  font-size: 16px;
  line-height: 1.4;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.config-translation-language-item:last-child {
  margin-bottom: 0px;
}

/* Interface Translation Languages Styling - matches target status pill spacing */
.interface-translation-languages-wrapper {
  display: block;
}

.interface-translation-language-item {
  display: block;
  padding: 4px 8px 4px 12px;
  font-size: 16px;
  line-height: 1.4;
  min-height: 32px;
  display: flex;
  align-items: center;
}

.interface-translation-language-item:last-child {
  margin-bottom: 0px;
}
