/* SF My Account Page */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-MyAccount-navigation ul li {
    padding: 0 5px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.woocommerce-MyAccount-navigation ul li:first-child {
    border-top: 1px solid rgba(0,0,0,0.05);
}
.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 13px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 1px;
    color: #2c2d33;
}
.woocommerce-account .wrapper {
    background-color: #f6f6f6;
}
.woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #fff;
    border-bottom: 1px solid #FFDC7F;
}
.woocommerce-MyAccount-navigation ul li a::before, .list_items  .sf_title::before {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0f6";
    line-height: 1.618;
    width: 1.387em;
    text-align: left;
    float: left;
}
ul li.sf-accountnav ul li::before {
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 22px;
    line-height: normal;
    margin-left: 0px !important;
    margin-top: 8px !important;
    float: left;
    margin-right: 15px !important;
    position: relative;
    z-index: 1;
}
ul li.sf-accountnav.pop_up_visible {
    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    position: absolute;

    background-color: #1f1f1f66;
}
/* ul li.sf-accountnav ul li a{
    text-align:left;
}
Edited 3-22-20 -ARE
*/
ul ul li.menu_loyalty::before{
    content: "\f192";
}
ul ul li.menu_spread::before{
    content: "\f118";
}
ul ul li.menu_fragrance::before{
    content: "\f058";
}
/* ul ul li.menu_order_his::before{
    content: "\f017";
} */

/* ul ul li.menu_order_his{ */
    /* background-image: url(img/time.png); */
    /* background-position: left center; */
    /* background-size: 19px; */
    /* background-repeat: no-repeat; */
    /* padding-left: 15px; */
/* } */
ul ul li.menu_account_sets::before{
    /* content: "\f013"; */
}
/* ul ul li.menu_account_sets a{ */
    /* background-image:url(img/settings.png); */
    /* background-position:center left; */
    /* background-repeat:no-repeat; */
    /* background-size:20px; */
    /* padding-left: 34px !important; */
/* } */
/* ul ul li.menu_logout::before{ */
    /* content: "\f08b"; */
/* } */
.woocommerce-account #sf-content {
    padding: 0;
    max-width: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a::before {
    opacity: 1;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\f0e4";
}
.sf_order  .sf_title::before{
    content: "\f06b ";
}
.sf_subscriptionDetails  .sf_title::before {
    content: "\f021";
}
.sf_addressDetails  .sf_title::before {
    content: "\f015";
}
.sf_payments_details .sf_title::before {
    content: "\f09d";
}
.sf_accountDetails .sf_title::before {
    content: "\f007";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\f08b";
}
.woocommerce-MyAccount-navigation ul li a:hover::before {
  opacity: 1;
}
#update_all_subscriptions_addresses_field small{ display: none; }
.woocommerce-MyAccount-content p {
    line-height: 26px;
    margin: 0;
}
.woocommerce-MyAccount-content a {
    color: #af562e;
}
.woocommerce-MyAccount-content a:hover {
  color: #af562e;
}
.woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content h3 {
    margin: 20px 0 28px;
    padding: 0;
    font-size: 17px;
    text-transform: uppercase;
    color: #303030;
    width: 100%;
    text-align: left;
}
.woocommerce-MyAccount-content h3 {
  margin-bottom: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 25%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}
.woocommerce table.my_account_orders th {
    padding: 13px 10px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 500;
}
.woocommerce table.my_account_orders td {
    padding: 15px 5px;
    color: #888;
    font-size: 14px;
    line-height: 26px;
}
/* .woocommerce table.my_account_orders .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
    padding: 8px 23px;
    line-height: normal;
    margin-right: 4px;
    background: none;
    border: 2px solid var(--pink) !important;
    color: #979797;
    margin-bottom: 5px;
} */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button {
  float: right;
}
.woocommerce table.my_account_orders .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover {
    background-color: var(--pink) !important;
    color: #fff !important;
}
.woocommerce-Button--next::after {
    display: inline-block;
    font-size: inherit;
    font: normal normal normal 1em/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    content: "\f178";
    margin-left: .53em;
}
.sf_edit_btn a:hover{
    color: #fff;
    text-decoration: none;
    background-color:var(--pink);
}
.woocommerce-account .addresses .title .edit, .sf_edit_btn a {
    float: none;
    line-height: normal;
    padding: 8px 30px;
    display: inline-block;
    border: 2px solid var(--pink);
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 13px;
    transition: all .1s linear;
    color:var(--pink);
    line-height: normal;
    height: 50px;
}
.woocommerce-account .addresses .title .edit:hover {
  background-color: var(--pink);
  color: #fff;
  text-decoration: none;
}
.woocommerce .addresses header.title {
    padding-bottom: 6px;
    margin-bottom: 10px;
}
/*.woocommerce-account .woocommerce-MyAccount-paymentMethods.shop_table {
    border: 0;
}*/
.popup_visible #fadeandscale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.woocommerce-account .woocommerce-MyAccount-paymentMethods.shop_table tr td {
    border: 0;
}
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button,
.sf-container .woocommerce  .button{
    color: var(--pink) !important;
    background: none !important;
    border: 2px solid var(--pink);
    padding-top: 12px;
    padding-bottom: 11px;
    border-radius: 30px !important;
    padding:8px 30px;
    line-height: 28px;
}
.sf-container .woocommerce  .button:hover{
    background: var(--pink) !important;
    color: #fff !important;
}
.woocommerce-account .woocommerce-MyAccount-paymentMethods a.button:hover {
  color: #000;
  background-color: #FFDC7F;
}
.woocommerce table tr td {
    color: #888;
    border:none;
}
.woocommerce table.shop_table th {
    font-weight: 500;
}
.woocommerce .addresses address {
    font-style: normal;
}
.woocommerce form .form-row label, .sf-note-edit.form-row, .sf-popup-overlay .sf-popup-content p {
    line-height: 26px;
    margin-bottom: 3px;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;font-weight:700;
}

