@import "reset.css";
@import "layout/header.css";
@import "layout/slidebar.css";

@import "components/form.css";
@import "components/showcase.css";
@import "components/thread.css";
@import "components/product.css";
@import "components/comment-image-upload.css";
@import "components/tinymce.css";

body.user-frontend {background-color: #f3f3f3}
.div_title_page{
}
.div_title_page p{font-size: 14px;}
.title_page {text-transform: uppercase;font-size: 22px!important;font-weight: 500;}
.alert-info a{
}

.breadcrumb-container {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
}
.breadcrumb-item {
    display: flex;
    align-items: center;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #6c757d;
    font-weight: bold;
    font-size: 1rem;
    margin: 0;
}
.breadcrumb-item a {
    color: var(--bs-primary);
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 0.3rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 700;
}
.breadcrumb-item a:hover {
    text-decoration: none;
}
.breadcrumb-item.active span {
    color: #6c757d;
    font-weight: 500;
}
.div_title_page{padding-right: 30px;}
.mxh-f{gap: 10px;}
.mxh-f a{display: flex;width: 35px;height: 35px;color: #fff;border: 1px solid #ffff;text-align: center;justify-content: center;align-items: center;border-radius: 50%;padding: 0;}
.darkModeToggle{display: flex;width: 35px;height: 35px;color: #fff;border: 1px solid #ffff;text-align: center;justify-content: center;align-items: center;border-radius: 50%;padding: 0;}
.darkModeToggle img{
}
.tab_mechamap{background-color: #e9e9e9;padding: 5px;}
.tab_mechamap .nav-item .nav-link, .tab_mechamap .nav-item .nav-link{color: #495057;padding: 10px 3px !important;font-weight: 500;border: none;font-size: 13px;background-color: transparent;margin-right: 0;border-radius: 5px;font-family: var(--bs-font-condensed);position: relative;display: flex;justify-content: center;align-items: center;}
.tab_mechamap .nav-item .nav-link .badge , .tab_mechamap .nav-item .nav-link .badge{height: 22px;min-width: 30px;border-radius: 20px;padding: 0;display: flex;justify-content: center;align-items: center;font-size: 12px;padding-left: 7px;padding-right: 7px;font-family: var(--bs-font-sans-serif);}
.tab_mechamap .nav-link.active, .tab_mechamap .show>.nav-link{color: #ffffff;background-color: var(--bs-primary);font-weight: 600;width: 100%;}
.form-sm{height: 37px;font-size: 14px;}
.card-header{border-bottom: none;text-transform: uppercase;background: linear-gradient(135deg, #7e7757 0%, #9a9270 50%, #6a6449 100%);color: #fff;padding: 12px 15px;}
.card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6{color: #ffff;}
.card-body{border: none !important;padding: 15px;background-color: #fff;}
.card-header h5{font-size: 16px;font-weight: 500;text-transform: uppercase;padding-top: 5px;padding-bottom: 5px;}
.card{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);border-radius: 15px !IMPORTANT;overflow: hidden;}
.table-sm>:not(caption)>*>*{padding: 7px 10px;}
.list-group-flush>.list-group-item {border-bottom: 1px dashed var(--bs-primary);padding: 12px 15px;}
.title_page_sub {text-transform: uppercase;font-size: 20px!important;line-height: 25px;margin-bottom: 20px;}
.title_page_sub h2{font-weight: 600;font-size: 28px;text-align: center;display: block;font-family: var(--bs-font-condensed);}
.swal2-actions{gap: 10px;}
.swal2-actions .btn{
    padding: 7px 15px;
    height: auto;
    font-size: 14px;
}
.swal2-html-container{font-size: 15px;}
div:where(.swal2-icon) .swal2-icon-content{font-size: 45px !important;}
div:where(.swal2-icon){width: 50px !important;height: 52px !important;margin-top: 15px !important;margin-bottom: 0 !IMPORTANT;}
.swal2-title{padding: 10px;font-size: 20px;}
.swal2-html-container{padding: 0 10px;}
div:where(.swal2-container) div:where(.swal2-popup){width: 350px !important;}
div:where(.swal2-icon).swal2-success .swal2-success-fix{
}
.product_item_title_description{font-size: 14px;}
.product_item_title{margin-bottom: 15px !IMPORTANT;!I;!;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;margin-bottom: 8px !IMPORTANT;!I;!;}
.add-to-cart-btn{width: 37px;height: 37px;border-radius: 50%;}
.wishlist-btn{width: 37px;height: 37px;border: 1px solid var(--bs-primary);}
.product_item_gia{font-size: 16px;}
.product_item_gia-sale{
}
.categories-list{padding: 15px;}
.categories-list .category-item{display: flex;gap: 10px;margin-bottom: 10px;align-items: center;}
.categories-list .category-item .category-icon{width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;background-color: var(--bs-primary);border-radius: 14px;color: #fff;font-size: 28px;}
.categories-list .category-item .category-info{
}
.categories-list .category-item .category-name{color: var(--bs-body-color);font-size: 18px;font-weight: 500;margin-bottom: 10px;}
.categories-list .category-item .category-stats{display: flex;gap: 20px;}
.categories-list .category-item .category-trend{display: none;}
.sidebar-card.featured-products, .top-sellers, .payment-methods{display: none;}
main{background-color: #faf9f5;}
.notification-dropdown .dropdown-toggle{
}
.notification-dropdown .dropdown-toggle i{margin: 0;}
.notification-dropdown .dropdown-toggle:after{display:none;}
.notification-dropdown .dropdown-toggle .badge{right: -12px;left: auto !IMPORTANT;top: 10px !important;padding: 4px 5px;border: 1px solid;font-size: 12px;font-weight: 500;}
.user-dropdown .user-name{display: none !IMPORTANT;}
.user-dropdown .badge {display: none !IMPORTANT;}