/**
 * ContribsButtons.css
 * @Description   Transforms contribs links into a grid of WDS buttons
 * @Authors       Ursuul   <dev.fandom.com/wiki/User:Ursuul>
                  Veralann <dev.fandom.com/wiki/User:Veralann>
 * @Version       1.2.1
 */

/* Main */
.mw-special-Contributions :is(#SOAPReportButtons,
#contentSub,
.mw-contributions-user-tools > .mw-changeslist-links,
.quicklogs__content-sub:not(#quicklogs-container)) {
    display: flex;
    flex-flow: row wrap;
    width: auto !important;
    padding: 0 10px;
    margin: 0;
}

.mw-special-Contributions :is(#contentSub,
.mw-contributions-user-tools > .mw-changeslist-links,
.quicklogs__content-sub:not(#quicklogs-container)) {
    font-size: 0;
    color: transparent;
}

.mw-special-Contributions :is(#SOAPReportButtons .SOAPReportButton,
#contentSub a,
.mw-contributions-user-tools > .mw-changeslist-links span,
.quicklogs__content-sub:not(#quicklogs-container) > a) {
    flex: 1 1 26%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 0;
    min-width: 26%;
    min-height: 34px;
    background: #00B7E0;
    background: var(--contribs-buttons-background, var(--theme-accent-color, #00B7E0));
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3em;
    letter-spacing: 0.15px;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    hyphens: auto;
    adobe-hyphenate: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-sizing: content-box;
    margin: 1px;
    transition: background-color 0.3s;
}

.mw-special-Contributions :is(.mw-contributions-user-tools > .mw-changeslist-links span a,
.mw-contributions-user-tools.quicklogs__content-sub a) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--theme-accent-label-color, #ffffff);
}

.mw-special-Contributions .mw-changeslist-links > span:not(:first-child):before {
    display: none;
}

.mw-special-Contributions :is(#WikiaMainContentContainer #contentSub > a,
#WikiaMainContentContainer .mw-changeslist-links > span,
#WikiaMainContentContainer .quicklogs__content-sub:not(#quicklogs-container) > a,
#SOAPReportButtons .SOAPReportButton) {
    background-image: none !important;
    font-family: inherit !important;
    color: #FFFFFF !important;
    text-shadow: none !important;
    -webkit-text-fill-color: initial;
    /* to override Highlight.css, Global.css, & local styles */
}

.mw-special-Contributions :is(#SOAPReportButtons .SOAPReportButton,
#contentSub a,
.mw-contributions-user-tools > .mw-changeslist-links span,
.quicklogs__content-sub:not(#quicklogs-container) > a):is(:active, :focus, :hover) {
    background: #47DDFF;
    background: var(--contribs-buttons-active-background, var(--theme-accent-color--hover, #47DDFF));
}

/* Extra CSS for QuickLogs — changing the order of display */
.mw-special-Contributions #WikiaMainContentContainer {
    display: flex;
    flex-flow: column nowrap;
}

.mw-special-Contributions :is(#WikiaMainContentContainer,
#WikiaArticle) {
    padding-top: 10px;
}

.mw-special-Contributions #WikiaMainContentContainer :is(#contentSub,
.mw-changeslist-links,
.quicklogs__content-sub:not(#quicklogs-container)) {
    order: 1
}

.mw-special-Contributions :is(#contentSub + #SOAPReportButtons,
.mw-contributions-user-tools + #SOAPReportButtons) {
    order: 2;
}

.mw-special-Contributions :is(#WikiaMainContentContainer #quicklogs-container,
#WikiaArticle) {
    order: 3;
}

.mw-special-Contributions .license-description {
    order: 4;
}

.mw-special-Contributions :is(#contentSub,
.mw-contributions-user-tools > .mw-changeslist-links,
.quicklogs__content-sub:not(#quicklogs-container)) {
    display: flex !important;/* override local use of !important */
    margin: 0;
}