/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 16 2026 | 02:24:27 */
/* =================================
Start - Aside account 
================================== */
.hn__custom_nav_account {
	width: 20% !important;
	background-color: #141A5F;
	padding: 3vw;
	display: flex;
	flex-direction: column;
}
.hn__custom_nav_account .main-menu-wrapper {
	padding: 0;
	list-style: none;
	font-family: 'Inter';
	font-size: 0.75vw;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.hn__custom_nav_account .main-menu-wrapper > li ~ li {
	margin-top: 1.5vw;
}
.hn__custom_nav_account .main-menu-wrapper a {
	color: #B2B6DB;
	display: block;
	padding: 0.6667em 0;
}
.hn__custom_nav_account .main-menu-wrapper li.is-active a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

a.btn-logout.logout-wrapper {
	display: flex;
	justify-content: center;
	background-color: #F6F6FA1F;
	color: #fff;
	font-family: 'Inter';
	font-size: 0.75vw;
	padding: 1.25em;
	border: 1px solid #fff;
	font-weight: 600;
	gap: 0.75em;
	margin-top: max(24.0625vw, 300px);
}
@media (max-width: 1280px) {
	.hn__custom_nav_account {
		width: 250px !important;
		padding: 24px;
	}
	.hn__custom_nav_account .main-menu-wrapper {
		font-size: 11px;
	}
	.hn__custom_nav_account .main-menu-wrapper a {
		padding: 8px 0;
	}
	a.btn-logout.logout-wrapper {
		font-size: 11px;
	}
}
@media (max-width: 1280px) {
	.hn__custom_nav_account {
		display: none;
	}
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {

}
@media (max-width: 576px) {

}
/* ====================================
End - Aside account 
======================================= */



/* Start - Article account */
.woocommerce-MyAccount-content {
    width: 80% !important;
    padding: 0 2.5vw;
    font-family: 'Inter';
}
@media (max-width: 1280px) {
	.woocommerce-MyAccount-content {
		width: 100% !important;
		padding: 0px;
	}
}
@media (max-width: 992px) {

}
/* End - Article account */








/* ========================== 
Start - order list
========================== */
.table-scroll {
	overflow: auto;
}
.hn__orders-title {
	display: flex;
	justify-content: space-between;
	height: 2.5vw;
	border-bottom: 1px solid #DDDEEC;
}
.hn__orders-title h2 {
	margin: 0;
	font-family: 'Playfair Display';
	font-weight: 700;
	font-size: 0.8125vw;
	letter-spacing: 3.9px;
	color: #1A237E;
}
.hn__orders-title p {
	margin: 0;
	color: #94A3B8;
	font-family: 'Inter';
	text-transform: uppercase;
	font-size: 0.75vw;
	letter-spacing: 0.28px;
}

.hn__custom-orders {
	font-family: 'Inter';
	font-size: 0.875vw !important;
	border: 0 !important;
	margin-top: 1.5vw !important;
}
.hn__custom-orders :where(th, td) {
	width: max(20%, 140px) !important;
	padding: 0 10px !important;
	border: 0 !important;
	background: transparent !important;
	text-wrap: nowrap;
}
.hn__custom-orders th {
	height: 2vw;
	font-size: 0.78em;
	text-transform: uppercase;
	align-content: flex-start;
	color: #94A3B8;
	font-weight: 500 !important;
}
.hn__custom-orders td {
	height: 4vw;
}
.hn__custom-orders tbody tr td {
	border-top: 1px solid #edf1f5 !important;
}
table.woocommerce-orders-table.shop_table.shop_table_responsive.my_account_orders.hn__custom-orders :where(th:nth-of-type(-n+3), td:nth-of-type(-n+3)) {
	text-align: left !important;
}
table.woocommerce-orders-table.shop_table.shop_table_responsive.my_account_orders.hn__custom-orders :where(th:nth-of-type(n+4), td:nth-of-type(n+4)) {
	text-align: right !important;
}
.hn__custom-orders td.woocommerce-orders-table__cell.column-order-actions > a {
	padding: 0;
	background: none;
}
.hn__custom-orders td.woocommerce-orders-table__cell.column-order-number > a {
	color: #0F172A;
	font-weight: 500;
}
@media (max-width: 1280px) {
	.hn__orders-title {
		height: 32px;
	}
	.hn__orders-title h2 {
		font-size: 17px;
	}
	.hn__orders-title p {
		font-size: 11px;
	}
	.hn__custom-orders {
		font-size: 14px !important;
	}
	.hn__custom-orders th {
		height: 24px;
		font-size: 12px;
	}
	.hn__custom-orders td {
		height: 50px;
	}
}
@media (max-width: 992px) {
	.hn__custom-orders {
		font-size: 13px !important;
	}
}
@media (max-width: 768px) {
	.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
		display: table-header-group !important;
	}
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
		display: table-row !important;
	}
	.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
		display: table-cell !important;
	}
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
		content: unset;
	}
}
/* ========================== 
End - order list 
=========================== */



