/*
  @description       : 
  @author            : Sathish Rajalingam
  @group             : 
  @last modified on  : 01-06-2021
  @last modified by  : Sathish Rajalingam
  Modifications Log 
  Tag       |  Date             |  Modified by              |  Jira reference   |   ChangesMade  
   1        |  24-Dec-2020      |  Sathish Rajalingamm      |    I2RT-550       |   CSS added to remove unnecessary white spaces in article view page
   2        |  16-Jun-2023      |  Sathish Rajalingamm      |    I2RT-8399      |   PROD - Mobile Devices - KB Article Details - Tooltip icon is getting display in all the KB fields

*/

/* Article Page */

.selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__field-label, .selfServiceArticleLayout .forcePageBlockSectionView.full .test-id__grouped-field-label-icon {
    text-transform: capitalize !important;
    font-weight: 400 !important;
    display: inline-block;
    padding-bottom: 2px;
    padding-top: 2px;
    font-size: 1.125rem !important;
}

.forcePageBlockSection .slds-form-element .slds-form-element__control, .forcePageBlockSection .slds-form-element:not([class*="slds-size"]) {
    padding-bottom: 10px;
}

.selfServiceArticleLayout.zoom .article-head {
    font-weight: 500 !important;
}

@media screen and (min-width: 769px) {
    .forceRelatedListSingleContainer {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

/* Article Preview Page */

.slds-form-element__label {
    color: #333;
    font-size: 1.125rem;
    font-weight: 400;
    padding-right: .5rem;
    margin-bottom: 0px;
}

.slds-form-element__control[lightning-outputfield_outputfield] {
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c0c0;
}

.preview-title[c-knowledgeUnpublished_knowledgeUnpublished] {
    background-color: #fff !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 500 !important;
    font-size: 1.4em !important;
}

h4[c-knowledgeUnpublished_knowledgeUnpublished] {
    color: #ff4d00 !important;
}

/*Article Sharing Bar*/

.article-sharing-bar span {
    padding-left: 2%;
}

.article-sharing-bar img {
    background-color: #6e6e70;
    padding: 5px;
    border-radius: 50%;
    height: auto;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

/* Related Articles */

community_article-similar-articles-item .slds-text-body_small, .slds-text-body--small {
    font-size: 14px;
    color: #009DDC;
    font-weight: 400;
}

.selfServiceSimilarArticles42 li:nth-child(odd) {
    background: #F7F8F9;
}

.selfServiceSimilarArticles42 li>.comm-related-articles__item>a {
    word-break: break-word !important;
    font-size: 14px;
    padding: 20px 17px;
}

community_article-similar-articles-list h2 {
    text-align: center;
    border: 1px solid #d4d4d4;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1rem !important;
    line-height: 1.25 !important;
    font-weight: 300 !important;
    text-transform: capitalize !important;
    margin-bottom: 0px;
    margin-right: 0px !important;
}

community_article-similar-articles-item a {
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-word;
    font-size: 14px;
}

community_article-similar-articles-list ul {
    border: 1px solid #d4d4d4;
    border-top: none;
}

.selfServiceSimilarArticles42 li .slds-grid>div {
    padding-right: 8px;
}

/*Preview Article*/

span.preview-field-label[c-knowledgeunpublished_knowledgeunpublished] {
    font-size: 1rem;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 0px;
}

lightning-formatted-rich-text.preview-field-value.slds-rich-text-editor__output[c-knowledgeunpublished_knowledgeunpublished] {
    padding-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #c1c0c0;
    display: inline-block;
    margin-bottom: 10px;
}

/*Article Feedback*/

c-k-b-feedback-external abbr[data-id='descripstar'] {
    text-decoration: none !important;
}

/* hide tooltip */

.uiTooltip.tooltip-trigger {
    display: none !important;
    position: relative;
}

/*<1>*/ 
.slds-spinner_container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--lwc-zIndexSpinner, 9050);
    background-color: white;
    visibility: visible;
    opacity: 1;
    transition: opacity .2s ease, visibility 0s;
    transition-delay: 0s, .3s;
}

.slds-spinner {
    position: absolute;
    top: 5%;
    left: 50%;
    z-index: 9051;
    transform: translate(-50%, -50%) rotate(90deg);
}

.selfServiceArticleLayout .forcePageBlockSectionRow.full {
    padding: 0px 0 !important;
}

.selfServiceArticleLayout .forcePageBlockItem.full, .selfServiceArticleLayout .forcePageBlockItem.full:last-child {
    padding: 0;
    border-left: 0;
    border-bottom: 0;
    padding: 0px 2px 0px 0px !important;
}

.slds-section {
    margin-top: 0px;
    margin-bottom: 4px;
}
/*</1>*/

.forceChatterNewMessageButton
{
    display:none;
}
/*<2>*/
.selfServiceArticleLayout .meta {
    color: var(--lwc-colorTextWeak,#696969);
    font-size: var(--lwc-ssFontSizeSmall,0.75rem) !important;
}

.forcePageBlockItemView.has-tooltip .tooltipIcon
{
    display:none;
}

.forcePageBlockItemView.has-tooltip .slds-form-element__icon
{
    display:none;
}
/*</2>*/

/* Styles for article revamp */
/* CSS for article layout padding override */
.article-column.zoom.slds-text-longform.selfServiceArticleLayout {
    padding-left: 0;
}

article.summary .meta,
article.summary .article-head {
    display: none;
}

.actionItem__wrapper {
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .12);
    margin: 24px 0;
}

.actionItem__wrapper .slds-form-element__label {
    color: #373737;
}

.kb-langSelector__wrapper .slds-input-has-icon .slds-input__icon-group_right {
    right: 5px;
}

.kb-langSelector__wrapper .slds-combobox__input {
    border: none;
    padding: 10px 15px;
    font-size: 1rem;
    color: #373737;
}

.kb-langSelector__wrapper .slds-combobox__input:focus {
    box-shadow: none;
}

/* Coveo action item style */
.kb-coveoActionItem__wrapper {
    border: none !important;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-title {
    color: #fff;
    font-size: 18px;
    padding: 10px 15px !important;
}

.kb-coveoActionItem__wrapper .CoveoResult {
    padding: 0 !important;
}

.kb-coveoActionItem__wrapper .coveo-result-list-container {
    margin: 0 15px !important;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-header {
    padding: 0 !important;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-body .CoveoResult .coveo-result-frame > 
.coveo-result-row > .coveo-result-cell:first-child {
    display: none;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-body .CoveoResult .coveo-result-frame > 
.coveo-result-row > .coveo-result-cell .CoveoResultLink {
    color: #001aff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    transition: .2s ease;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-body .CoveoResult .coveo-result-frame > 
.coveo-result-row > .coveo-result-cell .CoveoResultLink:hover { 
    color: #fa4616;
    text-decoration: none;
}

.kb-coveoActionItem__wrapper .coveo-recommendation-body .CoveoResult .coveo-result-frame > 
.coveo-result-row > .coveo-result-cell {
    font-family: 'Roboto', sans-serif;
    display: block;
    margin: 0 !important;
    padding: 10px 0 !important;    
}

/* Style update for feedback */
.kb-feedBack__formWrap .slds-visible {
    margin-bottom: 10px;
}

.kb-feedBack__formWrap .slds-textarea,
.kb-feedBack__formWrap .slds-combobox__input {
    border: 1px solid #949494;
    border-radius: 0;
}

.kb-feedBack__formWrap .slds-textarea:focus,
.kb-feedBack__formWrap .slds-combobox__input {
    border-color: #001aff;
    box-shadow: 0 0 0 3px rgba(0, 26, 255, 0.25);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

/* Style for article page sticky navigation */
.kb-pageNav__item {
    color: #373737;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin: 0 16px;
    outline: none;
    padding-bottom: 14px;
    border: none;
    cursor: pointer;
}

.kb-pageNav__item:first-child {
    margin-left: 0;
}

.kb-pageNav__item.active {
    border-bottom: 3px solid #fa4616;
    color: #fa4616;
}
/* ends here */

@media (max-width: 768px) {
    .kb-pageNav .kb-pageNav__item {
        margin: 0;
        order: 1;
        display: none;
    }

    .kb-pageNav .kb-pageNav__item.active {
        order: 0;
        display: block;
        position: relative;
    }

    .kb-pageNav .kb-pageNav__item.active::after {
        border: 7px solid transparent;
        border-top-color: #949494;
        content: "";
        position: absolute;
        right: 0;
        top: 60%;
        transform: translateY(-50%);
    }

    .kb-pageNav.dropdown-removed .kb-pageNav__item.active::after {
        content: none;
        display: none;
    }

    .kb-pageNav.expanded .kb-pageNav__item.active::after {
        border-bottom-color: #949494;
        border-top-color: transparent;
        top: 50%;
        transform: translateY(-60%);
    }

    .kb-pageNav.expanded .kb-pageNav__item.active {
        display: block;
        margin-bottom: 12px;
    }

    .kb-pageNav.expanded .kb-pageNav__item:not(.active) {
        display: block;
    }
}


/* Style update for article layout responsiveness */
@media (min-width: 576px) {
    .siteforceServiceBody .cCenterPanel {
        max-width: 540px !important;
    }
}

@media (min-width: 768px) {
    .siteforceServiceBody .cCenterPanel {
        max-width: 720px !important;
    }
}

@media (min-width: 992px) {
    .siteforceServiceBody .cCenterPanel {
        max-width: 960px !important;
    }
}

@media (min-width: 1200px) {
    .siteforceServiceBody .cCenterPanel {
        max-width: 1140px !important;
    }
}

@media (min-width: 1400px) {
    .siteforceServiceBody .cCenterPanel {
        max-width: 1300px !important;
    }
}