/* /Components/Layout/Member/MemberLayout.razor.rz.scp.css */
/* /Components/Layout/Member/MemberNav.razor.rz.scp.css */
/* navbar */
.navbar[b-mawsqac1um] {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	transition: all .35s ease;
	padding: 0.5rem 1rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	background-color: white;
}

/* khi scroll */
.navbar.nav-scroll[b-mawsqac1um] {
	/* height không cần cố định, dùng padding & transform để shrink */
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

/* giữ vùng logo cố định */
.navbar-brand[b-mawsqac1um] {
	width: 160px;
	display: flex;
	align-items: center;
}

/* logo */
.toplogo[b-mawsqac1um] {
	height: 60px;
	transition: transform .35s ease;
	transform-origin: left center;
}

/* scroll logo nhỏ lại */
.navbar.nav-scroll .toplogo[b-mawsqac1um] {
	transform: scale(.8);
}

/* menu link */
.navbar-nav .nav-link[b-mawsqac1um] {
	padding: 28px 12px;
	transition: all .3s ease;
}

/* padding giảm khi scroll */
.navbar.nav-scroll .nav-link[b-mawsqac1um] {
	padding: 18px 12px;
}

/* hover underline */
.nav-link[b-mawsqac1um] {
	position: relative;
}

.nav-link[b-mawsqac1um]::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #198754;
	transform: translateX(-50%);
	transition: width .25s;
}

.nav-link:hover[b-mawsqac1um]::after {
	width: 60%;
}

/* form/input padding shrink nhẹ */
.navbar form[b-mawsqac1um] {
	align-items: center;
	width: 100%;
	transition: all .35s ease;
}

.navbar.nav-scroll form[b-mawsqac1um] {
	padding-top: 0;
	padding-bottom: 0;
}


@media (min-width: 768px) {

	/* desktop: ẩn mobile search */
	.searchtop-mobi[b-mawsqac1um] {
		display: none;
	}

	.navbar-brand[b-mawsqac1um] {
		height: 60px;
	}
}


/* responsive mobile */
@media (max-width: 576px) {
	.navbar[b-mawsqac1um] {
		height: auto;
	}

	.navbar.nav-scroll[b-mawsqac1um] {
		height: auto;
	}

	.toplogo[b-mawsqac1um] {
		height: 45px;
	}

}
/* /Components/Layout/Public/MainLayout.razor.rz.scp.css */
/* .page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    } */
/* /Components/Layout/Public/NavMenu.razor.rz.scp.css */
/* navbar */
.navbar[b-wkw52tfp4n] {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999;
	transition: all .35s ease;
	padding: 0.5rem 1rem;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	background-color: white;
}