/* ===============================
Start - Account Details 
================================== */
.hn__account-details-wrapper {
	padding: 0 2.5vw;
}
.hn__account-details-wrapper .hn__section-header {
	margin-bottom: 3.5vw;
}
.hn__account-details-wrapper > div > h3 {
    font-size: 3.5vw;
    font-weight: 600 !important;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    color: #1a237e;
}
.hn__account-details-wrapper .hn__password-fieldset > legend {
	font-size: 1.2vw;
	font-family: 'Inter';
	font-weight: 600;
	color: #1A237E;
	margin-bottom: 0.5vw;
}
.hn_custom_row-form {
	padding: 0 !important;
	margin-bottom: 1.5vw !important;
}
.hn__account-details-wrapper .hn__password-fieldset {
	padding: 0;
	border: 0;
	margin: 0;
}
span.hn__field-hint {
	font-family: 'Inter';
	font-size: 0.8em;
	color: #4d4d4d;
}
@media (max-width: 1280px) {
	.hn__account-details-wrapper .hn__section-header {
		margin-bottom: 40px;
		padding-bottom: 16px;
	}
	.hn_custom_row-form {
		padding: 0 !important;
		margin-bottom: 20px !important;
	}
	.hn__account-details-wrapper {
		padding: 0;
	}
	.hn__account-details-wrapper > div > h3 {
		font-size: 40px;
	}
	.hn__account-details-wrapper .hn__password-fieldset > legend {
		font-size: 20px;
		margin-bottom: 8px;
	}
}
@media (max-width: 768px) {
	.hn__account-details-wrapper > div > h3 {
		font-size: 32px;
	}
}
@media (max-width: 576px) {
	.hn__account-details-wrapper > div > h3 {
		font-size: 28px;
	}
}
/* ===============================
End - Account Details
=============================== */








/*  */
.nav-account-mobile-container {
	background-color: #141a5f; /* Màu kem giống ảnh */
	width: 100%;
	font-family: 'Inter';
}
.nav-acc-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 24px;
	cursor: pointer;
}
.nav-account-mobile-container.is-open .nav-acc-header {
	display: none;
}
.nav-account-mobile-container:not(.is-open) .nav-acc-collapse{
	display: none;
}
.nav-acc-title {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}
.nav-acc-arrow {
	transition: transform 0.3s ease;
}
.nav-acc-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-acc-item {
	border-bottom: 1px solid rgba(0,0,0,0.03);
}
.nav-acc-item a {
	display: block;
	padding: 12px 24px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
}
.nav-acc-item.is-active a {
	text-decoration: underline;
	font-weight: 600;
	text-underline-offset: 6px;
}
.nav-acc-close {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	cursor: pointer;
}
.nav-acc-close svg {
	color: #fff;
}
@media (max-width: 768px) {
	.nav-acc-header {
		padding: 12px 20px;
	}
	.nav-acc-item a {
		padding: 12px 20px;
		font-size: 13px;
	}
}
@media (max-width: 576px) {
	.nav-acc-header {
		padding: 12px;
	}
	.nav-acc-item a {
		padding: 12px;
	}
}