/* PublishPress Revisions. Copyright (C) 2019, PublishPress
 * This file is licensed under the GNU GPL.
 */

.rvy_view_revision,
.preview_approval_rvy {
    box-sizing: border-box;
    height: 50px;
    width: 100%;
    text-align: center;
    padding-right: 20px;
    color: white;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 0.9em;
    z-index: 99990;
}

.rvy_preview_msgspan {
    align-items: center;
    display: flex;
    font-weight: bold;
    gap: 8px;
    height: 50px;
    justify-content: center;
    line-height: normal;
    min-width: 0;
    padding: 0 12px;
    white-space: nowrap;
}

.rvy-preview-caption {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rvy-preview-caption-compact {
    display: none;
}

.rvy-preview-primary-slot {
    display: none;
}

.rvy-preview-actions {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.rvy-preview-actions-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    box-sizing: border-box;
    height: 32px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 4px 6px;
    vertical-align: middle;
    width: 32px;
}

.rvy-preview-actions-toggle > svg {
    display: block;
    fill: currentColor;
    height: 20px;
    width: 20px;
}

.rvy-preview-actions-toggle:hover,
.rvy-preview-actions-toggle:focus,
.rvy-preview-actions-toggle[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.18);
    color: inherit;
}

.rvy-preview-actions-menu {
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    min-width: 190px;
    padding: 4px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: calc(100% + 4px);
    z-index: 100002;
}

.rvy-preview-actions-menu[hidden] {
    display: none;
}

#pp_revisions_top_bar .rvy-preview-actions-menu a.rvy-preview-menu-item {
    color: #1d2327;
    display: block;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
}

#pp_revisions_top_bar .rvy-preview-actions-menu a.rvy-preview-menu-item:hover,
#pp_revisions_top_bar .rvy-preview-actions-menu a.rvy-preview-menu-item:focus {
    background: #f0f0f1;
    color: #135e96;
}

.rvy_preview_msgspan > a, .rvy_preview_msgspan > a:visited{
    color:white;
    margin-left:8px;
    margin-right:8px;
    font-size: 0.9em;
}

.rvy_preview_msgspan > a:first-of-type {
    margin-left: 20px;
}

#pp_revisions_top_bar a.rvy-preview-compare.components-button.is-secondary.ppr-purple-button {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
    display: inline-flex;
    font-family: inherit;
    font-size: 13px;
    font-weight: inherit;
    height: 30px;
    justify-content: center;
    line-height: 2.15384615;
    margin: 0 7px 0 8px;
    padding: 0 10px;
    text-decoration: none;
    vertical-align: middle;
}

#pp_revisions_top_bar a.rvy-preview-compare.components-button.is-secondary.ppr-purple-button:hover,
#pp_revisions_top_bar a.rvy-preview-compare.components-button.is-secondary.ppr-purple-button:focus,
#pp_revisions_top_bar a.rvy-preview-compare.components-button.is-secondary.ppr-purple-button:active {
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff;
    text-decoration: none;
}

.rvy_preview_msgspan a:hover {
    text-decoration: underline;
}

.rvy_preview_msgspan a.button {
    margin-left: 5px !important;
}


#pp_revisions_top_bar .button-delete {
    background-color: #812b25 !important;
    color: white !important;
    min-width: 65px;
}

.rvy_preview_linkspan {
    margin-left: 15px;
    line-height: 50px;
    padding: 6px 10px;
    font-family: sans-serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: normal;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid;
    cursor: pointer;
    color: #333;
    z-index: 99999;
}

.rvy_view_published {
    background-color: #635b93;
}
.rvy_view_published .rvy_preview_linkspan {
    background-color: #E4E3D4;
    border-color: #b2b1a7;
}
.rvy_view_published .rvy_preview_linkspan:hover {
    background-color: #f7f6e7;
}