/* khi scroll */
.navbar.nav-scroll[b-wkw52tfp4n] {
	/* height không cần cố định, dùng padding & transform để shrink */
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

/* giữ vùng logo cố định */
.navbar-brand[b-wkw52tfp4n] {
	width: 160px;
	display: flex;
	align-items: center;
}

/* logo */
.toplogo[b-wkw52tfp4n] {
	height: 55px;
	transition: transform .35s ease;
	transform-origin: left center;
}

/* scroll logo nhỏ lại */
.navbar.nav-scroll .toplogo[b-wkw52tfp4n] {
	transform: scale(.8);
}

/* menu link */
.navbar-nav .nav-link[b-wkw52tfp4n] {
	padding: 28px 12px;
	transition: all .3s ease;
}

/* padding giảm khi scroll */
.navbar.nav-scroll .nav-link[b-wkw52tfp4n] {
	padding: 18px 12px;
}

/* hover underline */
.nav-link[b-wkw52tfp4n] {
	position: relative;
}

.nav-link[b-wkw52tfp4n]::after {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 0;
	height: 2px;
	background: #198754;
	transform: translateX(-50%);
	transition: width .25s;
}

.nav-link:hover[b-wkw52tfp4n]::after {
	width: 60%;
}

/* form/input padding shrink nhẹ */
.navbar form[b-wkw52tfp4n] {
	align-items: center;
	width: 100%;
	transition: all .35s ease;
}

.navbar.nav-scroll form[b-wkw52tfp4n] {
	padding-top: 0;
	padding-bottom: 0;
}

/* mobile search */
.searchtop-mobi[b-wkw52tfp4n] {
	display: flex;
	/* vẫn dùng flex cho input + icon */
	flex-wrap: nowrap;
	/* giữ input + icon cùng 1 hàng */
	width: 100%;
	margin-bottom: 0.5rem;
}

@media (min-width: 768px) {

	/* desktop: ẩn mobile search */
	.searchtop-mobi[b-wkw52tfp4n] {
		display: none;
	}

	.navbar-brand[b-wkw52tfp4n] {
		height: 60px;
	}
}

.searchtop-mobi .form-control[b-wkw52tfp4n] {
	flex: 1 1 auto;
	/* chiếm full chiều ngang */
	border-radius: 25px 0 0 25px;
	border-right: 0;
}

.searchtop-mobi .input-group-text[b-wkw52tfp4n] {
	border-radius: 0 25px 25px 0;
	background: #fff;
}

.searchtop-mobi .input-group[b-wkw52tfp4n] {
	background: #fff;
	width: 100%;
}

/* responsive mobile */
@media (max-width: 576px) {
	.navbar[b-wkw52tfp4n] {
		height: auto;
	}

	.navbar.nav-scroll[b-wkw52tfp4n] {
		height: auto;
	}

	.toplogo[b-wkw52tfp4n] {
		height: 45px;
	}

}
/* /Components/Layout/WebCPanel/AdminLayout.razor.rz.scp.css */
/* .page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    } */
/* /Components/Pages/Member/Chat/Index.razor.rz.scp.css */
/* Layout chính */
.chat-container[b-7y3qv0hlbr] {
    display: flex;
    height: 100vh;
    overflow: hidden;
    padding-top: 30px;
}

/* LEFT: danh sách user */
.chat-user-list[b-7y3qv0hlbr] {
    width: 320px;
    background: #fff;
    overflow-y: auto;
}

/* RIGHT: khung chat */
.chat-content[b-7y3qv0hlbr] {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
}

/* Mobile: nút back */
.chat-mobile-back[b-7y3qv0hlbr] {
    display: none;
    padding: 12px;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}


/* --- MOBILE RESPONSIVE --- */
@media(max-width: 768px) {

    /* Mặc định hiển thị danh sách chat */
    .chat-content[b-7y3qv0hlbr] {
        display: none !important;
    }

    /* Khi mở chat */
    .chat-container.chat-open .chat-user-list[b-7y3qv0hlbr] {
        display: none !important;
    }

    .chat-container.chat-open .chat-content[b-7y3qv0hlbr] {
        display: flex !important;
    }

    /* Hiện nút back khi vào detail */
    .chat-mobile-back[b-7y3qv0hlbr] {
        display: flex;
    }

    .chat-user-list[b-7y3qv0hlbr] {
        width: 100%;
    }
}
/* /Components/Pages/Member/Components/SelectCategoryModal.razor.rz.scp.css */
@media (max-width: 767.98px) {

    /* chỉ tác động khi modal đang mở */
    .modal.bottom-sheet.show[b-2j29s2xg3b] {
        overflow: hidden;
    }

    /* modal full màn hình */
    .bottom-sheet[b-2j29s2xg3b] {
        padding: 0 !important;
    }

    .modal.bottom-sheet.show .modal-content[b-2j29s2xg3b] {
        height: 70vh;
        border-radius: 16px 16px 0 0;
        animation: slideUp-b-2j29s2xg3b .25s ease-out;

        position: fixed;
        bottom: 0;

        width: 100%;
        max-width: 100%;
    }

    .modal.bottom-sheet.show .modal-body[b-2j29s2xg3b] {
        overflow-y: auto;
    }

    @keyframes slideUp-b-2j29s2xg3b {
        from {
            transform: translateY(100%);
        }

        to {
            transform: translateY(0);
        }
    }

    /* đóng */
    .modal.bottom-sheet.closing .modal-content[b-2j29s2xg3b] {
        animation: slideDown-b-2j29s2xg3b .25s ease-in forwards;
    }

    @keyframes slideDown-b-2j29s2xg3b {
        from {
            transform: translateY(0);
        }

        to {
            transform: translateY(100%);
        }
    }

    .modal.bottom-sheet.closing[b-2j29s2xg3b] {
        pointer-events: none;
        /* không bị click đè */
    }

    .modal-backdrop[b-2j29s2xg3b] {
        transition: none !important;
    }

    .modal[b-2j29s2xg3b] {
        transition: none !important;
    }
}
/* /Components/Pages/Member/Payments/NapDiem.razor.rz.scp.css */
/* Pricing card base */
.pricing-card[b-84eejlljov] {
    border-radius: 16px;
    background: #fff;
    transition: all .25s ease;
}

/* Hover */
.pricing-card:hover[b-84eejlljov] {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .1);
}

