:root{
--lathemeicons--subcriptions: url('data:image/svg+xml,');
--lathemeicons--payment: url('data:image/svg+xml,');
--lathemeicons--userinfo: url('data:image/svg+xml,');
--lathemeicons--helpdesk: url('data:image/svg+xml,');
--lathemeicons--downloads: url('data:image/svg+xml,');
--lathemeicons--orders: url('data:image/svg+xml,');
--lathemeicons--services: url('data:image/svg+xml,');
}
.woocommerce-account{
--sidebar-nav-width: 260px;
}
.woocommerce-account.logged-in .site-content--default {
width: 100%;
max-width: 100%;
display: flex;
align-items: stretch;
}
.logged-in .site-content--default>.woocommerce {
width: 100%;
display: flex;
}
.woocommerce-MyAccount-navigation {
width: var(--sidebar-nav-width);
margin: 0;
text-align: left;
padding: 0;
display: flex;
align-items: flex-start;
align-self: flex-start;
position: sticky;
top: calc(50px + var(--lakit-header-height, 0) + var(--adminbar-height));
--icon: var(--lathemeicons--home);
--icon-size: 24px;
--icon-color: #FB7D29;
--item-color: #1C1C1C;
--item-bgcolor: transparent;
--item-color-hover: #fff;
--item-bgcolor-hover: #1C1C1C;
}
.woocommerce-MyAccount-content{
flex-grow: 1;
margin: 0;
padding: 0 24px 35px;
width: calc(100% - var(--sidebar-nav-width) - 10px);
font-size: 14px;
margin-left: 10px;
--input-height: 44px;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
z-index: 1;
flex-direction: column;
width: 100%;
background: #fff;
border: 1px solid var(--theme-border-color);
}
.woocommerce-MyAccount-navigation a {
display: flex;
width: 100%;
font-size: 14px;
font-weight: 500;
line-height: 20px;
gap: 10px;
padding: 10px 18px;
color: var(--item-color);
background-color: var(--item-bgcolor);
border-bottom: 1px solid var(--theme-border-color);
align-items: center;
}
.woocommerce-MyAccount-navigation li:last-child a{
border-bottom: 0;
}
.woocommerce-MyAccount-navigation li:is(:hover, .is-active) a{
color: var(--item-color-hover);
background-color: var(--item-bgcolor-hover);
}
.woocommerce-MyAccount-navigation a:before {
content: '';
mask: var(--icon) no-repeat center center / var(--icon-cover, contain);
width: var(--icon-size, 1em);
height: var(--icon-size, 1em);
display: block;
background: var(--icon-color, currentColor);
transform: var(--icon-transform, none);
}
.woocommerce-MyAccount-navigation-link--subscriptions{
--icon: var(--lathemeicons--subcriptions);
}
.woocommerce-MyAccount-navigation-link--customer-logout{
--icon: var(--lathemeicons--logout);
}
.woocommerce-MyAccount-navigation-link--payment-methods{
--icon: var(--lathemeicons--payment);
}
.woocommerce-MyAccount-navigation-link--edit-account{
--icon: var(--lathemeicons--userinfo);
}
.woocommerce-MyAccount-navigation-link--tickets{
--icon: var(--lathemeicons--helpdesk);
}
.woocommerce-MyAccount-navigation-link--services{
--icon: var(--lathemeicons--services);
}
.woocommerce-MyAccount-navigation-link--licensed-downloads{
--icon: var(--lathemeicons--downloads);
}
.woocommerce-MyAccount-navigation-link--orders{
--icon: var(--lathemeicons--orders);
}
.woocommerce-MyAccount-navigation-link--edit-address{
display: none !important;
}
.woocommerce-PaymentMethods {
list-style: none;
margin-bottom: 1em;
}
.woocommerce-PaymentBox {
padding-left: 20px;
padding-top: 10px;
}
form#add_payment_method {
width: 400px;
max-width: 100%;
}
#add_payment_method button#place_order {
padding: 12px;
font-size: 14px;
}
.woocommerce-notices-wrapper + h2 {
margin-top: 0;
}
.woocommerce-MyAccount-content table.shop_table_responsive .button {
padding: 8px 20px;
}
form#myaccount_add_tf_license_frm {
margin-bottom: 30px;
}
.tflicense-form > div {
margin-bottom: 10px;
}
@media(max-width: 1024px){
.logged-in .site-content--default>.woocommerce{
display: block;
}
.woocommerce-MyAccount-content{
margin: 30px 0 0;
padding: 0;
width: 100%;
}
.woocommerce-MyAccount-navigation{
width: 100%;
--icon-size: 20px;
--icon-transform: translateY(-1px)
}
.woocommerce-MyAccount-navigation ul{
flex-direction: row;
justify-content: center;
padding: 10px 0;
gap: 8px 0 !important;
}
.woocommerce-MyAccount-navigation a{
border: none;
padding: 5px 10px 4px 10px;
border-radius: 5px;
font-size: 12px;
}
}
@media(max-width: 800px) {
.woocommerce-MyAccount-content table.shop_table_responsive {
display: flex;
}
.woocommerce-MyAccount-content table.shop_table_responsive thead,
.woocommerce-MyAccount-content table.shop_table_responsive tfoot {
display: none;
}
.woocommerce-MyAccount-content table.shop_table_responsive tbody {
display: flex;
flex-direction: column;
gap: 14px;
width: 100%;
}
.woocommerce-MyAccount-content table.shop_table_responsive tr {
display: flex;
flex-direction: column;
border: 1px solid var(--theme-border-color);
padding: 0;
}
.woocommerce-MyAccount-content table.shop_table_responsive :is(td, th) {
display: flex;
justify-content: space-between;
gap: 12px;
border: 0;
border-bottom: 1px solid var(--theme-border-color);
align-items: center;
padding: 12px;
text-align: right;
}
.woocommerce-MyAccount-content table.shop_table_responsive :is(td, th):last-child {
border: 0;
}
.woocommerce-MyAccount-content table.shop_table_responsive :is(td, th):before {
content: attr(data-title) ":";
font-weight: 500;
}
.woocommerce-MyAccount-content table.shop_table_responsive .button {
font-size: 12px;
padding: 7px 20px;
}
}