.rvy_view_past {
    background-color: #ab5454;
}
.rvy_view_past .rvy_preview_linkspan {
    background-color: #dfcdd0;
    border-color: #c0b0b3;
}
.rvy_view_past .rvy_preview_linkspan:hover {
    background-color: #FFECEF;
}

.rvy_view_draft {
    background-color: #6b6b6b;
}
.rvy_view_draft .rvy_preview_linkspan {
    background-color: #cde0d2;
    border-color: #a6b5a9;
}
.rvy_view_draft .rvy_preview_linkspan:hover {
    background-color: #E4F5E8;
}

.rvy_view_pending {
    background-color: #1e7a65;
}
.rvy_view_pending .rvy_preview_linkspan {
    background-color: #cde0d2;
    border-color: #a6b5a9;
}
.rvy_view_pending .rvy_preview_linkspan:hover {
    background-color: #E4F5E8;
}

.rvy_view_future,
.rvy_view_scheduled {
    background-color: #1e7a65;
}
.rvy_view_future .rvy_preview_linkspan,
.rvy_view_scheduled .rvy_preview_linkspan {
    background-color: #cde6e7;
    border-color: #a5bdbe;
}
.rvy_view_future .rvy_preview_linkspan:hover,
.rvy_view_scheduled .rvy_preview_linkspan:hover {
    background-color: #def8f9;
}

.rvy_view_pending_future {
    color: white;
    background-color: #4d7070;
}
.rvy_view_pending_future .rvy_preview_linkspan {
    background-color: #E1F6E8;
    border-color: #cad6cd;
}
.rvy_view_pending_future .rvy_preview_linkspan:hover {
    background-color: #f0fff4;
}

.preview_approval_rvy {
    background-color: #635b93;
}
.preview_approval_rvy .rvy_preview_linkspan {
    border-color: #a2babc;
    background-color: #c4dcde;
}
.preview_approval_rvy .rvy_preview_linkspan:hover {
    background-color: #D9F3F5;
}

span.rvy_preview_linkspan a, span.rvy_preview_linkspan a:visited, span.rvy_preview_linkspan a:hover {
    text-decoration:none;
    color: #333;
}

.rvy_preview_linkspan:hover {
    color: #4e4e4e;
}

/* Button styles */

#pp_revisions_top_bar .button,
#pp_revisions_top_bar .button-primary,
#pp_revisions_top_bar .button-secondary {
  display: inline-block;
  max-width: 220px !important;
  text-decoration: none;
  font-size: 13px;
  line-height: 2.15384615;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0 10px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 3px;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
}

#pp_revisions_top_bar .button-secondary {
  color: #2271b1;
  border-color: #2271b1;
  background: #f6f7f7;
  text-decoration: none;
}

#pp_revisions_top_bar .button-secondary:hover,
#pp_revisions_top_bar .button-secondary:focus,
#pp_revisions_top_bar .button-secondary:active {
  background: #f0f0f1;
  border-color: #0a4b78;
  color: #0a4b78;
  text-decoration: none !important;
}

#pp_revisions_top_bar .button-primary {
  background: #655997;
  border-color: #655997;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

#pp_revisions_top_bar .button-primary:hover,
#pp_revisions_top_bar .button-primary:focus,
#pp_revisions_top_bar .button-primary:active {
  background-color: #483f6b;
  border-color: #483f6b;
  color: #fff;
  text-decoration: none !important;
  text-shadow: none;
}

#pp_revisions_top_bar .button-primary:focus {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #483f6b;
}

#pp_revisions_top_bar .button {
  margin-right: 7px;
}

#pp_revisions_top_bar .button.rvy_has_empty_spacing {
  margin-right: 3px;
}

@media screen and (max-width: 900px) {
    .rvy-preview-caption-wide {
        display: none;
    }

    .rvy-preview-caption-compact {
        display: inline;
    }

    .rvy-preview-compare {
        display: none;
    }
}

@media screen and (max-width: 560px) {
    .rvy_preview_msgspan {
        gap: 5px;
        padding: 0 6px;
    }
}