/* Card nổi bật */
.pricing-card.featured[b-84eejlljov] {
    border: 2px solid var(--bs-success);
    box-shadow: 0 12px 32px rgba(25, 135, 84, .15);
}

/* Badge bán chạy - nổi trên box */
.badge-featured[b-84eejlljov] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffc107;
    /* warning */
    color: #212529;
    font-weight: 600;
    font-size: .75rem;
    padding: 6px 14px;
    border-radius: 999px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, .15);
    z-index: 2;
}

/* UL center box, text & icon left */
.pricing-features[b-84eejlljov] {
    display: inline-block;
    text-align: left;
    margin: 0 auto;
}

/* LI không nhảy */
.pricing-features li[b-84eejlljov] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    line-height: 1.4;
    margin-bottom: .4rem;
}

/* Icon cố định */
.pricing-features li i[b-84eejlljov] {
    font-size: .9rem;
    width: 1.1rem;
    line-height: 1;
    flex-shrink: 0;
}
/* /Components/Pages/Member/Posts/AddSelectCategory.razor.rz.scp.css */
.custom-date-wrapper[b-e9iuk30zq6] {
	display: flex;
	align-items: stretch;
}

/* Làm input date nằm đè lên toàn bộ và trong suốt */
.hidden-date-input[b-e9iuk30zq6] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* Tàng hình hoàn toàn */
	cursor: pointer;
	z-index: 2;
}

/* Tùy chỉnh thêm để khi hover hoặc focus vào wrapper trông như đang tương tác với input thật */
.custom-date-wrapper:hover .form-control[b-e9iuk30zq6] {
	border-color: #86b7fe;
}

/* Ẩn icon lịch mặc định của trình duyệt để không bị đè chữ */
.hidden-date-input[b-e9iuk30zq6]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/* /Components/Pages/Member/Posts/AddSelectImage.razor.rz.scp.css */
.upload-box[b-dkzp3f58y4] {
    width: 100%;
    min-height: 150px;
    border: 2px dashed #ccc;
    border-radius: 10px;
    display: flex;
    /* align-items: center;
    justify-content: center; */
    color: #888;
    cursor: pointer;
    transition: 0.3s;
}

.upload-box:hover[b-dkzp3f58y4] {
    border-color: var(--bs-web);
    color: var(--bs-web);
}

input[type="file"][b-dkzp3f58y4] {
    display: none;
    /* Ẩn input file thật */
}
/* /Components/Pages/Member/Posts/AddStep3.razor.rz.scp.css */
.hover-shadow:hover[b-n8v8got9ra] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    cursor: pointer;
}
/* /Components/Pages/Member/UserInfo/Edit.razor.rz.scp.css */
.avatar-crop-wrapper[b-whvba6cxrz] {
	position: relative;
	width: 100%;
	max-width: 300px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
	background-color: #eee;
	overflow: hidden;
	user-select: none;
	touch-action: none;
	cursor: grab;
	/* Hiển thị bàn tay kéo ảnh */
}

.avatar-crop-wrapper:active[b-whvba6cxrz] {
	cursor: grabbing;
}

#canvas[b-whvba6cxrz] {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: 300px;
}

#cropCircle[b-whvba6cxrz] {
	position: absolute;
	border: 2px dashed #fff;
	box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
	/* Làm tối mờ vùng ngoài vòng tròn 200px */
	border-radius: 50%;
	pointer-events: none;
	/* Rất quan trọng: Xuyên chuột qua vòng tròn để tương tác thẳng với ảnh phía dưới */
	box-sizing: border-box;
}
/* /Components/Pages/Public/Components/Common/Footer.razor.rz.scp.css */
.footerlogo[b-1rx2va5565] {
	width: 200px;
}