.sf-popup-overlay .sf-popup-content p, .sf-note-edit.form-row { font-weight: normal; }
.woocommerce form .sf-popup-overlay .sf-popup-content label,
.woocommerce form .sf-note-edit.form-row label { display: initial; }

.sf-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    background-color: rgba(0,0,0,0.5);
    display: table;
}

.sf-popup-overlay .sf-popup-table {
  display: table-cell;
  vertical-align: middle;
}

.sf-popup-overlay .sf-popup-content {
  max-width: 700px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
  position: relative;
}

.sf-popup-overlay .sf-popup-button {
    text-align: center;
    margin-top: 20px;
}

.sf-popup-overlay .sf-popup-button a { margin-bottom: 10px;  }

.woocommerce form .form-row .required {
  color: #333;
}
.woocommerce form .woocommerce-form-row {
    padding: 0;
    margin: 0 0 30px;
    width: 100%;
}
.woocommerce form .woocommerce-form-row input {
    padding: 15px 13px;
    font-size: 13px;
    border: 0;
}
.woocommerce-account fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
.woocommerce-account legend {
    margin-bottom: 30px;
}
.sf-hero-images {
    position: relative;
}
.sf-herotitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sf-hrtable {
    display: table;
    width: 100%;
    height: 100%;
}
.sf-hrcell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.sf-hrcell h1 {
    margin: 0;
    font-size: 47px;
    line-height: 60px;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
    text-transform: uppercase;
    color: #303030;
    font-weight: 600;
    letter-spacing: 1px;
}
body .wc-ajax-cart-wrap {
    z-index: 9999;
}
/* @media screen and (min-width: 993px) {
    main{
        min-height: calc(100vh - 140px);
    }
} */
.woocommerce-order-received .navigation-top .wrap{
    max-width:none;
}
/* .woocommerce table.shop_table_responsive .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date { */
    /* width: 25%; */
    /* text-align: left !important; */
/* } */
.woocommerce-orders-table time {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #1f1f1f;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
}
.woocommerce-orders-table .woocommerce-orders-table__row{
    position:relative;
}
.woocommerce-orders-table .woocommerce-orders-table__row::after {
    content: "\f105";
    font-family: FontAwesome;
    color: #999;
    font-size: 25px;
    position: absolute;
    right: 0px;
    top: 35%;
}
.woocommerce-orders-table__cell-order-actions .view .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
    float: right;
    color: #1f1f1f;
    margin-left: 16px;
    margin-right: 25px;
}
.sf_status {
    color: #d97e4d;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 11px;
    float: right;
    margin-left: 16px;
    margin-right: 25px;
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
    clear: both;
    text-align: right;
}
.woocommerce-orders-table__cell-order-actions .view:hover{text-decoration:none;}
.sf_order_items a{
    clear:both;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.sf_order_items a:hover{
    text-decoration:none;
}
.sf_order_items a div {
    display: inline-block;
    text-align: left;
}
.sf_order_items a div.sf_product_thumbs {
    margin-right: 16px;
}
.sf_title_products {
    font-weight: normal;
    font-family: proxima-nova, sans-serif;
    color: #1f1f1f;
    font-size: 16px;
}
body {
    font-family: proxima-nova, sans-serif;
    font-weight:400;
    font-size: 16px;
}
 .header h1, .header h3{
    color: #ffffff;
 }
 .bg-primary{
    background-color:#18bc9c;
 }
 .text-primary{
    color:#18bc9c;
    background-color:#ffffff;
    border-radius: 50%;
 }
 #portfolio .portfolio-item .portfolio-link .caption{
    background-color:#006064;
 }
 section.success a{
    color:#ffffff;
 }
 section.success a:hover, section.success a:focus, section.success a:active, section.success a.active{
    color:#979797;
 }
 .navbar-default .navbar-nav>.active>a,footer .footer-below{
    background-color:#006064;
 }
 .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active{
    color:#006064;
 }
 .btn-success {
    background-color:#18bc9c;
    border-color:#18bc9c;
 }
