/* app fixed */
.margin-auto {
    margin: auto;
}

/* Content Header (Page header) */
.breadcrumb-item, .breadcrumb-item.active > a {
    color: #6c757d;
}
/* font size */
.fs-7 { font-size: 0.9rem !important; }
.fs-8 { font-size: 0.8rem !important; }
.fs-9 { font-size: 0.7rem !important; }

/* 上传文件
.custom-file-label::after { content: "浏览"; }
*/
/* 提示 */
.toast {
    width: 350px;
}

/* pace */
.pace {
    z-index: 9999;
}

.pace .pace-progress {
    height: 4px;
}

/* .pagination */
.dt-paging-button {
    margin-left: 4px;
}

/** header vr **/
@media (max-width: 768px) {
    .vr{
        display: none;
    }
}

/** logo **/
.logo-wrapper {
    position: relative;
}

.logo:not(.text) {
    -webkit-transition: opacity .5s cubic-bezier(.77, 0, .175, 1);
    transition: opacity .5s cubic-bezier(.77, 0, .175, 1)
}

.logo.contrary {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.logo.text {
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: color .5s cubic-bezier(.77, 0, .175, 1);
    transition: color .5s cubic-bezier(.77, 0, .175, 1)
}

.logo.regular {
    min-width: 100px;
    max-height: 30px;
    width: auto;
}

/** 背景色 **/
.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

/** navbar **/
.bd-navbar {
    /* padding: .75rem 0; */
    background-color: transparent;
    box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26;
}

/** navbar brand logo **/
.bd-navbar .navbar-brand {
    padding: 0;
    color: #fff;
    transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .bd-navbar .navbar-brand {
        transition: none
    }
}

.bd-navbar .navbar-brand:hover {
    transform: rotate(-5deg) scale(1.1)
}

.bd-navbar .navbar-toggler {
    border: 0;
    line-height: inherit;
}

.navbar-toggler-other-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
}

[data-bs-theme=dark] .bd-navbar {
    box-shadow: 0 .5rem 1rem #00000026, inset 0 -1px #ffffff26;
}

/** theme switch **/
.dropdown-item.active .d-none {
    display: inherit !important;
}

/** main search wrapper **/
.search-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 60%;
}
@media (max-width: 768px) {
    .search-wrapper{
        max-width: 100%;
    }
}

.search-title {
    margin-bottom: .875rem;
    font-size: 1.75rem;
}

/* card goods */
.card-goods .goods-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.card-goods .card-img-top {
    /*height: 385px;*/
}

/* 显示两行标题 */
.card-goods .card-text::after {
    content: '...';
}
.card-goods .card-text {
    font-size: 13px;
    height: 3em;
    overflow: hidden;
}
.card-goods .shop-name {
    height: 1.5em;
    overflow: hidden;
}
/* goods_modal card-title 标题  */
#goods_modal .card-title::after {
    content: '...';
}
#goods_modal .card-title {
    height: 1.5em;
    overflow: hidden;
}

/* 预估收益 */
.card-goods .goods-revenue {
    background-color: #fff9df;
    color: #dc3545;
    font-size: 13px;
}
.goods-revenue .rev-title{
    background-color: #ffde6d;
}

.card-goods .card-footer {
    font-size: 14px;
}

/** main link wrapper **/
.link-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 60%;
}
@media (max-width: 768px) {
    .link-wrapper{
        max-width: 100%;
    }
}
/** main info wrapper **/
.info-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 40%;
}
@media (max-width: 768px) {
    .info-wrapper{
        max-width: 100%;
    }
}
/** main login wrapper **/
.login-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 400px;
}
@media (max-width: 768px) {
    .login-wrapper{
        max-width: 100%;
    }
}
/** ribbon **/
.ribbon-wrapper {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10;
}

.ribbon-wrapper .ribbon {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    font-size: .8rem;
    line-height: 100%;
    padding: .375rem 0;
    position: relative;
    right: -2px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
    color: #ffffff;
}

/** back to top **/
[data-bs-theme="dark"] #backToTop {
    color: rgb(180, 180, 180);
    background: rgb(90, 90, 90);
}

#backToTop {
    cursor: pointer;
    bottom: 30px;
    right: 30px;
    display: block;
    z-index: 80;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    /*color: rgb(89, 93, 105);
    background: rgb(255, 255, 255);*/
    color: rgb(180, 180, 180);
    background: rgb(90, 90, 90);
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    position: fixed !important;
    transition: 0.2s ease-in-out;
    border-radius: 5px;
}

#backToTop.backToTop-show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

/* footer */
.app-footer {
    max-width: 100vw;
    min-height: 3rem;
    padding: 1rem;
    color: var(--bs-secondary-color);
    background-color: var(--bs-body-bg);
    border-top: 1px solid var(--bs-border-color);
    transition: .3s ease-in-out
}

/* toast */
.toast-primary {
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #0d6efd;
    --bs-toast-header-border-color: #0d6efd;
    --bs-toast-border-color: #0d6efd;
    --bs-toast-bg: var(--bs-primary-bg-subtle);
}
.toast-primary .btn-close {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast-secondary {
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #6c757d;
    --bs-toast-header-border-color: #6c757d;
    --bs-toast-border-color: #6c757d;
    --bs-toast-bg: var(--bs-secondary-bg-subtle);
}
.toast-secondary .btn-close {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast-success {
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #198754;
    --bs-toast-header-border-color: #198754;
    --bs-toast-border-color: #198754;
    --bs-toast-bg: var(--bs-success-bg-subtle);
}
.toast-success .btn-close {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast-info {
    --bs-toast-header-color: #000;
    --bs-toast-header-bg: #0dcaf0;
    --bs-toast-header-border-color: #0dcaf0;
    --bs-toast-border-color: #0dcaf0;
    --bs-toast-bg: var(--bs-info-bg-subtle);
}

.toast-warning {
    --bs-toast-header-color: #000;
    --bs-toast-header-bg: #ffc107;
    --bs-toast-header-border-color: #ffc107;
    --bs-toast-border-color: #ffc107;
    --bs-toast-bg: var(--bs-warning-bg-subtle);
}

.toast-danger {
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #dc3545;
    --bs-toast-header-border-color: #dc3545;
    --bs-toast-border-color: #dc3545;
    --bs-toast-bg: var(--bs-danger-bg-subtle);
}
.toast-danger .btn-close {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast-light {
    --bs-toast-header-color: #000;
    --bs-toast-header-bg: #f8f9fa;
    --bs-toast-header-border-color: #f8f9fa;
    --bs-toast-border-color: #f8f9fa;
    --bs-toast-bg: var(--bs-light-bg-subtle);
}

.toast-dark {
    --bs-toast-header-color: #fff;
    --bs-toast-header-bg: #212529;
    --bs-toast-header-border-color: #212529;
    --bs-toast-border-color: #212529;
    --bs-toast-bg: var(--bs-dark-bg-subtle);
}
.toast-dark .btn-close {
    --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

[data-bs-theme=dark] .toast-info .btn-close {
    --bs-btn-close-white-filter: none;
}
[data-bs-theme=dark] .toast-warning .btn-close {
    --bs-btn-close-white-filter: none;
}
[data-bs-theme=dark] .toast-light .btn-close {
    --bs-btn-close-white-filter: none;
}