@media (max-width: 768px) {
	ul.footer-text li:nth-child(n+3)[b-1rx2va5565] {
		display: none;
	}

	.footerlogo[b-1rx2va5565] {
		width: 120px;
	}
}
/* /Components/Pages/Public/Components/Common/SeoBottom.razor.rz.scp.css */
.cta-luxury[b-jgiwl8lvwf] {
	position: relative;
	overflow: hidden;
}

/* Glow nhẹ phía sau */
.cta-luxury[b-jgiwl8lvwf]::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -20%;
	width: 140%;
	height: 200%;
	/* background: radial-gradient(circle at center, rgba(255, 105, 0, 0.15), transparent 70%); */
	z-index: 0;
}

/* Card luxury */
.cta-luxury .card[b-jgiwl8lvwf] {
	position: relative;
	z-index: 1;
	border: none;
	border-radius: 20px;
	background: linear-gradient(145deg, #ffffff, #fff3e8);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08),
		0 0 0 1px rgba(255, 105, 0, 0.08);
	transition: all 0.3s ease;
}

.cta-luxury .card:hover[b-jgiwl8lvwf] {
	transform: translateY(-5px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

/* Title */
.cta-luxury h2[b-jgiwl8lvwf] {
	font-weight: 600;
	color: #333;
}

.cta-luxury h2[b-jgiwl8lvwf] {
	background: linear-gradient(90deg, #ff6900, #ff9a4d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Button premium */
.btn-cta[b-jgiwl8lvwf] {
	background: linear-gradient(135deg, #ff6900, #ff8c42);
	border: none;
	color: #fff;
	padding: 9px 28px;
	border-radius: 999px;
	font-weight: 500;
	box-shadow: 0 5px 15px rgba(255, 105, 0, 0.3);
	transition: all 0.3s ease;
}

.btn-cta:hover[b-jgiwl8lvwf] {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 0 10px 25px rgba(255, 105, 0, 0.4);
}

/* Text spacing đẹp hơn */
.cta-luxury .card-body[b-jgiwl8lvwf] {
	padding: 10px 20px;
}
/* /Components/Pages/Public/Components/GoogleMapView.razor.rz.scp.css */
.resizemap[b-ek4o12h2wl] {
    height: 300px;
}

@media (max-width: 768px) {
    .resizemap[b-ek4o12h2wl] {
        height: 120px;
    }
}
/* /Components/Pages/Public/Components/Home/PostItems.razor.rz.scp.css */
/* Nhãn hết hạn đè giữa hình */
.expired-label[b-8f8dwyv7se] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	/* Xoay nhẹ cho tự nhiên */
	background: rgba(119, 119, 119, 0.7);
	color: #fff;
	padding: 5px 12px;

	font-weight: bold;
	font-size: 0.6rem;
	z-index: 5;
	pointer-events: none;
	/* Để không cản trở việc click vào link ảnh */
	border-radius: 4px;
	white-space: nowrap !important;
}

/* Hiệu ứng làm mờ Card khi hết hạn (tùy chọn) */
.item-card-expired[b-8f8dwyv7se] {
	background-color: #f8f9fa;
}

/* 2. Cho MÀN HÌNH LỚN (Từ 768px trở lên - Máy tính/Tablet) */
@media (min-width: 768px) {
	.expired-label[b-8f8dwyv7se] {
		font-size: 0.9rem;
		/* ≈ 16px - Chữ to lên khi xem trên máy tính */

	}
}
/* /Components/Pages/Public/Components/PostDetail/Gallery.razor.rz.scp.css */
.main-gallery img[b-fk057dfnfe] {
    width: 100%;
    border-radius: 10px;
    max-height: 500px;
    object-fit: cover;
}

.thumb-gallery img[b-fk057dfnfe] {
    width: 100%;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border-radius: 6px;
}

/* Cho mobile */
@media (max-width: 576px) {
    .main-gallery img[b-fk057dfnfe] {
        width: 100%;
        border-radius: 10px;
        max-height: 300px;
        object-fit: cover;
    }
}

.video-preview iframe[b-fk057dfnfe] {
    width: 100%;
    height: 500px;
    /* mặc định desktop */
}

@media (max-width: 768px) {
    .video-preview iframe[b-fk057dfnfe] {
        height: 250px;
        /* mobile */
    }
}

/* Làm mờ và đổi màu ảnh khi hết hạn */
.expired-img[b-fk057dfnfe] {
    filter: grayscale(0.8) blur(1px);
    opacity: 0.8;
}

/* Nhãn hết hạn căn giữa tuyệt đối */
.expired-label-detail[b-fk057dfnfe] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    /* Căn giữa và xoay nhẹ */

    background: rgba(119, 119, 119, 0.7);
    /* Màu đỏ Bootstrap (Danger) có độ trong suốt */
    color: white;
    font-weight: bold;
    font-size: 1.5rem;
    /* Chữ to hơn vì đây là trang detail */
    padding: 15px 30px;

    border-radius: 8px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
    z-index: 10;
    pointer-events: none;
    /* Để người dùng vẫn có thể click xuyên qua nhãn vào ảnh */
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .expired-label-detail[b-fk057dfnfe] {
        font-size: 1rem;
        padding: 10px 20px;

    }
}
/* /Components/Pages/Public/Components/Search/SearchFilter.razor.rz.scp.css */
/* Container bao ngoài */
.pill-strip-wrapper[b-wkkm7rl7n4] {
	position: relative;
	display: flex;
	align-items: center;
}

/* Thanh cuộn chính */
.pill-strip[b-wkkm7rl7n4] {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
	/* Hỗ trợ cuộn mượt */
	padding: 10px 0;
}

/* Ẩn thanh cuộn cho mọi trình duyệt */
.hide-scrollbar[b-wkkm7rl7n4]::-webkit-scrollbar {
	display: none;
}

.hide-scrollbar[b-wkkm7rl7n4] {
	-ms-overflow-style: none;
	scrollbar-width: none !important;
}

/* Style cho nút Next/Prev */
.nav-btn[b-wkkm7rl7n4] {
	position: absolute;
	z-index: 10;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;

	display: none;
}

.nav-btn:hover[b-wkkm7rl7n4] {
	background: #fff;
	transform: scale(1.1);
}

/* 2. Chỉ hiển thị từ màn hình Desktop trở lên (>= 992px) */
@media (min-width: 992px) {
	.nav-btn[b-wkkm7rl7n4] {
		display: flex;
		/* Hoặc display: block tùy layout của bạn */
	}

	.nav-btn.prev[b-wkkm7rl7n4] {
		left: 0px;
	}

	.nav-btn.next[b-wkkm7rl7n4] {
		right: 0px;
	}
}

/* Tùy chỉnh item bên trong */
.pill-item[b-wkkm7rl7n4] {
	padding: 8px 20px;
	background: #f0f2f5;
	border-radius: 20px;
	cursor: pointer;
}
/* /Components/Pages/Public/Components/Search/SearchResult.razor.rz.scp.css */
/* Nhãn hết hạn đè giữa hình */
.expired-label[b-c59jfa0czi] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
	/* Xoay nhẹ cho tự nhiên */
	background: rgba(119, 119, 119, 0.7);
	color: #fff;
	padding: 5px 12px;
	font-weight: bold;
	font-size: 0.6rem;
	z-index: 5;
	pointer-events: none;
	/* Để không cản trở việc click vào link ảnh */
	border-radius: 4px;
	white-space: nowrap !important;
}

/* Hiệu ứng làm mờ Card khi hết hạn (tùy chọn) */
.item-card-expired[b-c59jfa0czi] {
	background-color: #f8f9fa;
}

/* 2. Cho MÀN HÌNH LỚN (Từ 768px trở lên - Máy tính/Tablet) */
@media (min-width: 768px) {
	.expired-label[b-c59jfa0czi] {
		font-size: 0.9rem;
		/* ≈ 16px - Chữ to lên khi xem trên máy tính */

	}

	.date[b-c59jfa0czi] {
		font-size: 12px;
	}
}
/* /Components/Pages/Public/Home.razor.rz.scp.css */
/* /Components/Pages/Public/PostDetail.razor.rz.scp.css */
/* /Components/Pages/Public/Support.razor.rz.scp.css */
  .nav-tabs .nav-link.active[b-z5pmsu0f9y] {
      background-color: #f8f9fa;
      border-color: #dee2e6 #dee2e6 #fff;
  }

  .nav-fill .nav-link[b-z5pmsu0f9y] {
      padding: 10px 6px;
      font-size: 14px;
      color: rgb(38, 38, 38);
  }
/* /Components/Pages/WebCPanel/Icons/Index.razor.rz.scp.css */
.icon-grid[b-6x02vu0d98] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 4px;
}

.icon-item[b-6x02vu0d98] {
    border: 1px solid #e5e5e5;
    padding: 2px 4px;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    background: #fff;
    display: inline-grid;
    place-items: center;
}

.icon-item:hover[b-6x02vu0d98] {
    background: #f8f9fa;
    border-color: #ccc;
}

.icon-item img[b-6x02vu0d98] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    margin-bottom: 4px;
}

.icon-actions[b-6x02vu0d98] {
    display: flex;
    justify-content: center;
    margin-top: 6px;
}
/* /Components/Shared/Components/AuthorizeTopMenu.razor.rz.scp.css */
.dropdown-item.active[b-705mwb3dqw],
.dropdown-item:active[b-705mwb3dqw] {
	background-color: transparent !important;
	/* bỏ nền xanh */
	color: inherit !important;
	/* giữ màu chữ bình thường */
}

.dropdown-item .bi-arrow-right[b-705mwb3dqw] {
	opacity: 0;
	transition: 0.15s ease;
}

.dropdown-item:hover .bi-arrow-right[b-705mwb3dqw] {
	opacity: 1;
}

.dropdown-menu[b-705mwb3dqw] {
	max-height: 450px;
	/* hoặc 60-70% viewport, tùy ý */
	overflow-y: auto;
	/* bật scroll dọc */
	scrollbar-width: thin;
	/* Firefox */
	scrollbar-color: rgba(0, 0, 0, .2) transparent;
	/* Firefox */

	border: none !important;
	margin-top: 10px;
	border-radius: 16px;

	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08),
		0 0 0 1px rgba(255, 105, 0, 0.08) !important;
}