.btn-success:hover {
    background-color:#006064;
    border-color:#006064;
}
header hr.star-light:after {
    background-color:#006064;
    color:#ffffff;
}
#about hr.star-light:after {
    background-color:#006064;
    color:#ffffff;
}
#portfolio h2, #contact h2{
    color: #979797;
}
#portfolio hr.star-primary:after, #contact hr.star-primary:after{
    color: #979797;
}
#portfolio hr.star-primary, #contact hr.star-primary{
    border-color: #006064;
}
 header hr.star-light{
    border-color:#ffffff;
 }
 header .img-responsive{
    background-color: #2c3e50;
 }
 .floating-label-form-group-with-value label{
    color: #979797;
 }
 #wpadminbar{
    display:none;
 }
.woocommerce-account .wrapper {
    background-color: #ffffff;
}
.account-header{
    height: auto;
}
.page-header--navigation{
    width: 90%;
    position: static;
    margin: 0 auto;
    margin-top: 20px;
    table-layout: auto;
    background: transparent;
    border-radius: 0;
}
.page-header--navigation--tab.m-active a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    outline: none;
}
.page-header--navigation--tab.m-active a:hover, .page-header--navigation--tab a:active{
    outline: none;
    color:#fff;
}
.page-header--navigation--tab a:active, .page-header--navigation--tab a:focus{
    color:#888;
}
#wrapper-account {
    width: 90%;
    margin: 0 auto;
}
#header-right {
    margin-right: 0;
    right: 65px;
}
.page-header--navigation--tab a:hover{
    color: #fff;
}
i.fas {
    font: normal normal normal 17px/1 FontAwesome;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    sf-ssc .row-pay .sf-topay, .sf-gsc .row-pay .sf-topay {
        width: calc(90% - 80px);
    }
}
.sf-ssc .row-pay .single-subscription-option .sf-topay, .sf-gsc .row-pay .single-subscription-option .sf-topay {
    background-color: #f1f1f1;
}
@media only screen and (max-width: 992px) {
    #header-right {
        float: right;
        position: static;
        margin-bottom: 8px;
        margin-top: 11px;
        /*top: 30px;
        right: 45px;*/
    }
    .page-header--navigation{
        margin-top: 0;
    }
    .hamburguer-menu-wrapper {
        border: 1px solid #4B3D49;
        width: 90%;
        margin: 0 auto;
            margin-top: 0px;
        border-radius: 35px;
        background-color: #4B3D49;
        margin-top: 40px;
        font-size: 15px;
        opacity: 1;
        padding: 5px;
        margin-bottom: 30px;
        cursor: pointer;
        display: none;
    }

    .hamburguer-menu-wrapper .hamburger{
        background-color: transparent;
        border: none;
        margin: 0;
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        line-height: 20px;
    }
    .account-header{
        display: inline-block;
    }
    #wrapper-account {
        width: 100%;
        margin: 0 auto;
        float: left;
        padding: 0 5% !important;
    }
    .page-header--navigation--tab{
        border-bottom: none;
        text-align: left;
        font-weight: 600;
    }
    .page-header--navigation--tab a{
        padding: 6px 15px;
    }
    .page-header--navigation--tab a:hover {
        color: #fff;
    }
    .page-header--navigation--tab.m-active a {
        background: transparent;
        color: blanchedalmond;
        outline: none;
    }
    .page-header--navigation--tab a:active{
        background: transparent;
        outline: none;
    }
    .sf_accountSummary {
        margin-top: -8px;
    }
}
@media only screen and (max-width: 690px) {
    #header-right{
        display: none;
    }
    .hamburguer-menu-wrapper{
        margin-top: 10px;
    }
    .wca-responsive-menu-wrapper {
        margin-bottom: 30px;
    }
    .sf_accountSummary, .sf_content_dashboard{
        padding-left: 5px;
        padding-right: 5px;
    }

}
.account-header{
    background-color: #006064;
}
.btn{
    background-color:#006064;
    border-color:#006064;
}
.btn:hover{
    background-color:#006064;
    opacity:0.8;
    border-color:#006064;
}
.woocommerce-account .page-header--navigation .wca-responsive-menu #customer-logout{
    display:none;
}
#overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}
.disabled {cursor:not-allowed;}
.woocommerce-button.woocommerce-Button.button{
    float: left;
    margin-right: 15px;
    /* line-height: 25px;
    height: 40px; */
}
/* .woocommerce-button.woocommerce-Button.button:hover{background:none !important;} */
.woocommerce-Button--previous::before {
    display: inline-block;
    font-size: inherit;
    font: normal normal normal 1em/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    content: "\f177";
    margin-right: .53em;
}
.sf_left_side {
    float: left;
    color: #2f2f2f;
    margin-top: 32px;
}
.woocommerce-account .woocommerce {
    padding-left: 7%;
    padding-right: 7%;
    float: left;
    width: 100%;
    padding-bottom: 30px;
}
.woocommerce-pagination.woocommerce-pagination--without-numbers.woocommerce-Pagination {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.woocommerce table.woocommerce-orders-table{border:none;}
/* .woocommerce-orders-table .woocommerce-orders-table__row{float: left;width: 100%;display:table;} */
.woocommerce-orders-table .woocommerce-orders-table__row {margin-bottom: 16px;border: 1px solid #0000001a;}
/* .woocommerce-page table.shop_table_responsive tr.woocommerce-orders-table__row td{border-top:none;} */
@media screen and (max-width: 768px) {
    .woocommerce table.shop_table_responsive .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date{font-size: 12px;}
    .woocommerce table.shop_table_responsive .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
    .woocommerce-orders-table__cell-order-actions .view {width: 100%;}
    .woocommerce-page table.shop_table_responsive tr.woocommerce-orders-table__row td::before{content:none;}
    .woocommerce-orders-table__cell-order-actions .view .woocommerce-Price-amount {float:left;font-size: 14px;}
    .sf_status{float:none;}
    .woocommerce table.woocommerce-orders-table tr:nth-child(2n) td, .woocommerce-page table.woocommerce-orders-table tr:nth-child(2n) td {
        background-color: transparent;
    }
    /* .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions {float: left;width: 100%;} */
    .sf_title_products{font-size:14px;text-align: left;}
    .sf_order_items a{margin-bottom:15px;}
    .woocommerce table.my_account_orders td {padding: 10px;}
    .woocommerce-orders-table__cell-order-actions .view .woocommerce-Price-amount, .sf_status{margin:0px;}
    .sf_title_products{padding-right: 20px;}
	
	.woocommerce-page table.shop_table_responsive .woocommerce-orders-table__row th{
		display: block;
	}
	.woocommerce-orders-table .woocommerce-orders-table__row::after{ content:""; }
	.woocommerce-account .woocommerce{ padding-left: 10px; padding-right: 10px; }
}
@media screen and (max-width: 767px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    margin-bottom: 30px;
  }
  .sf-hrcell h1 {
    font-size: 36px;
    line-height: 36px;
  }

  .sf-popup-overlay .sf-popup-table {
    padding: 0px 15px;
  }
  .sf-popup-overlay .sf-popup-content { max-width: initial; }
}
@media screen and (max-width: 480px) {
  .sf-hrcell h1 {
    font-size: 28px;
    line-height: 28px;
  }
}
@media screen and (max-width: 400px) {
  .sf-hrcell h1 {
    font-size: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width: 360px) {
  .sf-hrcell h1 {
    font-size: 20px;
    line-height: 20px;
  }
}

@media screen and (max-width: 320px) {
  .sf-popup-overlay .sf-popup-button a {
    line-height: 18px!important;
    font-size: 11px!important;
  }
}
/* SF My Account Page - END */

/* Order Products Column */
.woocommerce-orders-table .order-products {
    min-width: 220px;
}

.order-products-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-product-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-product-thumb img {
    width: 60px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.order-product-info {
    /* display: flex; */
    flex-direction: column;
    font-size: 13px;
    line-height: 1.4;
	text-align: left;
	color: black;
}

.order-product-info a {
    color: black;
    text-decoration: none;
    font-weight: 500;
}

.order-product-info a:hover {
    text-decoration: underline;
}

.order-product-qty {
    color: #888;
    font-size: 12px;
	margin-left: 5px;
}

/* Gộp meta column */
.order-meta-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    white-space: nowrap;
}

.order-meta-date {
    color: #333;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.order-meta-status {
    color: #666;
}

/* Tuỳ chỉnh màu theo status nếu muốn */
.order-meta-status.status-processing  { color: #7b5ea7; }
.order-meta-status.status-completed   { color: #5a7d52; }
.order-meta-status.status-cancelled   { color: #c0392b; }
.order-meta-status.status-on-hold     { color: #b8860b; }

.order-meta-total {
    font-weight: 600;
    color: #333;
}

.order-meta-total small {
    font-weight: 400;
    color: #888;
}