/* Chrome, Edge, Safari */
.dropdown-menu[b-705mwb3dqw]::-webkit-scrollbar {
	width: 6px;
}

.dropdown-menu[b-705mwb3dqw]::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 3px;
}

.dropdown-menu[b-705mwb3dqw]::-webkit-scrollbar-track {
	background: transparent;
}

@media (max-width: 768px) {
	.mtext-size[b-705mwb3dqw] {
		font-size: 0.85rem !important;
	}
}
/* /Components/Shared/Components/FooterFixedMenu.razor.rz.scp.css */
.chogiatot-nav .nav-item-dangtin[b-cascwzanbu] {
	position: relative;
	top: -8px;
	/* Đẩy nút nhô cao lên khỏi thanh nav */
	z-index: 1030;
}

.chogiatot-nav .btn-dangtin-circle[b-cascwzanbu] {
	width: 56px;
	height: 56px;
	background-color: #ff9800;
	/* Màu cam Chợ tốt */
	border-color: #ff9800;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	color: #fff !important;
	text-decoration: none;
	transition: transform 0.2s ease;
	margin: 0 auto;
}

.chogiatot-nav .btn-dangtin-circle:hover[b-cascwzanbu] {
	transform: scale(1.05);
	background-color: #e68a00;
}

.chogiatot-nav .btn-dangtin-circle i[b-cascwzanbu] {
	font-size: 1.4rem !important;
	line-height: 1;
}

.chogiatot-nav .btn-dangtin-circle small[b-cascwzanbu] {
	font-size: 0.65rem;
	margin-top: -5px;
}

/* Giữ chiều cao cố định cho navbar để không bị sụp nền khi nút nhô lên */
.chogiatot-nav.navbar[b-cascwzanbu] {
	height: 56px;
}